/* layout.css — containers & grids */
.container{width:min(1200px, 100% - 2*var(--space-4));margin-inline:auto}
.section{padding-block:var(--space-12)}
.grid{display:grid;gap:var(--space-6)}
.grid--2{grid-template-columns:repeat(2,minmax(0,1fr))}
.grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}
@media (max-width:900px){.grid--2,.grid--3{grid-template-columns:1fr}}
.header{position:sticky;top:0;background:rgba(255,255,255,.9);backdrop-filter:saturate(180%) blur(10px);border-bottom:1px solid var(--border);z-index:50}
.header__inner{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) 0}
.footer{border-top:1px solid var(--border);padding-block:var(--space-8);color:var(--muted)}