@layer blocks{.card{--card-background:var(--color-surface);--card-color:var(--color-text);--card-padding:var(--space-xl);--card-radius:var(--radius-m);padding:var(--card-padding);border:var(--border-width) solid var(--color-border);border-radius:var(--card-radius);background:var(--card-background);color:var(--card-color)}.card__footer{margin-block-start:auto;padding-block-start:var(--space-m)}.tabs{--tabs-active-background:var(--color-surface-subtle)}.tabs__list{border-block-end:var(--border-width) solid var(--color-border);padding-block-end:var(--space-s)}.tabs__trigger{min-block-size:2.75rem;padding:var(--space-xs) var(--space-l);border-radius:var(--radius-s);color:var(--color-text);font-size:var(--text-s);align-items:center;text-decoration:none;display:inline-flex}.tabs__panel{min-inline-size:0}.dialog{display:block}.dialog__content{--dialog-background:var(--color-surface);--dialog-padding:var(--space-xl);--dialog-max:36rem;max-inline-size:min(var(--dialog-max), calc(100% - 2 * var(--space-m)));max-block-size:calc(100svh - 2 * var(--space-m));padding:var(--dialog-padding);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-m);background:var(--dialog-background);color:var(--color-text);overflow:auto}.dialog__content::backdrop{background:oklch(0% 0 0/.65)}.dialog:not([data-enhanced])>.dialog__content{margin-block:var(--space-l);margin-inline:0;position:static}.accordion{--accordion-padding:var(--space-l);border-block-start:var(--border-width) solid var(--color-border)}.accordion>details{border-block-end:var(--border-width) solid var(--color-border)}.accordion>details>summary{padding-block:var(--accordion-padding);font-weight:600}.accordion>details>summary::marker{color:var(--color-action)}.accordion__content{max-inline-size:var(--measure);padding-block-end:var(--accordion-padding)}@media (prefers-reduced-motion:no-preference){@supports selector(::details-content) and (transition-behavior:allow-discrete){.accordion>details::details-content{opacity:0;transition-property:grid-template-rows,padding-block-end,opacity,content-visibility;transition-duration:calc(var(--duration-fast) * 2);transition-timing-function:var(--ease-out);transition-behavior:allow-discrete;grid-template-rows:0fr;padding-block-end:0;display:grid;overflow:clip}.accordion>details[open]::details-content{opacity:1;grid-template-rows:1fr;padding-block-end:var(--accordion-padding)}.accordion>details>.accordion__content{min-block-size:0;padding-block-end:0}}}.site-header{padding-block:var(--space-l);border-block-end:var(--border-width) solid var(--color-border)}.site-header nav a{color:var(--color-text-muted);font-size:var(--text-s);text-decoration:none}.brand{align-items:center;gap:var(--space-s);font-size:var(--text-l);letter-spacing:-.035em;color:var(--color-text);font-weight:700;text-decoration:none;display:flex}.brand__mark{background:var(--color-text);block-size:2.25rem;inline-size:2.25rem;color:var(--color-canvas);border-radius:var(--radius-s);place-items:center;display:grid}.brand__suffix{color:var(--color-text-muted);font-size:var(--text-s);letter-spacing:0;font-weight:400}.hero{gap:var(--space-2xl);padding-block:var(--space-section);grid-template-columns:1.4fr 1fr;align-items:center;display:grid}.hero__copy{--stack-space:var(--space-xl)}.hero__intro{color:var(--color-text-muted);max-inline-size:48ch;font-size:var(--text-l)}.eyebrow{align-items:center;gap:var(--space-xs);font-family:var(--font-code);font-size:var(--text-xs);letter-spacing:.025em;display:flex}.status-dot{background:var(--color-action);border-radius:50%;block-size:.45rem;inline-size:.45rem}.subtle-link{color:var(--color-text);font-size:var(--text-s)}.construction{padding:var(--space-l);border:var(--border-width) solid var(--color-border);background-image:radial-gradient(var(--color-border) .7px, transparent .7px);background-size:12px 12px}.construction__caption{font-family:var(--font-code);color:var(--color-text-muted);font-size:.6rem}.construction__grid{gap:var(--space-s);aspect-ratio:1.2;padding-block:var(--space-xl);grid-template-rows:1fr 1fr;grid-template-columns:1fr 1fr;display:grid}.construction__tile{padding:var(--space-l);letter-spacing:-.08em;border-radius:var(--radius-s);flex-direction:column;justify-content:space-between;font-size:clamp(2.5rem,5vi,4.5rem);font-weight:500;line-height:1;display:flex}.construction__tile>span:last-child{font-family:var(--font-code);font-size:var(--text-xs);letter-spacing:0}.construction__tile--a{background:var(--color-text);color:var(--color-canvas)}.construction__tile--b{background:var(--color-surface-subtle);color:var(--color-text);border:var(--border-width) solid var(--color-border)}.construction__tile--c{background:var(--color-accent);color:var(--color-on-accent);flex-direction:row;grid-column:1/-1;align-items:flex-end}.construction__symbol{font-size:1.5em;line-height:.75}.principles{padding-block:var(--space-l);border-block:var(--border-width) solid var(--color-border);font-size:var(--text-s)}.principles b{color:var(--color-text-muted);font-family:var(--font-code);font-size:var(--text-xs);margin-inline-end:var(--space-m);font-weight:400}.showcase-section{--stack-space:var(--space-2xl);padding-block:var(--space-section)}.showcase-section+.showcase-section{border-block-start:var(--border-width) solid var(--color-border)}.section-heading>p{font-size:var(--text-s);padding-block-start:var(--space-m)}.token-chain{border:var(--border-width) solid var(--color-border);border-radius:var(--radius-s);grid-template-columns:repeat(3,1fr);display:grid}.token-chain>div{padding:var(--space-l);min-inline-size:0}.token-chain>div+div{border-inline-start:var(--border-width) solid var(--color-border)}.token-chain__step{color:var(--color-text-muted);font-size:var(--text-xs);font-family:var(--font-code);margin-block-end:var(--space-l);display:block}.token-chain>div>code{font-size:var(--text-s);overflow-wrap:anywhere}.token-chain p{color:var(--color-text-muted);font-size:var(--text-s);margin-block-start:var(--space-xs)}.swatches{gap:var(--space-l);grid-template-columns:repeat(auto-fit,minmax(min(100%,9rem),1fr));display:grid}.swatch__color{background:var(--swatch-color);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-s);block-size:5.5rem;margin-block-end:var(--space-s)}.swatch strong,.swatch code{font-size:var(--text-xs);display:block}.swatch code{color:var(--color-text-muted)}.layout-gallery{gap:var(--space-l);grid-template-columns:repeat(auto-fit,minmax(min(100%,10rem),1fr));display:grid}.layout-sample h3{font-size:var(--text-m)}.layout-sample__canvas{block-size:8rem;padding:var(--space-l);background:var(--color-surface-subtle);border-radius:var(--radius-s);align-items:center;display:grid}.layout-sample__inner>span{background:var(--color-text);opacity:.75;border-radius:2px;min-block-size:1.1rem;min-inline-size:1.5rem;display:block}.layout-sample__inner>span:nth-child(2){opacity:.3}.layout-sample__inner.center>span+span{margin-block-start:var(--space-2xs)}.layout-sample__inner.sidebar>span{min-block-size:3.5rem}.tag{padding:var(--space-xs) var(--space-s);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-pill);font-family:var(--font-code);font-size:var(--text-xs)}.interaction-row{--sidebar-space:var(--space-3xl);padding-block-start:var(--space-xl)}.site-footer{border-block-start:var(--border-width) solid var(--color-border);padding-block:var(--space-xl);color:var(--color-text-muted);font-size:var(--text-s)}.site-footer strong{color:var(--color-text);margin-inline-end:var(--space-s)}@media (width<55rem){.hero{grid-template-columns:1fr}.construction{inline-size:100%;max-inline-size:32rem}.token-chain{grid-template-columns:1fr}.token-chain>div+div{border-inline-start:0;border-block-start:var(--border-width) solid var(--color-border)}}@media (width<35rem){.brand__suffix{display:none}.site-header nav{gap:var(--space-m)}.principles{flex-direction:column;align-items:flex-start}}}@layer exceptions{.card[data-variant=accent]{--card-background:var(--color-accent);--card-color:var(--color-on-accent)}.tabs__trigger[aria-selected=true]{background:var(--tabs-active-background);font-weight:600}}