/* cifra_bootstrap — layout + grid (ported from cifra_all_blocks.html) */ /* ── КОНТЕЙНЕР (фиксированные ступени, container queries) ── */ .container { max-width: var(--cw); margin: 0 auto; padding: 0 16px; container-type: inline-size; container-name: main; } /* На фиксированных ступенях убираем padding — container query правильно считает inner width */ @media (min-width: 1280px) { .container { padding: 0; } } /* ── СЕТКА СТРАНИЦЫ ── */ .grid { display: grid; gap: 20px; grid-template-columns: 1fr; } @container main (min-width: 620px) { .grid { grid-template-columns: 300px 300px; } } @container main (min-width: 940px) { .grid { grid-template-columns: 300px 300px 300px; } } @container main (min-width: 1260px) { .grid { grid-template-columns: 300px 300px 300px 300px; } } @container main (min-width: 1580px) { .grid { grid-template-columns: 300px 300px 300px 300px 300px; } } /* Spanning */ .span-full { grid-column: 1 / -1; } .span-content { grid-column: 1 / -2; } @container main (min-width: 1580px) { .span-content { grid-column: 1 / -3; } } /* ── СЕТКА КАРТОЧЕК ── */ .cards { display: grid; gap: 20px; grid-template-columns: 1fr; grid-column: 1 / -1; } @container main (min-width: 620px) { .cards { grid-template-columns: 300px 300px; } } @container main (min-width: 940px) { .cards { grid-template-columns: 300px 300px 300px; } } @container main (min-width: 1260px) { .cards { grid-template-columns: 300px 300px 300px 300px; } } /* cb-cards — views wrapper (div.cb-cards > ul > li > a.card) */ .cb-cards { grid-column: 1 / -1; } /* Views рендерит