/* ── LAYOUT ──────────────────────────────────────── */
.wrap{width:100%;max-width:var(--mw);margin:0 auto;padding:0 var(--container-pad)}
.section{padding:var(--py) 0}
.rule{width:100%;height:1px;background:var(--border)}


.site-header,.site-main,.site-footer{width:100%}

@media(max-width:1000px){
  :root{
    --container-pad:var(--space-4);
    --section-space:var(--space-8);
    --grid-gap:var(--space-4);
  }
}
@media(max-width:700px){
  :root{
    --container-pad:var(--space-3);
    --section-space:var(--space-7);
    --grid-gap:var(--space-3);
  }
}