/* Layout — 12 column grid, content widths, breakpoints, z-index. */
:root{
--breakpoint-sm:480px;--breakpoint-md:768px;--breakpoint-lg:1024px;--breakpoint-xl:1280px;--breakpoint-2xl:1440px;
--container-max:1240px;--container-narrow:800px;--container-prose:680px;--container-wide:1440px;
--container-gutter:var(--space-5);--container-gutter-md:var(--space-8);--container-gutter-lg:var(--space-10);
--grid-columns:12; /* @kind other */
--grid-gap:var(--space-6);--grid-gap-lg:var(--space-8);
--header-height:80px;--header-height-mobile:64px;--topbar-height:40px;
--z-base:0; /* @kind other */
--z-raised:10; /* @kind other */
--z-dropdown:100; /* @kind other */
--z-sticky-header:200; /* @kind other */
--z-overlay:300; /* @kind other */
--z-modal:400; /* @kind other */
--z-toast:500; /* @kind other */
--tap-target-min:44px
}
.du-container{width:100%;max-width:var(--container-max);margin-inline:auto;padding-inline:var(--container-gutter)}
.du-container-narrow{width:100%;max-width:var(--container-narrow);margin-inline:auto;padding-inline:var(--container-gutter)}
.du-section{padding-block:var(--space-section-y)}
.du-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--grid-gap)}
@media(min-width:768px){:root{--container-gutter:var(--space-8)}.du-grid{grid-template-columns:repeat(8,minmax(0,1fr))}}
@media(min-width:1024px){:root{--container-gutter:var(--space-10)}.du-grid{grid-template-columns:repeat(12,minmax(0,1fr));gap:var(--grid-gap-lg)}}