.trs{justify-items:stretch;gap:0;display:grid}.trs__layer{gap:var(--space-3);padding:var(--space-4) var(--space-5);border-radius:var(--radius-md,.5rem);background:var(--k-surface);display:grid}.trs__tag{font-family:var(--k-font-mono);letter-spacing:.04em;text-transform:uppercase;color:var(--k-muted);font-size:.6875rem}.trs__usage,.trs__alias,.trs__primToken{font-family:var(--k-font-mono);color:var(--k-foreground);overflow-wrap:anywhere;font-size:.9375rem}.trs__usage .trs__ref,.trs__alias .trs__ref{color:var(--k-ui-accent);font-style:normal;font-weight:600}.trs__alias b{font-weight:600}.trs__primToken b{color:var(--k-ui-accent);font-weight:600}.trs__flow{padding-block:var(--space-3);font-family:var(--font-annotation-sc);font-size:var(--dg-wlabel);color:var(--k-ui-accent);flex-direction:column;justify-self:center;align-items:center;gap:.15rem;display:flex}.trs__flowWire path{fill:none;stroke:currentColor;stroke-width:var(--dg-stroke)}.trs__flowHead{fill:none;stroke-linecap:round;stroke-linejoin:round}.trs__layer--roles{gap:var(--space-4)}.trs__alias{align-items:baseline;gap:var(--space-3);flex-wrap:wrap;display:flex}.trs__aliasHint{font-family:var(--k-font-sans);color:var(--k-muted);font-size:.75rem}.trs__prim{align-items:center;gap:var(--space-3);display:flex}.trs__swatch{border-radius:var(--radius-sm,.375rem);border:1px solid #ffffff24;flex:none;width:1.6rem;height:1.6rem}
.tsd{gap:var(--space-5);display:grid}.tsd__preview{min-height:9rem;padding:var(--space-4) var(--space-5);border-radius:var(--radius-md,.5rem);background:var(--k-surface);align-items:center;display:flex;overflow:hidden}.tsd__sample{color:var(--k-foreground);max-width:100%;display:block}.tsd__spec{gap:var(--space-3) var(--space-6);grid-template-columns:repeat(4,minmax(0,1fr));margin:0;display:grid}.tsd__spec div{gap:.15rem;min-width:0;display:grid}.tsd__spec dt{font-family:var(--k-font-mono);letter-spacing:.04em;text-transform:uppercase;color:var(--k-muted);font-size:.6875rem}.tsd__spec dd{font-family:var(--k-font-mono);color:var(--k-foreground);margin:0;font-size:.875rem}
.msd{gap:var(--space-5);display:grid}.msd__picker{gap:var(--space-3);display:grid}.msd__track{height:6.5rem;padding:var(--space-4);border:1px solid var(--k-void-20);border-radius:var(--radius-lg,.75rem);background:var(--k-void-10);align-items:center;display:flex;position:relative;overflow:hidden}@keyframes msd-run{0%{background:var(--k-orbit);border-radius:40% 60% 55% 45%/55% 45%;transform:translate(0)scale(1)}46%{transform:translateX(var(--msd-span,0px)) scale(.82, 1.18);background:var(--k-supernova);border-radius:60% 40% 45% 55%/45% 55%}50%{transform:translateX(var(--msd-span,0px)) scale(1.2, .8);background:var(--k-flare);border-radius:50%}96%{background:var(--k-tidal);border-radius:45% 55% 60% 40%/60% 40% 55% 45%;transform:translate(0)scale(.82,1.18)}to{background:var(--k-orbit);border-radius:40% 60% 55% 45%/55% 45%;transform:translate(0)scale(1)}}.msd__lane{width:100%;display:block;container-type:inline-size}.msd__runner{--msd-span:calc(100cqw - 2.75rem);width:2.75rem;height:2.75rem;animation:msd-run calc(var(--msd-dur,.3s) * 2 + .6s) var(--msd-ease,ease) infinite;display:block}@media (prefers-reduced-motion:reduce){.msd__runner{background:var(--k-orbit);border-radius:40% 60% 55% 45%/55% 45%;animation:none}.msd__still{display:block}}.msd__still{font-family:var(--k-font-sans);color:var(--k-muted);margin:0;font-size:.8125rem;line-height:1.5;display:none}.msd__still code{font-family:var(--k-font-mono)}.msd__spec{gap:var(--space-3) var(--space-8);flex-wrap:wrap;margin:0;display:flex}.msd__spec div{flex-direction:column;gap:.15rem;display:flex}.msd__spec dt{font-family:var(--k-font-mono);letter-spacing:.04em;text-transform:uppercase;color:var(--k-muted);font-size:.6875rem}.msd__spec dd{font-family:var(--k-font-mono);color:var(--k-foreground);margin:0;font-size:.875rem}
.pm{gap:var(--space-4);grid-template-columns:minmax(0,19rem) minmax(0,1fr);align-items:stretch;display:grid}.pm__panel--wheel{grid-column:1}.pm__panel--contrast{grid-column:2}.pm__panel--strip{grid-column:1/-1}.pm__panel{gap:var(--space-3);padding:var(--space-5);border:1px solid var(--k-void-20);border-radius:var(--radius-lg,.75rem);background:var(--k-void-10);flex-direction:column;min-width:0;display:flex}.pm__h{font-family:var(--k-font-mono);letter-spacing:.04em;text-transform:uppercase;color:var(--k-muted);margin:0;font-size:.6875rem;font-weight:400}.pm__note{font-family:var(--k-font-sans);color:var(--k-void-50);margin:0;font-size:.8125rem;line-height:1.45}.pm__wheel{width:100%;height:auto}.pm__panel--wheel .pm__note{margin-block-start:auto}.pm__ring,.pm__axis{fill:none;stroke:var(--k-void-30);stroke-width:1px}.pm__dot{stroke:var(--k-void-0);stroke-width:1.5px}.pm__strip{border-radius:var(--radius-md,.5rem);height:3rem;display:flex;overflow:hidden}.pm__step{flex:1;min-width:0}.pm__cells{gap:var(--space-2);flex:1;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:1fr;margin:0;padding:0;list-style:none;display:grid}.pm__cell{padding:var(--space-3);border-radius:var(--radius-md,.5rem);background:var(--k-void-20);border-block-end:2px solid #0000;flex-direction:column;justify-content:center;gap:.15rem;display:flex}.pm__sample{font-family:var(--k-font-sans);font-size:1.375rem;font-weight:600;line-height:1.1}.pm__token{font-family:var(--k-font-mono);color:var(--k-void-50);overflow-wrap:anywhere;font-size:.6875rem}.pm__figure{font-family:var(--k-font-mono);font-size:.8125rem}.pm__cell.is-aa{border-block-end-color:var(--k-nebula)}.pm__cell.is-aa .pm__figure{color:var(--k-nebula)}.pm__cell.is-large{border-block-end-color:var(--k-supernova)}.pm__cell.is-large .pm__figure{color:var(--k-supernova)}.pm__cell.is-fail{border-block-end-color:var(--k-flare)}.pm__cell.is-fail .pm__figure{color:var(--k-flare)}.pm__key{font-family:var(--k-font-mono);border-radius:var(--radius-sm,.375rem);padding:.05rem .35rem}.pm__key.is-aa{color:var(--k-nebula);background:color-mix(in oklch, var(--k-nebula) 15%, transparent)}.pm__key.is-large{color:var(--k-supernova);background:color-mix(in oklch, var(--k-supernova) 15%, transparent)}.pm__key.is-fail{color:var(--k-flare);background:color-mix(in oklch, var(--k-flare) 15%, transparent)}@media (max-width:60rem){.pm{grid-template-columns:minmax(0,1fr)}.pm__panel--wheel,.pm__panel--contrast,.pm__panel--strip{grid-column:1}.pm__panel--wheel{align-items:center}.pm__cells{grid-auto-rows:auto}.pm__wheel{align-self:center;max-width:18rem}}
.asd{gap:var(--space-5);justify-items:center;display:grid}.asd__shell{justify-self:stretch;gap:var(--space-4);grid-template-columns:minmax(0,340px) minmax(0,1fr);align-items:stretch;display:grid;position:relative}.asd__main{gap:var(--space-3);padding:var(--space-6);border:1px dashed var(--k-void-20);border-radius:var(--radius-lg,.75rem);flex-direction:column;display:flex;position:relative}.asd__mainTag{font-family:var(--k-font-mono);letter-spacing:.04em;text-transform:uppercase;color:var(--k-void-40);font-size:.6875rem}.asd__skeleton{border-radius:var(--radius-full);background:var(--k-void-20);width:60%;height:.6rem}.asd__skeleton--wide{width:85%}.asd__skeleton--short{width:35%}.asd__panel{gap:var(--space-8);width:100%;padding:var(--space-6);border:1px solid var(--k-void-20);border-radius:var(--radius-lg,.75rem);background:var(--k-void-10);flex-direction:column;display:flex;position:relative}.asd__head{justify-content:space-between;align-items:center;display:flex}.asd__logo{font-family:var(--k-font-sans);letter-spacing:-.03em;font-size:1.375rem;font-weight:800}.asd__social{gap:var(--space-2);display:inline-flex;position:relative}.asd__slink{border-radius:var(--radius-sm,.375rem);color:var(--k-muted);padding:.3rem;display:inline-flex;position:relative}.asd__nav{gap:var(--space-3);flex-direction:column;display:flex}.asd__row{align-items:center;gap:var(--space-3);border-radius:var(--radius-md,.5rem);background:var(--k-void-20);color:var(--k-void-60);font-family:var(--k-font-sans);padding:.6rem .85rem;font-size:.9375rem;display:flex}.asd__row.is-current{background:var(--k-void-30);color:var(--k-ui-accent);font-weight:500}.asd__icon{flex:none;display:inline-flex;position:relative}.asd__colophon{font-family:var(--k-font-sans);color:var(--k-void-60);font-size:.8125rem}.is-lit{outline:2px solid var(--k-ui-accent);outline-offset:3px;border-radius:var(--radius-sm,.375rem)}.asd__panel.is-lit,.asd__shell.is-lit{outline-offset:4px;border-radius:var(--radius-lg,.75rem)}.asd__tag{z-index:4;font-family:var(--k-font-mono);letter-spacing:.03em;border-radius:var(--radius-full);background:var(--k-ui-accent);color:var(--k-void-0);white-space:nowrap;pointer-events:none;padding:.1rem .4rem;font-size:.625rem;position:absolute}.asd__tag--shell{top:-.75rem;left:1rem}.asd__tag--panel{top:-.7rem;left:1rem}.asd__tag--social{top:-1.35rem;right:0}.asd__tag--link{top:-1.35rem;left:50%;transform:translate(-50%)}.asd__tag--icon{top:-1.4rem;left:-.25rem}.asd__readout{justify-self:stretch;align-items:baseline;gap:var(--space-2) var(--space-3);border-block-start:1px solid var(--k-border);flex-wrap:wrap;margin:0;padding-block-start:var(--space-2);display:flex}.asd__readoutTier{font-family:var(--k-font-mono);letter-spacing:.04em;text-transform:uppercase;color:var(--k-ui-accent);font-size:.6875rem}.asd__readoutNote{font-family:var(--k-font-sans);color:var(--k-muted);font-size:.8125rem}@media (max-width:40rem){.asd__shell{grid-template-columns:minmax(0,1fr)}}
.apr{gap:var(--space-5);display:grid}.apr__surface{gap:var(--space-5);padding:var(--space-5);border-radius:var(--radius-md,.5rem);background:var(--k-void-10);display:grid}.apr__nav{gap:var(--space-2);flex-direction:column;display:flex}.apr__row{border-radius:var(--radius-md,.5rem);background:var(--k-void-20);color:var(--k-void-60);font-family:var(--k-font-sans);padding:.55rem .85rem;font-size:.9375rem;transition:color .2s,background .2s}.apr__row.is-active{color:var(--app-accent);background:color-mix(in srgb, var(--app-accent) 16%, var(--k-void-20));font-weight:500}.apr__chips{gap:var(--space-2);display:flex}.apr__chip{border-radius:var(--radius-full);border:1px solid var(--k-void-30);color:var(--k-void-60);font-family:var(--k-font-sans);background:0 0;padding:.35rem .8rem;font-size:.8125rem;transition:color .2s,border-color .2s,background .2s}.apr__chip.is-selected{color:var(--k-void-0);border-color:var(--app-accent);background:var(--app-accent)}.apr__field{align-items:center;gap:var(--space-5);display:flex}.apr__track{border-radius:var(--radius-full);background:var(--k-void-30);flex:1;height:.4rem;position:relative}.apr__fill{border-radius:var(--radius-full);background:var(--app-accent);width:60%;transition:background .2s;position:absolute;inset-block:0;inset-inline-start:0}.apr__thumb{border-radius:var(--radius-full);background:var(--app-accent);width:1rem;height:1rem;transition:background .2s;position:absolute;inset-block-start:50%;inset-inline-start:60%;transform:translate(-50%,-50%)}.apr__ring{border:1px solid var(--k-void-30);border-radius:var(--radius-md,.5rem);background:var(--k-void-20);color:var(--k-foreground);font-family:var(--k-font-sans);cursor:pointer;box-shadow:0 0 0 2px var(--app-accent);flex:none;padding:.4rem .9rem;font-size:.8125rem;transition:box-shadow .2s}.apr__code{padding:var(--space-4) var(--space-5);border-radius:var(--radius-md,.5rem);background:var(--k-void-10);font-family:var(--k-font-mono);color:var(--k-foreground);margin:0;font-size:.875rem;line-height:1.6;overflow-x:auto}.apr__codeDim{color:var(--k-muted)}.apr__codeHue{color:var(--app-accent)}@media (max-width:48rem){.apr__code{white-space:pre-wrap;overflow-wrap:anywhere;overflow-x:hidden}}
.pd{justify-items:center;gap:var(--space-6);margin:0;display:grid}.pd__row{gap:var(--space-10);padding:var(--space-6) var(--space-8);border-radius:var(--radius-lg);background:var(--surface-raised);grid-template-columns:repeat(3,auto);justify-items:center;display:grid}.pd__cell{gap:var(--space-3);justify-items:center;display:grid}.pd__app{font-family:var(--font-sans);font-size:var(--dg-title);color:var(--ink-primary);font-weight:600}.pd-btn{font-family:var(--font-sans);color:var(--colour-void-0,#121213);background:var(--c);border-radius:var(--r);padding:.6rem 1.2rem;font-size:.9375rem;font-weight:500}.pd-a{--c:#f78d2c;--r:4px}.pd-b{--c:#15ad70;--r:16px}.pd-c{--c:#7193ed;--r:10px}.pd__val{font-family:var(--font-mono);font-size:var(--dg-sub);color:var(--ink-secondary)}.pd__kern{justify-items:center;gap:var(--space-3);display:grid}.pd-btn--kern{--c:var(--accent);--r:var(--radius-md)}.pd__val--kern{color:var(--accent);font-size:.9375rem;font-weight:600}@media (max-width:34rem){.pd__row{gap:var(--space-6);grid-template-columns:1fr}}
.df{justify-items:center;gap:0;margin:0;display:grid}.df__node{gap:var(--space-2);width:min(30rem,100%);padding:var(--space-4) var(--space-5);border-radius:var(--radius-md);background:var(--surface-raised);display:grid}.df__node--src{border-color:color-mix(in oklch, var(--accent) 45%, var(--border-default))}.df__tag{font-family:var(--font-mono);font-size:var(--dg-sub);letter-spacing:.04em;text-transform:uppercase;color:var(--ink-tertiary)}.df__code{font-family:var(--font-mono);font-size:var(--dg-title);color:var(--ink-primary);overflow-wrap:anywhere}.df__code--sm{font-size:var(--dg-sub);color:var(--ink-secondary)}.df__note{font-family:var(--font-sans);font-size:var(--dg-sub);color:var(--ink-tertiary)}.df__keys{gap:var(--space-3);border-block-start:1px solid var(--border-subtle);margin-block-start:var(--space-2);padding-block-start:var(--space-3);display:grid}.df__key{gap:.15rem;display:grid}.df__keyTag{font-family:var(--font-sans);font-size:var(--dg-callout);letter-spacing:.03em;text-transform:uppercase;color:var(--accent);font-weight:600}.df__flow{padding-block:var(--space-3);font-family:var(--font-annotation-sc);font-size:var(--dg-wlabel);color:var(--accent);justify-items:center;gap:.15rem;display:grid}.df__flowWire path{fill:none;stroke:currentColor;stroke-width:var(--dg-stroke)}.df__flowHead{fill:none;stroke-linecap:round;stroke-linejoin:round}.df__apps{justify-content:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.df__app{border:1px solid var(--border-default);border-radius:var(--radius-full);background:var(--surface-page);color:var(--app,var(--ink-secondary));font-family:var(--font-sans);font-size:var(--dg-sub);align-items:center;gap:.45rem;padding:.4rem .9rem;display:inline-flex}.df__appDot{border-radius:var(--radius-full);background:var(--app);width:.55rem;height:.55rem}
.kern-ui{--k-void-0:#121213;--k-void-10:#1f1f20;--k-void-20:#2b2b2c;--k-void-30:#383839;--k-void-40:#575759;--k-void-50:#929295;--k-void-60:#b1b1b3;--k-void-70:#d3d3d5;--k-void-80:#e2e2e5;--k-void-90:#f1f1f4;--k-nebula:#15ad70;--k-aurora:#82d25d;--k-tidal:#68d0ca;--k-orbit:#73bde7;--k-pulsar:#7193ed;--k-quasar:#bf9ff1;--k-corona:#f9c3d6;--k-dusk:#f5d4c0;--k-flare:#e15e42;--k-solstice:#f78d2c;--k-supernova:#ffc700;--k-nebula-light:#b4edcf;--k-nebula-dark:#0d7a4f;--k-aurora-light:#c5f0a9;--k-aurora-dark:#5a9e3a;--k-tidal-light:#b3ebe4;--k-tidal-dark:#3fa8a1;--k-orbit-light:#c4e5f7;--k-orbit-dark:#4a9fd0;--k-pulsar-light:#c2cffa;--k-pulsar-dark:#4468d8;--k-quasar-light:#e4d6fb;--k-quasar-dark:#9b72e6;--k-corona-light:#fce4ee;--k-corona-dark:#f28bad;--k-dusk-light:#faf0e8;--k-dusk-dark:#e0b090;--k-flare-light:#f0a090;--k-flare-dark:#c83d25;--k-solstice-light:#fde4c0;--k-solstice-dark:#d46a0a;--k-supernova-light:#ffe480;--k-supernova-dark:#d4a000}
.kern-ui{--k-background:var(--k-void-0);--k-foreground:var(--k-void-90);--k-primary:var(--k-orbit);--k-ring:var(--k-orbit);--k-ui-accent:var(--accent);--seg-track:var(--k-void-10);--seg-ink:var(--k-void-50);--seg-ink-hover:var(--k-void-90);--seg-fill:var(--k-ui-accent);--seg-ink-on:var(--k-void-0);--seg-font:var(--k-font-mono);--seg-size:.8125rem;--k-surface:var(--k-void-10);--k-surface-raised:var(--k-void-20);--k-border:var(--k-void-30);--k-muted:var(--k-void-50);--k-font-sans:var(--parkinsans), "Parkinsans Fallback", system-ui, sans-serif;--k-font-mono:var(--geist-mono), "Fira Code", monospace;background:var(--k-background);color:var(--k-foreground);font-family:var(--k-font-sans);border-radius:var(--radius-lg,.75rem)}.kern-ui code{font-family:var(--k-font-mono)}.kern-ui .seg{margin-inline:auto}.kern-ui .seg--start{margin-inline:0 auto}
.case-study--kern .cs-body code{color:var(--accent)}.cs-hue{font-weight:inherit;text-decoration:none}
.haus-ui{--h-aronia-100:oklch(97% .012 300);--h-aronia-200:oklch(92% .028 300);--h-aronia-500:oklch(52% .138 300);--h-aronia-600:oklch(43% .125 300);--h-aronia-700:oklch(35% .105 300);--h-damson-0:oklch(100% 0 0);--h-damson-50:oklch(99% .003 290);--h-damson-100:oklch(97% .006 290);--h-damson-200:oklch(93% .008 290);--h-damson-300:oklch(86% .01 290);--h-damson-400:oklch(74% .01 290);--h-damson-500:oklch(60% .008 290);--h-damson-700:oklch(37% .006 290);--h-damson-900:oklch(18% .003 290);--h-elderberry-100:oklch(97% .02 265);--h-elderberry-500:oklch(55% .2 265);--h-elderberry-700:oklch(42% .16 265);--h-greengage-100:oklch(97% .03 148);--h-greengage-500:oklch(58% .185 148);--h-greengage-700:oklch(45% .15 148);--h-mango-100:oklch(97% .025 65);--h-mango-500:oklch(60% .175 65);--h-mango-700:oklch(47% .142 65);--h-cherry-100:oklch(97% .03 27);--h-cherry-500:oklch(58% .2 27);--h-cherry-700:oklch(44% .168 27);--h-surface:var(--h-damson-0);--h-surface-subtle:var(--h-damson-100);--h-surface-sunken:var(--h-damson-200);--h-ink:var(--h-damson-900);--h-ink-2:var(--h-damson-700);--h-ink-3:var(--h-damson-500);--h-border-subtle:var(--h-damson-100);--h-border:var(--h-damson-200);--h-border-strong:var(--h-damson-300);--h-primary:var(--h-aronia-500);--h-primary-hover:var(--h-aronia-600);--h-primary-subtle:var(--h-aronia-100);--h-primary-on-subtle:var(--h-aronia-700);--h-on-primary:var(--h-damson-0);--h-ui-accent:var(--accent);--h-radius-sm:.25rem;--h-radius-md:.5rem;--h-radius-lg:.75rem;--h-radius-full:9999px;--h-shadow-sm:0 1px 2px oklch(18% .003 290/.06);--h-shadow-md:0 4px 6px -1px oklch(18% .003 290/.1), 0 2px 4px -2px oklch(18% .003 290/.1);--h-focus:0 0 0 2px var(--h-surface), 0 0 0 4px var(--h-primary);--h-font:var(--manrope), "Manrope", system-ui, sans-serif;--h-mono:var(--fira-code), "Fira Code", ui-monospace, monospace;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:var(--h-surface);color:var(--h-ink);font-family:var(--h-font);letter-spacing:0;font-size:.875rem;font-weight:400;line-height:1.5}.haus-ui ::selection{background:var(--h-primary-subtle)}.haus-ui :focus-visible{box-shadow:var(--h-focus);outline:none}.haus-ui .h-display{letter-spacing:-.01em;font-size:1.875rem;font-weight:700;line-height:1.15}.haus-ui .h-heading-lg{letter-spacing:-.01em;font-size:1.5rem;font-weight:600;line-height:1.2}.haus-ui .h-heading{letter-spacing:-.01em;font-size:1.25rem;font-weight:600;line-height:1.25}.haus-ui .h-heading-sm{letter-spacing:-.01em;font-size:1rem;font-weight:600;line-height:1.3}.haus-ui .h-body-lg{letter-spacing:0;font-size:1rem;font-weight:400;line-height:1.6}.haus-ui .h-body{letter-spacing:0;font-size:.875rem;font-weight:400;line-height:1.5}.haus-ui .h-body-sm{letter-spacing:0;font-size:.8125rem;font-weight:400;line-height:1.5}.haus-ui .h-label{letter-spacing:0;font-size:.8125rem;font-weight:500;line-height:1.4}.haus-ui .h-label-sm{letter-spacing:.02em;font-size:.75rem;font-weight:500;line-height:1.4}.haus-ui .h-label-xs{letter-spacing:.08em;text-transform:uppercase;font-size:.6875rem;font-weight:500;line-height:1.4}.haus-ui.haus-ui .h-mono{font-family:var(--h-mono);letter-spacing:0;font-size:.8125rem;font-weight:400;line-height:1.6}.haus-ui.haus-ui *{font-family:inherit}.haus-ui.haus-ui code{font-family:var(--h-mono);font-size:inherit;line-height:inherit;color:inherit;background:0 0;border-radius:0;padding:0}.haus-ui.haus-ui .h-code{font-family:var(--h-mono);letter-spacing:0;color:var(--h-primary-on-subtle);background:var(--h-primary-subtle);border-radius:var(--h-radius-sm);padding:.1em .4em;font-size:.8125rem;font-weight:400;line-height:1.6}.haus-ui.haus-ui .h-code--block{padding:var(--space-3) var(--space-4);border-radius:var(--h-radius-md);color:var(--h-ink);background:var(--h-surface-subtle);border:1px solid var(--h-border);white-space:pre;display:block;overflow-x:auto}.haus-ui.haus-ui .h-code--neutral{color:var(--h-ink-2);background:var(--h-surface-subtle)}.haus-ui.haus-ui .h-value{font-family:var(--h-mono);letter-spacing:0;color:var(--h-ink-2);font-size:.8125rem;font-weight:400;line-height:1.6}.haus-ui.haus-ui .h-chip{font-family:var(--h-mono);letter-spacing:0;border-radius:var(--h-radius-sm);background:var(--h-surface);color:var(--h-ink-2);padding:.1rem .4rem;font-size:.8125rem;font-weight:400;line-height:1.6}
.tl__ui{gap:var(--space-5);flex-direction:column;min-width:0;display:flex}.tl__picker{gap:var(--space-2);flex-wrap:wrap;display:flex}.tl__pick{align-items:center;gap:var(--space-2);color:var(--h-ink-2);background:var(--h-surface-subtle);border:1px solid var(--h-border);padding:.25rem var(--space-3);border-radius:var(--h-radius-full);cursor:pointer;transition:all .2s;display:inline-flex}.tl__pick:hover{border-color:var(--h-border-strong);color:var(--h-ink)}.tl__pick.is-on{border-color:var(--h-primary);background:var(--h-primary-subtle);color:var(--h-primary-on-subtle)}.tl__pickDot{border-radius:var(--h-radius-full);flex:none;width:.75rem;height:.75rem;box-shadow:inset 0 0 0 1px oklch(18% .003 290/.12)}.tl__band{justify-content:space-between;align-items:center;gap:var(--space-4);padding:var(--space-5);border-radius:var(--h-radius-md);border:1px solid var(--h-border);flex-wrap:wrap;display:flex}.tl__bandPair{gap:var(--space-1);flex-direction:column;min-width:0;display:flex}.tl__bandToken{overflow-wrap:anywhere}.tl__bandOn{opacity:.7}.tl__bandMeta{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.tl__verdict{padding:.1rem var(--space-2);border-radius:var(--h-radius-full)}.tl__verdict.is-pass{background:var(--h-greengage-100);color:var(--h-greengage-700)}.tl__verdict.is-fail{background:var(--h-cherry-100);color:var(--h-cherry-700)}.tl__table{border:1px solid var(--h-border);border-radius:var(--h-radius-md);flex-direction:column;display:flex;overflow:hidden}.tl__head,.tl__row{align-items:baseline;gap:var(--space-4);padding:var(--space-3) var(--space-4);grid-template-columns:8rem minmax(0,1.3fr) minmax(0,1.1fr) 9rem;display:grid}.tl__head{background:var(--h-surface-sunken);color:var(--h-ink-3)}.tl__row{background:var(--h-surface-subtle);border-block-start:1px solid var(--h-border)}.tl__cell{min-width:0}.tl__cell--layer{color:var(--h-ink-3)}.tl__cell--resolves{color:var(--h-ink-2);overflow-wrap:anywhere}.tl__cell--rule{color:var(--h-ink-3);text-align:right}.tl__foot{color:var(--h-ink-3)}.tl__footLabel{color:var(--h-ink-3);margin-inline-end:var(--space-2)}@media (max-width:48rem){.tl__head{display:none}.tl__row{gap:var(--space-2);grid-template-columns:1fr}.tl__cell--rule{text-align:left}}
.sr__ui{gap:var(--space-5);flex-direction:column;min-width:0;display:flex}.sr__picker{gap:var(--space-2);flex-wrap:wrap;display:flex}.sr__pick{color:var(--h-ink-2);background:var(--h-surface-subtle);border:1px solid var(--h-border);padding:.25rem var(--space-3);border-radius:var(--h-radius-full);cursor:pointer;transition:all .2s}.sr__pick:hover{border-color:var(--h-border-strong);color:var(--h-ink)}.sr__pick.is-on{background:var(--h-primary);border-color:var(--h-primary);color:var(--h-on-primary)}.sr__pick--size{border-style:dashed}.sr__stage{justify-content:flex-start;display:flex}.sr__card{background:var(--h-surface);border:1px solid var(--h-border);border-radius:var(--h-radius-lg);flex:auto;min-width:0;max-width:22rem;padding:20px}.sr__group{min-width:0}.sr__legend{color:var(--h-ink);margin:0 0 8px}.sr__options{flex-direction:column;gap:12px;display:flex}.sr__option{cursor:pointer;flex-direction:column;gap:4px;min-width:0;display:flex}.sr__option:focus-visible{box-shadow:var(--h-focus);border-radius:var(--h-radius-sm);outline:none}.sr__radioRow{align-items:center;gap:8px;display:flex}.sr__radio{border-radius:var(--h-radius-full);border:2px solid var(--h-border-strong);background:var(--h-surface);cursor:pointer;flex:none;width:16px;height:16px;transition:all .2s}.sr__radio.is-on{border-color:var(--h-primary);border-width:5px}.sr__optionLabel{color:var(--h-ink)}.sr__hint{color:var(--h-ink-3);padding-left:24px}.sr__stage{--sr-tint:oklch(52% .138 300/.16);--sr-edge:oklch(52% .138 300/.5)}.sr__stage.is-inset .sr__card{box-shadow:inset 0 0 0 20px var(--sr-tint);border-color:var(--sr-edge)}.sr__stage.is-gap .sr__options{background:var(--sr-tint)}.sr__stage.is-gap .sr__option{background:var(--h-surface)}.sr__stage.is-stack .sr__group{background:var(--sr-tint)}.sr__stage.is-stack .sr__legend,.sr__stage.is-stack .sr__options{background:var(--h-surface)}.sr__stage.is-size .sr__radio{outline:2px dashed var(--sr-edge);outline-offset:3px}.sr__readout{gap:var(--space-2);flex-direction:column;min-width:0;display:flex}.sr__gloss{color:var(--h-ink-2);margin:0}.sr__chain{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.sr__arrow{color:var(--h-ink-3)}.sr__decl{align-items:center;gap:var(--space-2);color:var(--h-ink-3);flex-wrap:wrap;margin:0;display:flex}.sr__source{color:var(--h-ink-3)}@media not (min-width:34rem){.sr__card{max-width:none}}
.ts__ui{gap:var(--space-4);flex-direction:column;min-width:0;display:flex}.ts__picker{gap:var(--space-2);flex-wrap:wrap;display:flex}.ts__pick{color:var(--h-ink-2);background:var(--h-surface-subtle);border:1px solid var(--h-border);padding:.3rem var(--space-4);border-radius:var(--h-radius-full);cursor:pointer;transition:all .2s}.ts__pick:hover{border-color:var(--h-border-strong);color:var(--h-ink)}.ts__pick.is-on{background:var(--h-primary);border-color:var(--h-primary);color:var(--h-on-primary)}.ts__note{color:var(--h-ink-3)}.ts__body{gap:var(--space-5);grid-template-columns:minmax(0,1fr) minmax(0,20rem);align-items:start;display:grid}.ts__card{gap:var(--space-4);padding:var(--space-5);border-radius:var(--h-radius-lg);background:var(--h-surface);border:1px solid var(--h-border);box-shadow:var(--h-shadow-sm);flex-direction:column;display:flex}.ts__cardTitle{color:var(--h-ink)}.ts__cardBody{color:var(--h-ink-2)}.ts__field{gap:var(--space-2);flex-direction:column;display:flex}.ts__fieldLabel{color:var(--h-ink-2)}.ts__input{color:var(--h-ink);background:var(--h-surface);border:1px solid var(--h-border-strong);border-radius:var(--h-radius-md);padding:.45rem var(--space-3);width:100%}.ts__control{align-items:center;gap:var(--space-3);color:var(--h-ink-2);cursor:pointer;display:flex}.ts__toggle{border-radius:var(--h-radius-full);background:var(--h-surface-sunken);border:1px solid var(--h-border-strong);cursor:pointer;flex:none;width:2.4rem;height:1.35rem;padding:2px;transition:background .2s}.ts__toggle.is-on{background:var(--h-primary);border-color:var(--h-primary)}.ts__thumb{border-radius:var(--h-radius-full);background:var(--h-surface);width:1rem;height:1rem;box-shadow:var(--h-shadow-sm);transition:transform .1s;display:block}.ts__toggle.is-on .ts__thumb{transform:translate(1.05rem)}@media (prefers-reduced-motion:reduce){.ts__thumb{transition-duration:0s}}.ts__actions{align-items:center;gap:var(--space-2);display:flex}.ts__badge{padding:2px var(--space-2);border-radius:var(--h-radius-full);background:var(--h-primary-subtle);color:var(--h-primary-on-subtle);margin-inline-end:auto}.ts__btn{padding:.45rem var(--space-4);border-radius:var(--h-radius-md);cursor:pointer;border:1px solid #0000;transition:all .2s}.ts__btn--solid{background:var(--h-primary);color:var(--h-on-primary)}.ts__btn--solid:hover{background:var(--h-primary-hover)}.ts__btn--ghost{color:var(--h-ink-2);background:0 0}.ts__btn--ghost:hover{background:var(--h-surface-subtle);color:var(--h-ink)}.ts__side{gap:var(--space-4);flex-direction:column;display:flex}.ts__measure,.ts__diff{gap:var(--space-2);padding:var(--space-4);border-radius:var(--h-radius-md);background:var(--h-surface-subtle);border:1px solid var(--h-border);flex-direction:column;display:flex}.ts__measureCap,.ts__diffCap{color:var(--h-ink-3)}.ts__metric{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.ts__metricName{min-width:0;color:var(--h-ink-2);flex:1}.ts__verdict{padding:.1rem var(--space-2);border-radius:var(--h-radius-full)}.ts__verdict.is-pass{background:var(--h-greengage-100);color:var(--h-greengage-700)}.ts__verdict.is-fail{background:var(--h-cherry-100);color:var(--h-cherry-700)}.ts__diffNote{color:var(--h-ink-3)}@media (max-width:52rem){.ts__body{grid-template-columns:1fr}}@media (max-width:40rem){.ts__actions{gap:var(--space-3);flex-wrap:wrap}.ts__badge{flex:1 0 100%;margin-inline-end:0}.ts__btn{text-align:center;flex:1}.ts__card,.ts__measure,.ts__diff{padding:var(--space-4)}.ts__input{font-size:1rem}}
.hc__ui{gap:var(--space-5);flex-direction:column;min-width:0;display:flex}.hc__row{gap:var(--space-3);padding-bottom:var(--space-4);border-bottom:1px solid var(--h-border-subtle);flex-direction:column;display:flex}.hc__row:last-child{border-bottom:none;padding-bottom:0}.hc__cap{color:var(--h-ink-3)}.hc__items{align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.hc__items--fields{align-items:flex-start}.hc__items--blocks{align-items:stretch}.hc__badge{padding:2px var(--space-2);border-radius:var(--h-radius-full)}.hc__badge.is-neutral{background:var(--h-surface-subtle);color:var(--h-ink-2)}.hc__badge.is-primary{background:var(--h-primary-subtle);color:var(--h-primary-on-subtle)}.hc__badge.is-info{background:var(--h-elderberry-100);color:var(--h-elderberry-700)}.hc__badge.is-success{background:var(--h-greengage-100);color:var(--h-greengage-700)}.hc__badge.is-warning{background:var(--h-mango-100);color:var(--h-mango-700)}.hc__badge.is-error{background:var(--h-cherry-100);color:var(--h-cherry-700)}.hc__btn{padding:.45rem var(--space-4);border-radius:var(--h-radius-md);cursor:pointer;border:1px solid #0000;transition:all .2s}.hc__btn--sm{padding:.3rem var(--space-3)}.hc__btn.is-solid{background:var(--h-primary);color:var(--h-on-primary)}.hc__btn.is-solid:hover:not(:disabled){background:var(--h-primary-hover)}.hc__btn.is-outline{background:var(--h-surface);border-color:var(--h-border-strong);color:var(--h-ink)}.hc__btn.is-outline:hover{border-color:var(--h-primary);color:var(--h-primary)}.hc__btn.is-ghost{color:var(--h-ink-2);background:0 0}.hc__btn.is-ghost:hover{background:var(--h-surface-subtle);color:var(--h-ink)}.hc__btn:disabled{background:var(--h-surface-sunken);color:var(--h-damson-400);cursor:not-allowed}.hc__input{color:var(--h-ink);background:var(--h-surface);border:1px solid var(--h-border-strong);border-radius:var(--h-radius-md);padding:.45rem var(--space-3);width:11rem;min-width:0}.hc__input::placeholder{color:var(--h-ink-3)}.hc__textarea{resize:none;height:4.5rem}.hc__control{align-items:center;gap:var(--space-2);color:var(--h-ink-2);cursor:pointer;display:inline-flex}.hc__control input{accent-color:var(--h-primary);cursor:pointer}.hc__radios{gap:var(--space-3);display:inline-flex}.hc__toggle{border-radius:var(--h-radius-full);background:var(--h-surface-sunken);border:1px solid var(--h-border-strong);cursor:pointer;width:2.4rem;height:1.35rem;padding:2px;transition:background .2s}.hc__toggle.is-on{background:var(--h-primary);border-color:var(--h-primary)}.hc__thumb{border-radius:var(--h-radius-full);background:var(--h-surface);width:1rem;height:1rem;box-shadow:var(--h-shadow-sm);transition:transform .1s;display:block}.hc__toggle.is-on .hc__thumb{transform:translate(1.05rem)}@media (prefers-reduced-motion:reduce){.hc__thumb{transition-duration:0s}}.hc__avatar{border-radius:var(--h-radius-full);background:var(--h-primary-subtle);width:2rem;height:2rem;color:var(--h-primary-on-subtle);justify-content:center;align-items:center;display:inline-flex;position:relative}.hc__status{border-radius:var(--h-radius-full);background:var(--h-greengage-500);width:.6rem;height:.6rem;box-shadow:0 0 0 2px var(--h-surface);position:absolute;bottom:-1px;right:-1px}.hc__card,.hc__toast,.hc__modal{gap:var(--space-1);padding:var(--space-4);border-radius:var(--h-radius-md);flex-direction:column;flex:1;min-width:12rem;display:flex}.hc__card{background:var(--h-surface);border:1px solid var(--h-border);box-shadow:var(--h-shadow-sm)}.hc__toast.is-success{background:var(--h-greengage-100);border:1px solid var(--h-greengage-500)}.hc__toast .hc__toastTitle,.hc__toast .hc__toastBody{color:var(--h-greengage-700)}.hc__modal{background:var(--h-damson-50);border:1px solid var(--h-border);box-shadow:var(--h-shadow-md)}.hc__cardTitle{color:var(--h-ink)}.hc__cardBody{color:var(--h-ink-2)}.hc__modalActions{gap:var(--space-2);margin-top:var(--space-2);justify-content:flex-end;display:flex}
.cu__ui{gap:var(--space-4);flex-direction:column;min-width:0;display:flex}.cu__tabs{gap:var(--space-2);flex-wrap:wrap;display:flex}.cu__tab{color:var(--h-ink-2);background:var(--h-surface-subtle);border:1px solid var(--h-border);padding:.25rem var(--space-3);border-radius:var(--h-radius-full);cursor:pointer;transition:all .2s}.cu__tab:hover{border-color:var(--h-border-strong);color:var(--h-ink)}.cu__tab.is-on{background:var(--h-primary);border-color:var(--h-primary);color:var(--h-on-primary)}.cu__sig{color:var(--h-primary-on-subtle)}.cu__panel{gap:var(--space-4);flex-direction:column;display:flex}.cu__controls{align-items:flex-start;gap:var(--space-5);padding:var(--space-4);border-radius:var(--h-radius-md);background:var(--h-surface-subtle);border:1px solid var(--h-border);flex-wrap:wrap;display:flex}.cu__field{gap:var(--space-2);flex-direction:column;min-width:0;display:flex}.cu__field--grow{flex:1;min-width:11rem}.cu__field--end{text-align:right;align-items:flex-end}.cu__fieldLabel{color:var(--h-ink-3)}.cu__fieldRow{align-items:center;gap:var(--space-2);display:flex}.cu__fieldRow--wrap{flex-wrap:wrap}.cu__swatch{border-radius:var(--h-radius-md);border:1px solid var(--h-border-strong);width:2.25rem;height:2.25rem;box-shadow:var(--h-shadow-sm);cursor:pointer;flex:none;position:relative;overflow:hidden}.cu__swatch input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.cu__preset{color:var(--h-ink-2);background:var(--h-surface);border:1px solid var(--h-border-strong);padding:.2rem var(--space-3);border-radius:var(--h-radius-full);cursor:pointer;transition:all .2s}.cu__preset:hover{border-color:var(--h-primary);color:var(--h-primary)}.cu__range{appearance:none;border-radius:var(--h-radius-full);background:var(--h-surface-sunken);min-width:6rem;height:4px;accent-color:var(--h-primary);cursor:pointer;flex:1}.cu__hint{color:var(--h-ink-3)}.cu__seam{border-radius:var(--h-radius-md);border:1px solid var(--h-border);grid-template-columns:1fr 1fr;height:9rem;display:grid;position:relative;overflow:hidden}.cu__seamHalf{display:block}.cu__seamRead{align-items:center;gap:var(--space-1);padding:var(--space-3) var(--space-5);border-radius:var(--h-radius-md);background:var(--h-surface);box-shadow:var(--h-shadow-md);flex-direction:column;display:flex;position:absolute;inset-block-start:50%;inset-inline-start:50%;transform:translate(-50%,-50%)}.cu__big{color:var(--h-ink)}.cu__unit{color:var(--h-ink-3)}.cu__pill{padding:.15rem var(--space-3);border-radius:var(--h-radius-full);white-space:nowrap}.cu__pill.is-ok{background:var(--h-greengage-100);color:var(--h-greengage-700)}.cu__pill.is-warn{background:var(--h-mango-100);color:var(--h-mango-700)}.cu__pill.is-info{background:var(--h-elderberry-100);color:var(--h-elderberry-700)}.cu__ratio{color:var(--h-ink)}.cu__specimen{gap:var(--space-2);padding:var(--space-5);border-radius:var(--h-radius-md);border:1px solid var(--h-border);flex-direction:column;display:flex}.cu__verdicts{gap:var(--space-2);grid-template-columns:repeat(auto-fit,minmax(11rem,1fr));list-style:none;display:grid}.cu__verdict{align-items:baseline;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--h-radius-md);border:1px solid #0000;display:flex}.cu__verdictName{flex:1;min-width:0}.cu__threshold{opacity:.75}.cu__verdict.is-pass{background:var(--h-greengage-100);border-color:var(--h-greengage-500);color:var(--h-greengage-700)}.cu__verdict.is-fail{background:var(--h-cherry-100);border-color:var(--h-cherry-500);color:var(--h-cherry-700)}.cu__clusters{gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(10rem,1fr));align-items:start;list-style:none;display:grid}.cu__cluster{gap:var(--space-2);padding:var(--space-3);border-radius:var(--h-radius-md);border:1px solid var(--h-border);background:var(--h-surface-subtle);flex-direction:column;display:flex}.cu__cluster.is-dupe{border-color:var(--h-primary);background:var(--h-primary-subtle)}.cu__members{gap:2px;list-style:none;display:flex}.cu__member{border-radius:var(--h-radius-sm);width:2.25rem;height:2.25rem;box-shadow:0 0 0 1px var(--h-border-strong) inset;justify-content:center;align-items:center;display:flex}.cu__member.is-rep{box-shadow:0 0 0 2px var(--h-ink) inset}.cu__clusterRep{color:var(--h-ink-2)}.cu__clusterMeta{color:var(--h-ink-3)}.cu__cluster.is-dupe .cu__clusterRep,.cu__cluster.is-dupe .cu__clusterMeta{color:var(--h-primary-on-subtle)}.cu__ramp{border-radius:var(--h-radius-md);border:1px solid var(--h-border);list-style:none;display:grid;overflow:hidden}.cu__stop{height:5rem;padding-bottom:var(--space-2);justify-content:center;align-items:flex-end;min-width:0;display:flex}.cu__stopL{opacity:.85;white-space:nowrap}@media (max-width:48rem){.cu__stopL{display:none}}
.pk{gap:var(--space-5);flex-direction:column;display:flex}.pk__svg{width:100%;height:auto}.pk__wire{fill:none;stroke:var(--border-default);stroke-width:1.25px;opacity:.5;transition:opacity .3s,stroke .3s}.pk__wire.is-on{stroke:var(--accent);opacity:1;stroke-dasharray:6 5;animation:1s linear infinite pk-flow}.pk__wire--bus.is-on{opacity:.75}@keyframes pk-flow{to{stroke-dashoffset:-22px}}.pk__node{opacity:.4;transition:opacity .3s}.pk__node.is-on{opacity:1}.pk__node>rect{fill:var(--surface-raised);stroke:var(--colour-void-30);stroke-width:1.1px;transition:stroke .3s}.pk__node.is-on>rect{stroke:var(--accent);stroke-width:2px}.pk__node--repo.is-on>rect{stroke-width:2.5px}.pk__node--pub.is-on>rect{stroke:var(--accent-light);stroke-width:2.5px}.pk__node--npm.is-on>rect{stroke:var(--accent-light)}.pk__label{fill:var(--ink-primary);font-family:var(--font-sans);text-anchor:middle;font-size:14px;font-weight:600}.pk__label--sm{font-size:12px}.pk__pkg{fill:var(--ink-primary);font-family:var(--font-mono);text-anchor:middle;font-size:12px}.pk__node--pub .pk__pkg{fill:var(--accent)}.pk__mono{fill:var(--ink-secondary);font-family:var(--font-mono);text-anchor:middle;font-size:11px}.pk__sub{fill:var(--ink-tertiary);font-family:var(--font-mono);text-anchor:middle;font-size:11px}.pk__app{fill:var(--ink-primary);font-family:var(--font-sans);text-anchor:middle;font-size:12px;font-weight:600}.pk__fn{fill:var(--accent);font-family:var(--font-mono);text-anchor:middle;font-size:11px}.pk__caption{color:var(--ink-secondary);text-align:center;min-height:2.4em}@media (prefers-reduced-motion:reduce){.pk__wire.is-on{animation:none}}@media (forced-colors:active){.pk__node>rect,.pk__node rect{fill:canvas;stroke:canvastext;stroke-width:1px}.pk__wire{stroke:graytext}.pk__wire.is-on{stroke:highlight}.pk__label{fill:canvastext}.pk__mono,.pk__sub,.pk__fn{fill:graytext}.pk__pkg,.pk__app{fill:canvastext}}
.case-study--haus .cs-body code{color:var(--accent)}
.gk{white-space:pre}.gk-kw{color:var(--accent);font-weight:600}.gk-comment{color:var(--colour-void-50);font-style:italic}
.drift-ui{--accent-h:239;--accent-c:.19;--d-accent-100:oklch(94% calc(var(--accent-c) * .26) var(--accent-h));--d-accent-200:oklch(88% calc(var(--accent-c) * .44) var(--accent-h));--d-accent-300:oklch(80% calc(var(--accent-c) * .66) var(--accent-h));--d-accent-400:oklch(71% calc(var(--accent-c) * .88) var(--accent-h));--d-accent-500:oklch(64% calc(var(--accent-c) * 1) var(--accent-h));--d-accent-600:oklch(53% calc(var(--accent-c) * .96) var(--accent-h));--d-accent-700:oklch(46% calc(var(--accent-c) * .86) var(--accent-h));--d-neutral-0:oklch(99.3% .003 250);--d-neutral-50:oklch(98% .004 250);--d-neutral-100:oklch(96% .006 250);--d-neutral-200:oklch(92% .008 250);--d-neutral-300:oklch(86% .01 252);--d-neutral-400:oklch(72% .013 254);--d-neutral-500:oklch(53% .015 256);--d-neutral-600:oklch(46% .016 258);--d-neutral-700:oklch(37% .017 260);--d-neutral-800:oklch(27% .017 262);--d-neutral-900:oklch(20% .015 264);--d-neutral-950:oklch(15% .013 266);--d-severity-high:oklch(64% .2 25);--d-severity-medium:oklch(75% .14 75);--d-severity-low:oklch(68% .13 155);--d-surface:var(--d-neutral-900);--d-surface-subtle:var(--d-neutral-950);--d-surface-raised:var(--d-neutral-800);--d-surface-sunken:oklch(12% .012 266);--d-ink:var(--d-neutral-50);--d-ink-2:var(--d-neutral-300);--d-ink-3:var(--d-neutral-400);--d-border-subtle:var(--d-neutral-800);--d-border:var(--d-neutral-700);--d-border-strong:var(--d-neutral-600);--d-card-border:oklch(from var(--d-neutral-50) l c h / .1);--d-primary:var(--d-accent-600);--d-primary-hover:var(--d-accent-700);--d-primary-subtle:oklch(from var(--d-accent-600) l c h / .2);--d-primary-on-subtle:var(--d-accent-300);--d-on-primary:var(--d-neutral-0);--d-radius-sm:.25rem;--d-radius-md:.5rem;--d-radius-lg:.75rem;--d-radius-full:9999px;--d-font:var(--stack-sans-text), "Stack Sans Text", system-ui, sans-serif;--d-font-display:var(--stack-sans-notch), "Stack Sans Notch", var(--stack-sans-text), system-ui, sans-serif;--d-mono:var(--fira-code), "Fira Code", ui-monospace, monospace;--d-app-bg:radial-gradient(120% 85% at 50% -15%, oklch(from var(--d-accent-600) l c h / .16) 0%, transparent 55%), radial-gradient(90% 60% at 100% 0%, oklch(28% .02 260) 0%, transparent 55%), var(--d-neutral-950);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:var(--d-surface-subtle);color:var(--d-ink);font-family:var(--d-font);letter-spacing:0;font-size:.875rem;font-weight:400;line-height:1.55}.drift-ui.drift-ui--canvas{background:var(--d-app-bg)}.drift-ui ::selection{background:var(--d-primary-subtle)}.drift-ui :focus-visible{outline:2px solid var(--d-primary);outline-offset:2px}.drift-ui .d-display{font-family:var(--d-font-display);letter-spacing:-.01em;font-size:1.875rem;font-weight:600;line-height:1.15}.drift-ui .d-heading{font-family:var(--d-font-display);letter-spacing:-.01em;font-size:1.25rem;font-weight:600;line-height:1.25}.drift-ui .d-heading-sm{font-family:var(--d-font-display);letter-spacing:-.005em;font-size:1rem;font-weight:600;line-height:1.3}.drift-ui .d-body-lg{font-size:1rem;font-weight:400;line-height:1.6}.drift-ui .d-body{font-size:.875rem;font-weight:400;line-height:1.55}.drift-ui .d-body-sm{font-size:.8125rem;font-weight:400;line-height:1.5}.drift-ui .d-label{font-size:.8125rem;font-weight:500;line-height:1.4}.drift-ui .d-label-sm{letter-spacing:.02em;font-size:.75rem;font-weight:500;line-height:1.4}.drift-ui .d-label-xs{letter-spacing:.08em;text-transform:uppercase;font-size:.6875rem;font-weight:600;line-height:1.4}.drift-ui.drift-ui .d-mono{font-family:var(--d-mono);font-size:.8125rem;font-weight:400;line-height:1.55}.drift-ui.drift-ui *{font-family:inherit}.drift-ui.drift-ui code{font-family:var(--d-mono);font-size:inherit;line-height:inherit;color:inherit;background:0 0;border-radius:0;padding:0}.drift-ui.drift-ui .d-value{font-family:var(--d-mono);color:var(--d-ink-2);font-size:.8125rem}.drift-ui.drift-ui .d-code{font-family:var(--d-mono);color:var(--d-primary-on-subtle);background:var(--d-primary-subtle);border-radius:var(--d-radius-sm);padding:.1em .4em;font-size:.8125rem}
.dr-suite{gap:var(--space-4);flex-direction:column;display:flex}.dr-suite__head{justify-content:space-between;align-items:baseline;gap:var(--space-4);flex-wrap:wrap;display:flex}.dr-suite__kick{color:var(--d-ink-3);text-transform:uppercase;letter-spacing:.06em}.dr-suite__stat{color:var(--d-ink-2)}.dr-suite__neg{color:var(--d-primary-on-subtle);font-weight:500}.dr-suite__files{gap:var(--space-2);flex-wrap:wrap;display:flex}.dr-suite__file{align-items:baseline;gap:var(--space-2);padding:.35rem var(--space-3);border:1px solid var(--d-border);border-radius:var(--d-radius-full);background:var(--d-surface);color:var(--d-ink-2);cursor:pointer;font-size:.8125rem;transition:border-color .15s,background .15s,color .15s;display:inline-flex}.dr-suite__file:hover{border-color:var(--d-border-strong);color:var(--d-ink)}.dr-suite__file.is-on{border-color:color-mix(in oklab, var(--d-primary) 55%, var(--d-border));background:var(--d-primary-subtle);color:var(--d-primary-on-subtle)}.dr-suite__n{color:var(--d-ink-3);font-size:.75rem}.dr-suite__file.is-on .dr-suite__n{color:var(--d-primary-on-subtle)}.dr-suite__body{height:11rem;padding:var(--space-4);border:1px solid var(--d-border);border-radius:var(--d-radius-md);background:var(--d-surface);overflow-y:auto}.dr-suite__pins{color:var(--d-ink-3);margin-block-end:var(--space-3)}.dr-suite__list{gap:var(--space-2);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.dr-suite__sc{align-items:baseline;gap:var(--space-3);display:flex}.dr-suite__dot{border-radius:var(--d-radius-full);background:var(--d-severity-low);flex:none;width:.45rem;height:.45rem;translate:0 -.15em}.dr-suite__dot.is-neg{background:var(--d-severity-medium)}.dr-suite__scname{color:var(--d-ink)}.dr-suite__tag{color:var(--d-severity-medium);white-space:nowrap;margin-inline-start:auto}
.dr-sd{margin:0}.dr-sd__svg{width:100%;height:auto}.dr-sd__card{fill:var(--surface-raised);stroke:var(--colour-void-30,var(--border-subtle));stroke-width:var(--dg-stroke)}.dr-sd__card--sut{stroke:var(--accent);fill:color-mix(in oklab, var(--accent) 9%, var(--surface-raised))}.dr-sd__card--fixture{stroke-dasharray:5 4;fill:var(--surface-page)}.dr-sd__name{fill:var(--ink-primary);font-family:var(--font-sans);font-size:var(--dg-title);text-anchor:middle;font-weight:600}.dr-sd__sub{fill:var(--ink-secondary);font-family:var(--font-sans);font-size:var(--dg-sub);text-anchor:middle}.dr-sd__sub--code{font-family:var(--font-mono)}.dr-sd__wire{fill:none;stroke:var(--accent);stroke-width:var(--dg-stroke)}.dr-sd__wire--dash{stroke-dasharray:5 4}.dr-sd__wlabel{fill:var(--accent);font-family:var(--font-annotation-sc);font-size:var(--dg-wlabel);text-anchor:middle}
.dr-hero{gap:var(--space-5);flex-direction:column;display:flex}.dr-hero__head{justify-content:space-between;align-items:baseline;gap:var(--space-3);display:flex}.dr-hero__host{color:var(--d-ink);font-size:1rem}.dr-hero__health{padding:var(--space-5) var(--space-6);border-radius:var(--d-radius-lg);border:1px solid oklch(from var(--d-primary) l c h / .35);background:var(--d-primary-subtle)}.dr-hero__kick{color:var(--d-primary-on-subtle);margin-block-end:var(--space-2)}.dr-hero__line{color:var(--d-ink);text-wrap:pretty;line-height:1.3}.dr-hero__strip{gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(8.5rem,1fr));display:grid}.dr-hero__v{padding:var(--space-3) var(--space-4);background:var(--d-surface);border:1px solid var(--d-card-border);border-radius:var(--d-radius-md);border-block-end-width:3px;flex-direction:column;gap:2px;display:flex}.dr-hero__vlabel{color:var(--d-ink-2)}.dr-hero__vn{color:var(--d-ink);line-height:.95}.dr-hero__vnote{color:var(--d-ink-3)}.dr-hero__v--review{background:color-mix(in oklab, var(--d-severity-high) 12%, var(--d-surface));border-color:color-mix(in oklab, var(--d-severity-high) 26%, var(--d-card-border));border-block-end-color:var(--d-severity-high)}.dr-hero__v--watch{background:color-mix(in oklab, var(--d-severity-medium) 12%, var(--d-surface));border-color:color-mix(in oklab, var(--d-severity-medium) 26%, var(--d-card-border));border-block-end-color:var(--d-severity-medium)}.dr-hero__v--good{background:color-mix(in oklab, var(--d-severity-low) 12%, var(--d-surface));border-color:color-mix(in oklab, var(--d-severity-low) 26%, var(--d-card-border));border-block-end-color:var(--d-severity-low)}
.dr-inv{gap:var(--space-4);flex-direction:column;display:flex}.dr-inv__head{align-items:baseline;gap:var(--space-3);display:flex}.dr-inv__kick{color:var(--d-ink-3);text-transform:uppercase;letter-spacing:.06em}.dr-inv__site{color:var(--d-ink-2)}.dr-inv__cats{gap:var(--space-2);flex-wrap:wrap;display:flex}.dr-inv__cat{align-items:baseline;gap:var(--space-2);padding:.35rem var(--space-3);border:1px solid var(--d-border);border-radius:var(--d-radius-full);background:var(--d-surface);color:var(--d-ink-2);cursor:pointer;transition:border-color .15s,background .15s,color .15s;display:inline-flex}.dr-inv__cat:hover{border-color:var(--d-border-strong);color:var(--d-ink)}.dr-inv__cat.is-on{border-color:color-mix(in oklab, var(--d-primary) 55%, var(--d-border));background:var(--d-primary-subtle);color:var(--d-primary-on-subtle)}.dr-inv__catn{color:var(--d-ink-3);font-size:.75rem}.dr-inv__cat.is-on .dr-inv__catn{color:var(--d-primary-on-subtle)}.dr-inv__note{color:var(--d-ink-3)}.dr-inv__rows{border:1px solid var(--d-border);border-radius:var(--d-radius-md);background:var(--d-surface);height:17rem;margin:0;padding:0;list-style:none;overflow-y:auto}.dr-inv__row{align-items:start;gap:var(--space-3);padding:.5rem var(--space-4);border-block-end:1px solid var(--d-border-subtle);grid-template-columns:auto minmax(0,1.6fr) minmax(0,1fr) 3rem;display:grid}.dr-inv__row:last-child{border-block-end:none}.dr-inv__row:not(:has(.dr-inv__swatch)){grid-template-columns:minmax(0,1.6fr) minmax(0,1fr) 3rem}.dr-inv__swatch{border-radius:var(--d-radius-sm);border:1px solid var(--d-border-strong);flex:none;width:1.1rem;height:1.1rem;translate:0 .15em}.dr-inv__val{color:var(--d-ink);overflow-wrap:anywhere;font-size:.8125rem;line-height:1.45}.dr-inv__meta{align-items:baseline;gap:var(--space-2) var(--space-3);flex-wrap:wrap;justify-content:flex-end;display:flex}.dr-inv__tag{border-radius:var(--d-radius-sm);background:var(--d-surface-sunken);color:var(--d-ink-3);white-space:nowrap;padding:.1rem .35rem;font-size:.6875rem}.dr-inv__near{color:var(--d-severity-medium);white-space:nowrap}.dr-inv__n{color:var(--d-ink-2);text-align:right;font-variant-numeric:tabular-nums;font-size:.8125rem}@media (max-width:44rem){.dr-inv__row{grid-template-columns:auto minmax(0,1fr) 3rem}.dr-inv__row:not(:has(.dr-inv__swatch)){grid-template-columns:minmax(0,1fr) 3rem}.dr-inv__meta{display:none}.dr-inv__row{align-items:center}}
.dr-pipe{margin:0}.dr-pipe__svg{width:100%;height:auto}.dr-pipe__stage{cursor:pointer}.dr-pipe__card{fill:var(--surface-raised);stroke:var(--colour-void-30,var(--border-subtle));stroke-width:var(--dg-stroke);transition:stroke .4s,fill .4s}.dr-pipe__stage.is-on .dr-pipe__card{stroke:var(--accent);fill:color-mix(in oklab, var(--accent) 9%, var(--surface-raised))}.dr-pipe__name{fill:var(--ink-secondary);font-family:var(--font-sans);font-size:var(--dg-title);font-weight:600;transition:fill .4s}.dr-pipe__stage.is-on .dr-pipe__name{fill:var(--ink-primary)}.dr-pipe__line{fill:var(--ink-secondary);font-family:var(--font-sans);font-size:var(--dg-sub)}.dr-pipe__wire{fill:none;stroke:var(--border-default,var(--border-subtle));stroke-width:var(--dg-stroke);transition:stroke .4s}.dr-pipe__wire.is-on{stroke:var(--accent)}.dr-pipe__wire--dash{stroke-dasharray:5 4}.dr-pipe__bcard{fill:var(--surface-page);stroke:var(--border-subtle);stroke-width:var(--dg-stroke);stroke-dasharray:5 4;transition:stroke .4s,fill .4s}.dr-pipe__branch.is-on .dr-pipe__bcard{fill:color-mix(in oklab, var(--accent) 5%, var(--surface-page));stroke:var(--accent)}.dr-pipe__bname{fill:var(--accent);font-family:var(--font-sans);font-size:var(--dg-title);font-weight:500}
.dr-dbl{gap:var(--space-3);flex-direction:column;margin:0;display:flex}.dr-dbl__card{gap:var(--space-3);padding:var(--space-4);border:1px solid var(--d-border);border-radius:var(--d-radius-md);background:var(--d-surface);flex-direction:column;display:flex}.dr-dbl__card--authored{border-color:color-mix(in oklab, var(--d-primary) 35%, var(--d-card-border));background:color-mix(in oklab, var(--d-primary) 6%, var(--d-surface))}.dr-dbl__head{align-items:baseline;gap:var(--space-3);display:flex}.dr-dbl__api{color:var(--d-ink-2)}.dr-dbl__api--on{color:var(--d-primary-on-subtle)}.dr-dbl__what,.dr-dbl__kick{color:var(--d-ink-3);text-transform:uppercase;letter-spacing:.06em}.dr-dbl__kick--on{color:var(--d-primary-on-subtle)}.dr-dbl__gloss{color:var(--d-ink-2)}.dr-dbl__bar{border-radius:var(--d-radius-sm);background:var(--d-surface-sunken);height:22px;display:flex;overflow:hidden}.dr-dbl__seg{height:100%}.dr-dbl__legend{gap:var(--space-1) var(--space-3);flex-wrap:wrap;display:flex}.dr-dbl__uleg{align-items:center;gap:var(--space-2);color:var(--d-ink-3);display:inline-flex}.dr-dbl__udot{border-radius:var(--d-radius-full);width:8px;height:8px}.dr-dbl__values{gap:var(--space-2);flex-wrap:wrap;display:flex}.dr-dbl__val{align-items:baseline;gap:var(--space-2);padding:.3rem var(--space-3);border:1px solid var(--d-border);border-radius:var(--d-radius-sm);background:var(--d-surface);display:inline-flex}.dr-dbl__val.is-authored{border-color:color-mix(in oklab, var(--d-primary) 35%, var(--d-border));background:color-mix(in oklab, var(--d-primary) 10%, var(--d-surface))}.dr-dbl__valtext{color:var(--d-ink-2);overflow-wrap:anywhere;font-size:.8125rem}.dr-dbl__val.is-authored .dr-dbl__valtext{color:var(--d-ink)}.dr-dbl__valcount{color:var(--d-ink-3)}
.dr-tok{gap:var(--space-4);flex-direction:column;display:flex}.dr-tok__head{gap:var(--space-2);flex-direction:column;display:flex}.dr-tok__kick{color:var(--d-primary-on-subtle)}.dr-tok__gloss{color:var(--d-ink-2);max-width:56ch}.dr-tok__grid{gap:var(--space-2) var(--space-3);grid-template-columns:minmax(0,1fr) 1.25rem 14rem 1.25rem auto;margin:0;padding:0;list-style:none;display:grid}.dr-tok__row{grid-column:1/-1;grid-template-columns:subgrid;padding:.4rem var(--space-3);border:1px solid var(--d-border);border-radius:var(--d-radius-sm);background:var(--d-surface);align-items:center;display:grid}.dr-tok__name{color:var(--d-ink);overflow-wrap:anywhere;font-size:.75rem}.dr-tok__arrow{color:var(--d-ink-3)}.dr-tok__alias{color:var(--d-primary-on-subtle);overflow-wrap:anywhere;font-size:.75rem}.dr-tok__resolved{align-items:center;gap:var(--space-2);justify-self:start;display:inline-flex}.dr-tok__swatch{border-radius:var(--d-radius-sm);border:1px solid var(--d-border-strong);flex:none;width:.9rem;height:.9rem}.dr-tok__val{color:var(--d-ink-3);white-space:nowrap;font-size:.75rem}.dr-tok__resolved{min-width:0}@media (max-width:44rem){.dr-tok__grid{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)}.dr-tok__resolved{grid-column:1/-1;justify-self:start}}
.dr-ref{gap:var(--space-5);flex-direction:column;display:flex}.dr-ref__sub{color:var(--d-ink-2)}.dr-ref__options{gap:var(--space-2);flex-wrap:wrap;display:flex}.dr-ref__opt{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border:1px solid var(--d-border);border-radius:var(--d-radius-md);background:var(--d-surface);color:var(--d-ink-2);cursor:pointer;transition:border-color .15s,background .15s,color .15s;display:inline-flex}.dr-ref__opt:hover{border-color:var(--d-border-strong);color:var(--d-ink)}.dr-ref__opt.is-on{border-color:var(--d-primary);background:var(--d-primary-subtle);color:var(--d-ink)}.dr-ref__optoff{color:var(--d-ink-3)}.dr-ref__opt.is-on .dr-ref__optoff{color:var(--d-primary-on-subtle)}.dr-ref__optbest{color:var(--d-severity-low);border:1px solid oklch(from var(--d-severity-low) l c h / .5);border-radius:var(--d-radius-full);padding:.05rem .4rem}.dr-ref__track{height:82px;margin-block-start:var(--space-2);margin-inline:var(--space-4);position:relative}.dr-ref__line{background:var(--d-border);height:1px;position:absolute;inset-block-start:50%;inset-inline:0}.dr-ref__tick{flex-direction:column;align-items:center;display:flex;position:absolute;inset-block-start:16px;transform:translate(-50%)}.dr-ref__tick:before{content:"";background:var(--d-border-strong);width:1px;height:12px}.dr-ref__ticklabel{color:var(--d-ink-3);white-space:nowrap;margin-block-start:30px}.dr-ref__dot{border-radius:var(--d-radius-full);border:2px solid var(--d-surface);background:var(--d-severity-low);width:11px;height:11px;position:absolute;inset-block-start:50%;transform:translate(-50%,-50%)}.dr-ref__dot.is-off{background:var(--d-severity-medium);width:13px;height:13px;box-shadow:0 0 0 3px oklch(from var(--d-severity-medium) l c h / .18)}.dr-ref__legend{align-items:center;gap:var(--space-2) var(--space-5);color:var(--d-ink-2);flex-wrap:wrap;display:flex}.dr-ref__leg{align-items:center;gap:var(--space-2);display:inline-flex}.dr-ref__leg--note{color:var(--d-ink-3);flex:16rem}.dr-ref__sw{border-radius:var(--d-radius-full);width:10px;height:10px}.dr-ref__sw.is-on{background:var(--d-severity-low)}.dr-ref__sw.is-off{background:var(--d-severity-medium)}
.case-study--drift .cs-diagram{margin:0;overflow-x:auto}.case-study--drift .cs-body code{color:var(--accent)}
.core-ui{--bg:oklch(95.5% .008 83);--surface:oklch(99.8% .002 85);--surface-2:oklch(97.2% .006 83);--surface-3:oklch(94% .009 83);--border:oklch(90% .008 80);--border-strong:oklch(85% .01 80);--text:oklch(27% .012 60);--text-dim:oklch(46% .012 60);--text-faint:oklch(60% .012 65);--accent:oklch(50% .16 260);--accent-hover:oklch(44% .16 260);--accent-fg:oklch(99.5% 0 0);--accent-tint:oklch(50% .16 260/.1);--ring:oklch(50% .16 260/.32);--st-proposed:oklch(50% .16 55);--st-accepted:oklch(50% .12 165);--st-rejected:oklch(53% .2 28);--st-deprecated:oklch(55% .14 88);--st-superseded:oklch(60% .13 350);--danger:oklch(50% .2 26);--r-sm:5px;--r:7px;--r-lg:11px;--r-full:999px;--shadow-sm:0 1px 2px oklch(30% .03 60/.06), 0 1px 3px oklch(30% .03 60/.08);--shadow:0 4px 14px oklch(30% .03 60/.09);--shadow-lg:0 14px 40px oklch(30% .03 60/.16);--font-sans:var(--gabarito), ui-sans-serif, system-ui, sans-serif;--font-mono:var(--fira-code), ui-monospace, monospace;--ui-accent:var(--accent-page,currentColor);background:var(--bg);color:var(--text);font-family:var(--font-sans);letter-spacing:-.005em;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-size:15.5px;line-height:1.55}.core-ui *,.core-ui :before,.core-ui :after{box-sizing:border-box}.core-ui h1,.core-ui h2,.core-ui h3,.core-ui h4{letter-spacing:-.02em}.core-ui code,.core-ui pre{color:inherit;font-size:inherit;font-family:var(--font-mono);background:0 0;border-radius:0;padding:0}.core-ui .mono{font-family:var(--font-mono)}.core-ui .eyebrow{letter-spacing:.04em;text-transform:uppercase;color:var(--text-faint);font-size:.72rem;font-weight:600}.core-ui .btn{--btn-bg:var(--surface-2);--btn-border:transparent;--btn-fg:var(--text);font:inherit;border-radius:var(--r-sm);border:1px solid var(--btn-border);background:var(--btn-bg);min-height:36px;color:var(--btn-fg);cursor:pointer;white-space:nowrap;box-shadow:var(--shadow-sm);justify-content:center;align-items:center;gap:.4rem;padding:0 .9rem;font-size:.875rem;font-weight:500;line-height:1;transition:background .12s,border-color .12s,box-shadow .12s;display:inline-flex}.core-ui .btn:hover{--btn-bg:var(--surface-3)}.core-ui .btn:focus-visible{outline:2px solid var(--ring);outline-offset:2px}.core-ui .btn:disabled{opacity:.5;cursor:default;box-shadow:none}.core-ui .btn--primary{--btn-bg:var(--accent);--btn-border:var(--accent);--btn-fg:var(--accent-fg);font-weight:550}.core-ui .btn--primary:hover{--btn-bg:var(--accent-hover);--btn-border:var(--accent-hover)}.core-ui .btn--accept{--btn-bg:var(--st-accepted);--btn-border:var(--st-accepted);--btn-fg:var(--accent-fg);font-weight:550}.core-ui .btn--accept:hover{--btn-bg:color-mix(in oklch, var(--st-accepted) 86%, black);--btn-border:color-mix(in oklch, var(--st-accepted) 86%, black)}.core-ui .btn--danger{--btn-bg:color-mix(in oklch, var(--danger) 8%, var(--surface-2));--btn-fg:var(--danger)}.core-ui .btn--danger:hover{--btn-bg:color-mix(in oklch, var(--danger) 15%, var(--surface-2))}.core-ui .btn--destructive{--btn-bg:var(--danger);--btn-border:var(--danger);--btn-fg:var(--accent-fg);font-weight:550}.core-ui .btn--destructive:hover{--btn-bg:color-mix(in oklch, var(--danger) 88%, black);--btn-border:color-mix(in oklch, var(--danger) 88%, black)}.core-ui .btn--icon{width:36px;padding:0}.core-ui .iconbtn{--ib-size:28px;width:var(--ib-size);height:var(--ib-size);border-radius:var(--r-sm);color:var(--text-faint);cursor:pointer;background:0 0;border:none;flex:none;place-items:center;padding:0;transition:color .12s,background .12s;display:grid}.core-ui .iconbtn:hover{color:var(--text);background:var(--surface-3)}.core-ui .iconbtn:focus-visible{outline:2px solid var(--ring);outline-offset:1px}.core-ui .iconbtn--sm{--ib-size:22px}.core-ui .iconbtn--accent:hover{color:var(--accent);background:var(--accent-tint)}.core-ui .panel{background:var(--surface);border-radius:var(--r-lg);box-shadow:var(--shadow-sm)}.core-ui .pill{--pc:var(--text-dim);letter-spacing:.02em;text-transform:uppercase;border-radius:var(--r-full);color:color-mix(in oklch, var(--pc) 78%, black);background:color-mix(in oklch, var(--pc) 13%, var(--surface));border:1px solid color-mix(in oklch, var(--pc) 32%, transparent);white-space:nowrap;align-items:center;padding:.22rem .5rem;font-size:.7rem;font-weight:600;display:inline-flex}.core-ui .key-chip{letter-spacing:.03em;border-radius:var(--r-full);color:var(--text-dim);border:1px solid color-mix(in oklch, var(--text-faint) 45%, transparent);white-space:nowrap;background:0 0;align-items:center;padding:.22rem .5rem;font-size:.7rem;font-weight:600;display:inline-flex}.core-ui .pill--draft{--pc:var(--text-faint)}.core-ui .key-chip--pending{background:var(--surface-3);color:var(--text-dim);letter-spacing:.06em;border-color:#0000}.core-ui .pill--proposed{--pc:var(--st-proposed)}.core-ui .pill--accepted{--pc:var(--st-accepted)}.core-ui .pill--rejected{--pc:var(--st-rejected)}.core-ui .pill--deprecated{--pc:var(--st-deprecated)}.core-ui .pill--superseded{--pc:var(--st-superseded)}.core-ui .file-chip{font-family:var(--font-mono);vertical-align:baseline;border-radius:var(--r-sm);background:var(--accent-tint);border:1px solid color-mix(in oklch, var(--accent) 28%, transparent);color:color-mix(in oklch, var(--accent) 85%, black);align-items:center;gap:.25rem;padding:.08em .4em;font-size:.8em;text-decoration:none;display:inline-flex}.core-ui .timeline{flex-direction:column;display:flex}.core-ui .tl-item{border-left:2px solid var(--surface-3);padding:0 0 1.35rem 1.5rem;position:relative}.core-ui .tl-item:last-child{border-left-color:#0000;padding-bottom:0}.core-ui .tl-item:before{content:"";background:var(--text-faint);border-radius:50%;width:.62rem;height:.62rem;position:absolute;top:.2rem;left:-.36rem}.core-ui .tl-head{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.core-ui .tl-msg{font-size:.92rem}.core-ui .tl-meta{color:var(--text-faint);margin-top:.15rem;font-size:.78rem}.core-ui .changes{font-family:var(--font-mono);background:var(--surface-3);border-radius:var(--r-sm);flex-direction:column;gap:.15rem;margin:.5rem 0 0;padding:.55rem .7rem;font-size:.78rem;list-style:none;display:flex}.core-ui .op-add{color:color-mix(in oklch, var(--st-accepted) 80%, black)}.core-ui .op-remove{color:color-mix(in oklch, var(--st-rejected) 85%, black)}.core-ui .op-replace{color:color-mix(in oklch, var(--st-superseded) 80%, black)}.core-ui .block{border:none;border-left:2px solid var(--border);margin:0 0 2rem;padding:0 0 0 1.1rem;transition:border-color .14s}.core-ui .block:last-of-type{margin-bottom:0}.core-ui .block:focus-within{border-left-color:var(--accent)}.core-ui .block-label{letter-spacing:.04em;text-transform:uppercase;color:var(--text-faint);margin-bottom:.45rem;padding:0;font-size:.72rem;font-weight:600;display:block}.core-ui .block:focus-within>.block-label{color:var(--accent)}.core-ui .area{font:inherit;width:100%;min-height:3.4rem;color:var(--text);resize:none;background:0 0;border:none;outline:none;padding:0;font-size:1rem;line-height:1.7;display:block}.core-ui .area::placeholder{color:var(--text-faint)}.core-ui .prose{color:var(--text);font-size:1rem;line-height:1.7}.core-ui .prose>:first-child{margin-top:0}.core-ui .prose>:last-child{margin-bottom:0}.core-ui .prose p{margin:.7rem 0}.core-ui .prose ul,.core-ui .prose ol{margin:.7rem 0;padding-left:1.4rem}.core-ui .prose li{margin:.25rem 0}.core-ui .prose h3{margin:1.5rem 0 .6rem;font-size:1.05rem;font-weight:650;line-height:1.25}
.sdd{gap:var(--space-3);padding:var(--space-4);flex-direction:column;display:flex}.sdd__bar{justify-content:space-between;align-items:center;gap:var(--space-3);flex-wrap:nowrap;display:flex}.sdd__cite{align-items:center;gap:.6rem;display:inline-flex}.sdd__range{opacity:.72}.sdd__edits{flex-wrap:nowrap;gap:.4rem;min-width:0;margin-inline-start:auto;display:flex}.sdd__edits .btn{min-height:30px;box-shadow:none;padding:0 .65rem;font-size:.8125rem}@media (max-width:40rem){.sdd__bar{flex-wrap:wrap}.sdd__edits{flex-wrap:wrap;margin-inline-start:0}}.sdd__file{background:var(--surface);border-radius:var(--r);box-shadow:var(--shadow-sm);padding:var(--space-3) 0;flex-direction:column;justify-content:center;height:17.5rem;display:flex;overflow:hidden}.sdd__lines{margin:0;padding:0}.sdd__line{min-height:1.35rem;border-inline-start:2px solid #0000;grid-template-columns:2.75rem 1fr;align-items:center;padding-inline-end:var(--space-3);display:grid}.sdd__num{text-align:right;color:var(--text-faint);font-family:var(--fira-code), ui-monospace, monospace;font-variant-numeric:tabular-nums;-webkit-user-select:none;user-select:none;padding-inline-end:var(--space-3);font-size:.7rem}.sdd__code{font-family:var(--fira-code), ui-monospace, monospace;color:var(--text-dim);white-space:pre;font-size:.75rem;line-height:1.35;overflow-x:auto}.sdd__line--cited{background:var(--accent-tint);border-inline-start-color:var(--accent)}.sdd__line--cited .sdd__code{color:var(--text)}.sdd__line--drifted{border-inline-start-color:var(--st-proposed);background:oklch(50% .16 55/.1)}.sdd__skip{padding:.15rem var(--space-3) .15rem 2.75rem;color:var(--text-faint);font-size:.68rem;font-style:italic}.sdd__foot{justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.sdd__note{min-height:1.2rem;color:var(--text-dim);margin:0;font-size:.8rem}.sdd__chip{white-space:nowrap;flex:none}@media (max-width:40rem){.sdd__file{height:auto;max-height:20rem;overflow-y:auto}}.sdd code{color:inherit;font-size:inherit;background:0 0;border-radius:0;padding:0}
.lcd{gap:var(--space-4);--lcd-proposed:oklch(50% .16 55);--lcd-accepted:oklch(50% .12 165);--lcd-rejected:oklch(53% .2 28);--lcd-deprecated:oklch(55% .14 88);--lcd-superseded:oklch(60% .13 350);flex-direction:column;display:flex}.lcd__controls{justify-content:center;gap:var(--space-2);display:flex}.lcd__btn{background:var(--surface-raised);border-radius:var(--radius-sm);color:var(--ink-secondary);font-family:var(--font-sans);cursor:pointer;border:1px solid #0000;padding:.32rem .85rem;font-size:.78rem;transition:background .2s,color .2s}.lcd__btn:hover{background:var(--surface-hover);color:var(--ink-primary)}.lcd__btn--on{background:var(--accent);color:var(--surface-page)}.lcd__btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.lcd__wire{fill:none;stroke:var(--border-default);stroke-width:var(--dg-stroke);opacity:.5;transition:opacity .3s,stroke .3s}.lcd__wire.is-on{stroke:var(--accent);opacity:1}.lcd__head{fill:none;stroke:var(--border-default);stroke-width:var(--dg-stroke);stroke-linecap:round;stroke-linejoin:round;opacity:.5}.lcd__wlabel{fill:var(--ink-secondary);opacity:.55;transition:opacity .3s,fill .3s}.lcd__wlabel--end{text-anchor:end}.lcd__wlabel.is-on{fill:var(--accent);opacity:1}.lcd__node{cursor:pointer;outline:none}.lcd__card{fill:var(--surface-raised);transition:fill .4s}.lcd__node:hover .lcd__card{fill:var(--surface-overlay)}.lcd__node:focus-visible .lcd__card{stroke:var(--accent);stroke-width:var(--dg-stroke)}.lcd__node--proposed.is-on .lcd__card{fill:color-mix(in oklab, var(--lcd-proposed) 22%, var(--surface-raised))}.lcd__node--accepted.is-on .lcd__card{fill:color-mix(in oklab, var(--lcd-accepted) 22%, var(--surface-raised))}.lcd__node--rejected.is-on .lcd__card{fill:color-mix(in oklab, var(--lcd-rejected) 22%, var(--surface-raised))}.lcd__node--deprecated.is-on .lcd__card{fill:color-mix(in oklab, var(--lcd-deprecated) 22%, var(--surface-raised))}.lcd__node--superseded.is-on .lcd__card{fill:color-mix(in oklab, var(--lcd-superseded) 22%, var(--surface-raised))}.lcd__bar{justify-content:space-between;align-items:center;gap:var(--space-4);padding:var(--space-3) var(--space-4);border-radius:var(--r-lg);flex-wrap:wrap;display:flex}.lcd__doc{align-items:center;gap:.5rem;display:inline-flex}.lcd__actions{flex-wrap:wrap;align-items:center;gap:.5rem;margin-inline-start:auto;display:inline-flex}.lcd__empty{color:var(--text-faint);font-size:.82rem}.lcd__readout{background:var(--surface-raised);border-radius:var(--radius-md);padding:var(--space-4);gap:var(--space-2);flex-direction:column;min-height:13.5rem;display:flex}.lcd__call{color:var(--ink-secondary);font-family:var(--font-mono);font-size:var(--dg-sub)}.lcd__call b{color:var(--accent);font-weight:400}.lcd__rows{margin:0;padding:0;list-style:none}.lcd__row{gap:var(--space-3);border-block-end:1px solid var(--surface-overlay);grid-template-columns:8rem 1fr;align-items:baseline;padding:.34rem 0;display:grid}.lcd__row--edit{border-block-end:none;margin-block-start:var(--space-1)}.lcd__to{color:var(--ink-primary);font-family:var(--font-mono);font-size:var(--dg-sub)}.lcd__verdict{color:var(--ink-secondary);font-family:var(--font-sans);font-size:var(--dg-sub)}.lcd__row--ok .lcd__verdict{color:var(--accent);font-weight:600}.lcd__foot{color:var(--ink-secondary);font-family:var(--font-sans);font-size:var(--dg-sub);margin-block-start:auto}@media (max-width:40rem){.lcd__row{grid-template-columns:1fr;gap:0}}
.rsd{gap:var(--space-4);padding:var(--space-5);flex-direction:column;display:flex}.rsd__card{overflow:hidden}.rsd__head{flex-wrap:wrap;align-items:center;gap:.65rem;padding:1.1rem 1.25rem;display:flex}.rsd__title{color:var(--text);font-size:.92rem;font-weight:550}.rsd__handle{border-top:1px solid var(--border);color:var(--text-dim);justify-content:space-between;align-items:center;gap:1rem;padding:.7rem 1.25rem;display:flex}.rsd__summary{flex-wrap:wrap;align-items:baseline;gap:.4rem;font-size:.85rem;display:inline-flex}.rsd__dot,.rsd__events{color:var(--text-faint)}.rsd__flag{border-radius:var(--r-full);background:color-mix(in oklch, var(--st-accepted) 12%, var(--surface));color:color-mix(in oklch, var(--st-accepted) 78%, black);margin-inline-start:.35rem;padding:.15rem .5rem;font-size:.72rem;font-weight:600}.rsd__panel{padding:.5rem 1.25rem 1.5rem}.rsd__panel .timeline{margin:0;padding:0;list-style:none}.rsd__steps{flex-wrap:wrap;justify-content:center;gap:.5rem;display:flex}
.fsd{padding:var(--space-5);flex-direction:column;gap:.75rem;display:flex}.fsd__search{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-sm);align-items:center;gap:.55rem;padding:.6rem .8rem;display:flex}.fsd__icon{width:1.25rem;color:var(--text-faint);flex:none;place-items:center;font-size:1.35rem;line-height:1;display:grid}.fsd__input{min-width:0;font:inherit;font-family:var(--font-mono);color:var(--text);background:0 0;border:none;outline:none;flex:1;padding:0;font-size:.85rem}.fsd__input::placeholder{color:var(--text-faint)}.fsd__search:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-tint)}.fsd__scope{color:var(--text-faint);font-size:.78rem}.fsd__results{flex-direction:column;gap:.25rem;height:13.5rem;margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}.fsd__row{background:var(--surface);border-radius:var(--r-sm);width:100%;box-shadow:var(--shadow-sm);font:inherit;text-align:left;cursor:pointer;border:1px solid #0000;align-items:center;gap:.65rem;padding:.5rem .8rem;transition:background .12s,border-color .12s;display:flex}.fsd__row.is-active{background:var(--surface-2)}.fsd__row.is-chosen{border-color:color-mix(in oklch, var(--accent) 34%, transparent);background:color-mix(in oklch, var(--accent) 5%, var(--surface))}.fsd__row:focus-visible{outline:2px solid var(--ring);outline-offset:1px}.fsd__mark{background:color-mix(in oklch, var(--accent) 16%, transparent);color:color-mix(in oklch, var(--accent) 85%, black);border-radius:2px}.fsd__empty{color:var(--text-faint);padding:.9rem .8rem;font-size:.82rem}.fsd__repo{color:var(--text-faint);font-family:var(--font-mono);flex:none;font-size:.72rem}.fsd__path{min-width:0;color:var(--text);font-family:var(--font-mono);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:.8rem;overflow:hidden}.fsd__range{flex:none;align-items:center;gap:.3rem;display:inline-flex}.fsd__range-label{color:var(--text-faint);font-size:.72rem}.fsd__range-value{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-sm);color:var(--accent);font-family:var(--font-mono);padding:.12rem .4rem;font-size:.72rem}.fsd__range-dash{color:var(--text-faint)}.fsd__foot{color:var(--text-faint);font-size:.78rem}
.wpd{gap:var(--space-3);padding:var(--space-5);flex-direction:column;display:flex}.wpd__props{flex-wrap:wrap;align-items:center;gap:.65rem;padding:0 .25rem;display:flex}.wpd__prop-label{letter-spacing:.04em;text-transform:uppercase;color:var(--text-faint);margin-inline-start:auto;font-size:.72rem;font-weight:600}.wpd__prop{color:var(--text-dim);font-size:.85rem}.wpd__bar{border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:.75rem;padding:0 .25rem .6rem;display:flex}.wpd__tabs{background:var(--surface-2);border-radius:var(--r-sm);padding:2px;display:inline-flex}.wpd__tab{color:var(--text-dim);font:inherit;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:.3rem .85rem;font-size:.82rem;font-weight:500;transition:background .12s,color .12s}.wpd__tab:hover{color:var(--text)}.wpd__tab.is-on{background:var(--surface);color:var(--text);box-shadow:var(--shadow-sm)}.wpd__tab:focus-visible{outline:2px solid var(--ring);outline-offset:2px}.wpd__tools{border-inline-start:1px solid var(--border-strong);align-items:center;gap:.15rem;margin-inline-start:auto;padding-inline-start:.6rem;transition:opacity .14s;display:inline-flex}.wpd__tools.is-off{opacity:.35}.wpd .iconbtn{font-size:.78rem;font-weight:600}.wpd__sheet{flex-direction:column;height:19rem;padding:1.5rem 1.6rem;display:flex}.wpd__sheet .block{flex-direction:column;min-height:0;margin-bottom:0;display:flex}.wpd__sheet .block>.wpd__source,.wpd__sheet .block>.prose{overscroll-behavior:contain;min-height:0;padding-inline-end:.5rem;overflow-y:auto}.wpd__source{color:var(--text);font-family:var(--font-mono);white-space:pre-wrap;overflow-wrap:anywhere;margin:0;padding:0;font-size:.92rem;line-height:1.7}.wpd__token{background:var(--accent-tint);color:color-mix(in oklch, var(--accent) 85%, black);border-radius:3px;padding:.05em .2em}.wpd__fence,.wpd__strong{color:var(--text-faint)}.wpd__lines{opacity:.72}.wpd__mermaid{background:var(--surface-3);border-radius:var(--r-sm);flex-wrap:wrap;align-items:center;gap:.45rem;margin-top:1rem;padding:.85rem;display:flex}.wpd__node{background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--r-sm);padding:.28rem .6rem;font-size:.78rem}.wpd__node--q{border-radius:var(--r-full);border-style:dashed}.wpd__arrow{color:var(--text-faint)}
.arch{margin:0}.arch__seam{fill:color-mix(in oklab, var(--accent) 7%, transparent);stroke:var(--accent);stroke-width:var(--dg-stroke);stroke-dasharray:5 4}.arch__seam-label{fill:var(--accent)}.arch__seam-sub{fill:var(--ink-secondary)}.arch__aside{text-anchor:start;fill:var(--ink-secondary)}
.schema{margin:0}.schema__card{fill:var(--surface-raised)}.schema__t--trail .schema__card{fill:color-mix(in oklab, var(--accent) 8%, var(--surface-raised))}.schema__t--seam .schema__card{stroke:var(--accent);stroke-width:var(--dg-stroke)}.schema__rule{stroke:var(--border-default);stroke-width:1px}.schema__col{text-anchor:start;fill:var(--ink-secondary)}.schema__wlabel--start{text-anchor:start}.schema__wlabel--end{text-anchor:end}
.case-study--core .cs-body code{color:var(--accent)}
.case-study.case-study--stub.page{max-width:60rem}.case-study__head{gap:var(--space-4);flex-direction:column;padding-block-end:var(--space-8);display:flex}.case-study__status{font-family:var(--font-sans);text-transform:uppercase;letter-spacing:.08em;color:var(--accent);font-weight:600}.case-study__title{color:var(--accent);line-height:.9}.case-study__premise{max-width:54ch;color:var(--ink-primary)}.case-study__tags{--card-chip-ink:var(--ink-secondary);--card-chip-fill:transparent;--card-chip-border:var(--border-default)}.case-study__links{gap:var(--space-6);flex-wrap:wrap;padding-block-start:var(--space-8);display:flex}.case-study__links a{font-family:var(--font-sans);color:var(--accent);text-underline-offset:.25em;font-weight:600;text-decoration:underline;text-decoration-thickness:1px}.case-study__note{color:var(--ink-tertiary);padding-block-start:var(--space-10)}