:root{
--space-1:4px;
--space-2:8px;
--space-3:12px;
--space-4:16px;
--space-6:24px;
--space-8:32px;
--space-12:48px;
--space-16:64px;
--space-24:96px;
--space-32:128px;

/* layout */
--grid-columns:12; /* @kind other */
--grid-gutter:var(--space-6);
--content-max:1140px;
--measure-prose:68ch;
--page-margin:80px;
--page-margin-sm:24px;
--section-gap:var(--space-24);
--section-gap-lg:var(--space-32);
--card-padding:var(--space-8);
}

.ds-container{max-width:var(--content-max);margin-inline:auto;padding-inline:var(--page-margin)}
@media(max-width:900px){.ds-container{padding-inline:var(--page-margin-sm)}}
.ds-section{padding-block:var(--section-gap)}
.ds-grid{display:grid;grid-template-columns:repeat(var(--grid-columns),minmax(0,1fr));gap:var(--grid-gutter)}