/* Public identity page. Shared type, surfaces and spacing come from the site tokens. */
.design-page .lede{margin-top:var(--s-5);max-width:none}
.design-lockup{margin-top:var(--s-7);padding:var(--s-5);background:var(--teal-800);border-radius:var(--r-lg)}
.design-lockup img{display:block;width:100%;height:auto}
.design-mark{display:flex;align-items:center;gap:var(--s-5);margin-bottom:var(--s-4)}
.design-mark svg{flex:none;width:var(--s-9);height:var(--s-9);color:var(--teal-800)}
.design-palette{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--s-4);list-style:none;padding:0;margin-block:var(--s-5);font-size:var(--fs-small);color:var(--ink-2)}
.design-chip{display:block;height:var(--s-7);margin-bottom:var(--s-2);border:1px solid var(--line-strong);border-radius:var(--r-sm)}
.design-chip--teal{background:var(--teal-800)}
.design-chip--paper{background:var(--paper)}
.design-chip--champagne{background:var(--champagne)}
.design-chip--night{background:var(--night)}
@media(max-width:29.999rem){.design-mark{flex-direction:column;align-items:flex-start}}
@media(forced-colors:active){.design-lockup{background:var(--teal-800);forced-color-adjust:none}.design-mark svg{color:CanvasText}.design-chip{forced-color-adjust:none}}
@media print{.design-lockup{background:transparent;padding:0}.design-lockup img{filter:brightness(0)}.design-palette{break-inside:avoid}}