:root{--bp-sm:480px;--bp-md:768px;--bp-lg:1024px;--bp-xl:1200px;--bp-2xl:1440px;--container-max:1200px;--container-narrow:720px;--container-wide:1440px;--gutter:20px;--grid-cols:4;--grid-gap:16px;--radius-none:0;--radius-xs:2px;--radius-sm:3px;--radius-md:4px;--radius-pill:999px;--border-width:1px;--border-width-thick:2px;--rule-accent:3px;--z-base:0;--z-raised:10;--z-sticky:100;--z-nav:200;--z-fab:300;--z-overlay:400;--z-modal:500}@media (min-width:768px){:root{--gutter:32px;--grid-gap:20px;--grid-cols:8 /* @kind other */}}@media (min-width:1024px){:root{--gutter:48px;--grid-gap:24px;--grid-cols:12 /* @kind other */}}.container{width:100%;max-width:var(--container-max);margin-inline:auto;padding-inline:var(--gutter)}.container--narrow{max-width:var(--container-narrow)}.container--wide{max-width:var(--container-wide)}.grid{display:grid;grid-template-columns:repeat(var(--grid-cols),minmax(0,1fr));gap:var(--grid-gap)}