@layer pages{.prose{max-width:65ch;margin-top:var(--space-m);color:var(--text-muted)}.prose+.prose{margin-top:var(--space-s)}.prose strong,.prose code,.bullets code,.card-grid code{color:var(--text)}.subsection-title{margin-top:var(--space-2xl);font-size:var(--step-1)}.split .callout{margin-top:var(--space-l)}.section-cta{gap:var(--space-s);margin-top:var(--space-2xl);flex-wrap:wrap;display:flex}.code{border:1px solid var(--line);border-radius:var(--radius-m);background:var(--bg-sunken);overflow:hidden}.code__label{border-bottom:1px solid var(--line);background:var(--bg-raised);color:var(--text-muted);font:600 .75rem / 1 var(--font-mono);justify-content:space-between;align-items:center;padding:.55rem 1rem;display:flex}.code__label--before{color:#f87171}.code__label--after{color:var(--emerald)}.code pre{color:var(--text);font:.8125rem / 1.65 var(--font-mono);tab-size:2;margin:0;padding:1rem;overflow-x:auto}.code pre code{font-size:inherit}.compare{margin-top:var(--space-xl)}.tabs__list{gap:var(--space-2xs);padding:var(--space-2xs);border:1px solid var(--line);border-radius:var(--radius-s);background:var(--bg-raised);flex-wrap:wrap;width:fit-content;max-width:100%;display:flex}.no-js .tabs__list{display:none}.tabs__tab{color:var(--text-muted);font:500 var(--step--1) / 1 var(--font-mono);transition:color var(--dur-fast), background-color var(--dur-fast);border-radius:6px;padding:.55rem .9rem}.tabs__tab:hover{color:var(--text)}.tabs__tab[aria-selected=true]{background:var(--violet-strong);color:#fff}.compare__panel{margin-top:var(--space-l)}.no-js .compare__panel+.compare__panel{margin-top:var(--space-2xl)}.compare__title{font-size:var(--step-1)}.compare__grid{gap:var(--space-m);margin-top:var(--space-l);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}@media (width<=48em){.compare__grid{grid-template-columns:minmax(0,1fr)}}.stats{gap:var(--space-m);margin-top:var(--space-xl);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.stat{padding:var(--space-l);border:1px solid var(--line);border-radius:var(--radius-m);background:radial-gradient(120% 90% at 0% 0%, color-mix(in oklab, var(--emerald) 10%, transparent), transparent 55%), var(--bg-raised)}.stat__name{color:var(--emerald);font:600 var(--step--1) / 1.3 var(--font-mono)}.stat__value{margin-top:var(--space-xs);font:700 var(--step-3) / 1 var(--font-mono);letter-spacing:-.03em}.stat__text{margin-top:var(--space-s);color:var(--text-muted);font-size:.95rem}@media (width<=48em){.stats{grid-template-columns:minmax(0,1fr)}}.bullets{gap:var(--space-s);max-width:70ch;margin-top:var(--space-l);padding:0;list-style:none;display:grid}.bullets li{color:var(--text-muted);padding-left:1.75rem;position:relative}.bullets li:before{content:"";background:var(--violet);border-radius:2px;width:.55rem;height:.55rem;position:absolute;top:.55em;left:.25rem}.bullets strong{color:var(--text)}.split{gap:var(--space-2xl);margin-top:var(--space-l);grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;display:grid}.split>*>:first-child{margin-top:0}.split__title{font-size:var(--step-1)}@media (width<=56em){.split{gap:var(--space-xl);grid-template-columns:minmax(0,1fr)}}.callout{padding:var(--space-l);border:1px solid var(--line);border-left:3px solid var(--violet);border-radius:var(--radius-s);background:var(--bg-raised)}.callout__title{font:600 var(--step-0) / 1.3 var(--font-mono);align-items:center;gap:.5rem;display:flex}.callout__title .icon{color:var(--violet-soft)}address{font-style:normal}.callout p{margin-top:var(--space-xs);color:var(--text-muted)}.card-grid{gap:var(--space-m);margin-top:var(--space-xl);grid-template-columns:repeat(6,minmax(0,1fr));display:grid}.card-grid>li{padding:var(--space-l);border:1px solid var(--line);border-radius:var(--radius-m);background:var(--bg-raised);grid-column:span 2}.card-grid--five>li:nth-child(n+4){grid-column:span 3}.card-grid h3{font:700 var(--step-0) / 1.3 var(--font-mono);letter-spacing:0;align-items:center;gap:.55rem;display:flex}.card-grid h3 .icon{color:var(--emerald)}.card-grid p{margin-top:var(--space-xs);color:var(--text-muted);font-size:.975rem}.card-grid__tools{margin-top:var(--space-s);color:var(--text);font:500 var(--step--1) / 1.5 var(--font-mono)}@media (width<=64em){.card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.card-grid>li,.card-grid--five>li:nth-child(n+4){grid-column:auto}.card-grid--five>li:last-child{grid-column:1/-1}}@media (width<=40em){.card-grid{grid-template-columns:minmax(0,1fr)}}.ranking{gap:0 var(--space-2xl);margin-top:var(--space-xl);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.ranking li{gap:var(--space-s);padding-block:var(--space-m);border-top:1px solid var(--line);grid-template-columns:3.25rem minmax(0,1fr);display:grid}.ranking__id{color:var(--emerald);font:700 var(--step--1) / 1.6 var(--font-mono)}.ranking h3{font-size:var(--step-0);letter-spacing:-.01em;line-height:1.4}.ranking h3 span{color:var(--text-muted);font:500 .75rem / 1.5 var(--font-mono);display:block}.ranking p{margin-top:var(--space-2xs);color:var(--text-muted);font-size:.95rem}.ranking p strong{color:var(--text)}@media (width<=56em){.ranking{grid-template-columns:minmax(0,1fr)}}.timeline{max-width:75ch;margin-top:var(--space-xl);padding:0;list-style:none}.timeline li{gap:var(--space-m);padding-block:var(--space-m);border-top:1px solid var(--line);grid-template-columns:8rem minmax(0,1fr);display:grid}.timeline time{color:var(--emerald);font:600 var(--step--1) / 1.7 var(--font-mono)}.timeline p{color:var(--text-muted)}.timeline strong{color:var(--text)}.timeline a{font:500 .75rem / 1 var(--font-mono);white-space:nowrap;margin-left:.35em}@media (width<=40em){.timeline li{gap:var(--space-2xs);grid-template-columns:minmax(0,1fr)}}.demo{margin-top:var(--space-xl);padding:var(--space-l);border:1px solid var(--line);border-radius:var(--radius-m);background:var(--bg-raised)}.demo__label{font:600 var(--step--1) / 1.4 var(--font-mono);display:block}.demo__input{width:100%;margin-top:var(--space-xs);border:1px solid var(--line-strong);border-radius:var(--radius-s);background:var(--bg-sunken);color:var(--text);font:.875rem / 1.6 var(--font-mono);resize:vertical;padding:.75rem .9rem;display:block}.demo__input:focus-visible{outline-offset:1px;border-color:var(--violet)}.demo__presets{align-items:center;gap:var(--space-xs);margin-top:var(--space-s);color:var(--text-muted);font:500 .75rem / 1 var(--font-mono);flex-wrap:wrap;display:flex}.demo__preset{border:1px solid var(--line-strong);border-radius:var(--radius-s);color:var(--text);font:inherit;padding:.45rem .65rem}.demo__preset:hover{border-color:var(--violet)}.demo__results{gap:var(--space-m);margin-top:var(--space-l);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.demo__col{padding:var(--space-m);border:1px solid var(--line);border-radius:var(--radius-s);background:var(--bg-sunken)}.demo__col h3{font:700 var(--step--1) / 1.3 var(--font-mono);letter-spacing:0}.demo__col--bad h3{color:#f87171}.demo__col--good h3{color:var(--emerald)}.demo__verdict{margin-top:var(--space-xs);font-size:.95rem}.demo__nodes{gap:var(--space-xs);margin-top:var(--space-s);font:.8125rem / 1.5 var(--font-mono);padding:0;list-style:none;display:grid}.demo__nodes li{overflow-wrap:anywhere;background:#ffffff0a;border-radius:6px;padding:.5rem .65rem}.demo__nodes .is-risk{color:#fecdd3;background:oklab(64.5032% .206597 .060959/.14)}.demo__output{margin-top:var(--space-s);color:var(--text);font:.8125rem / 1.5 var(--font-mono);white-space:pre-wrap;overflow-wrap:anywhere;background:#ffffff0a;border-radius:6px;padding:.5rem .65rem}.demo__note{margin-top:var(--space-s);color:var(--text-muted);font-size:.9rem}@media (width<=48em){.demo__results{grid-template-columns:minmax(0,1fr)}}.checklist{margin-top:var(--space-xl);padding:var(--space-l);border:1px solid var(--line);border-radius:var(--radius-m);background:var(--bg-raised)}.checklist__head{justify-content:space-between;align-items:center;gap:var(--space-s) var(--space-l);flex-wrap:wrap;display:flex}.checklist__status{font:600 var(--step--1) / 1.4 var(--font-mono)}.checklist__status strong{color:var(--emerald)}.checklist__progress{width:100%;height:6px;margin-top:var(--space-s);background:var(--bg-sunken);appearance:none;border:0;border-radius:999px;overflow:hidden}.checklist__progress::-webkit-progress-bar{background:var(--bg-sunken)}.checklist__progress::-webkit-progress-value{background:var(--emerald);transition:inline-size var(--dur) var(--ease-out)}.checklist__progress::-moz-progress-bar{background:var(--emerald)}.checklist__items{gap:var(--space-2xs) var(--space-xl);margin-top:var(--space-l);grid-template-columns:repeat(2,minmax(0,1fr));padding:0;list-style:none;display:grid}.checklist__items label{color:var(--text-muted);cursor:pointer;grid-template-columns:1.25rem minmax(0,1fr);gap:.7rem;padding:.6rem 0;display:grid}.checklist__items input{width:1.1rem;height:1.1rem;accent-color:var(--emerald);margin-top:.2rem}.checklist__items input:checked+span,.checklist__items strong{color:var(--text)}@media (width<=48em){.checklist__items{grid-template-columns:minmax(0,1fr)}}}