:root{--canvas:#eef0ec;--surface:#fff;--surface-sunken:#f4f6f2;--ink:#16201b;--ink-soft:#2f3a34;--muted:#4a554e;--line:#d3d9d2;--line-strong:#7e8b80;--accent:#14624a;--accent-hover:#0f4d3a;--accent-soft:#e3efe9;--on-accent:#fff;--check:#9a3616;--check-ink:#7c2b11;--check-bg:#fbeae2;--check-line:#eec3ae;--pass-ink:#0f4d3a;--pass-bg:#e3efe9;--pass-line:#bcdccd;--meter-track:#d3d9d2;--focus:#b45309;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.5rem;--space-6:2rem;--space-7:2.5rem;--space-8:3rem;--space-10:4rem;--text-xs:.8125rem;--text-sm:.9375rem;--text-base:1.0625rem;--text-lg:1.25rem;--text-xl:1.5rem;--text-2xl:2rem;--text-3xl:2.75rem;--leading-tight:1.15;--leading-snug:1.3;--leading-normal:1.6;--weight-regular:400;--weight-medium:550;--weight-semibold:650;--weight-bold:720;--tracking-tight:-.02em;--tracking-label:.02em;--radius-sm:.375rem;--radius:.625rem;--radius-lg:1rem;--radius-pill:999px;--shadow-card:0 1px 3px #16201b14, 0 12px 32px -12px #16201b38;--border-thin:1px;--meter-height:.625rem;--control-height:2.875rem;--tap-target:2.75rem;--status-dot:.5rem;--tracking-status:.08em;--focus-ring-width:3px;--focus-ring-offset:2px;--press-offset:1px;--disabled-opacity:.6;--skip-link-offset:-150%;--duration-fast:.12s;--duration:.2s;--ease-out:cubic-bezier(.22, 1, .36, 1);--shift-panel:.5rem;--measure:60ch;--measure-title:14ch;--measure-title-narrow:18ch;--measure-lede:30ch;--shell-width:60rem;--sidebar-width:24rem;--panel-min-height:24rem;--pad-fluid-block:6vw;--pad-fluid-inline:3vw;--specimen-size:5rem;--swatch-min-height:5.5rem;--swatch-col:11rem;--z-skip:10;--font:ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif}*{box-sizing:border-box}body{color:var(--ink);background:var(--canvas);font-family:var(--font);font-size:var(--text-base);line-height:var(--leading-normal);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0}a{color:inherit}button,select{font:inherit}.site-shell{flex-direction:column;min-height:100vh;display:flex}.masthead,.check-layout,footer,.design-system{width:min(100% - var(--space-6), var(--shell-width));margin-inline:auto}.masthead{padding-block:var(--space-5);justify-content:space-between;align-items:center;display:flex}.wordmark{min-height:var(--tap-target);font-weight:var(--weight-bold);letter-spacing:var(--tracking-tight);align-items:center;text-decoration:none;display:inline-flex}.quiet-link{min-height:var(--tap-target);color:var(--muted);font-size:var(--text-sm);font-weight:var(--weight-medium);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);transition:color var(--duration-fast) var(--ease-out);align-items:center;text-decoration:none;display:inline-flex}.quiet-link:hover{color:var(--ink)}.check-layout{grid-template-columns:minmax(0, var(--sidebar-width)) minmax(0, 1fr);gap:var(--space-10);padding-block:clamp(var(--space-6), var(--pad-fluid-block), var(--space-10));flex:1;align-items:start;display:grid}.intro{top:var(--space-6);position:sticky}h1,h2,h3,p{margin-top:0}h1,h2,h3{text-wrap:balance}p{text-wrap:pretty}h1{max-width:var(--measure-title);font-size:var(--text-3xl);line-height:var(--leading-tight);letter-spacing:var(--tracking-tight);font-weight:var(--weight-bold)}h2{font-size:var(--text-xl);line-height:var(--leading-snug);letter-spacing:var(--tracking-tight);font-weight:var(--weight-semibold)}h3{font-size:var(--text-base);font-weight:var(--weight-semibold)}.lede{color:var(--muted);font-size:var(--text-lg);line-height:var(--leading-snug);margin-top:var(--space-4);max-width:var(--measure-lede)}.intro-notes{gap:var(--space-3);margin-top:var(--space-6);display:grid}.disclaimer,.retention{padding:var(--space-4);border-radius:var(--radius);font-size:var(--text-sm);line-height:var(--leading-snug);margin:0}.disclaimer{color:var(--ink-soft);background:var(--surface);border:var(--border-thin) solid var(--line)}.retention{color:var(--pass-ink);background:var(--pass-bg);border:var(--border-thin) solid var(--pass-line)}.disclaimer strong,.retention strong{color:inherit;font-weight:var(--weight-semibold)}.check-panel{min-height:var(--panel-min-height);gap:var(--space-4);padding:clamp(var(--space-5), var(--pad-fluid-inline), var(--space-7));background:var(--surface);border:var(--border-thin) solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);animation:panel-in var(--duration) var(--ease-out) both;flex-direction:column;display:flex}.check-panel>p{color:var(--muted);max-width:var(--measure);margin:0}.button{justify-content:center;align-items:center;gap:var(--space-2);min-height:var(--control-height);padding:var(--space-2) var(--space-5);border-radius:var(--radius);border:var(--border-thin) solid transparent;font-weight:var(--weight-semibold);letter-spacing:var(--tracking-label);cursor:pointer;transition:background var(--duration-fast) var(--ease-out), border-color var(--duration-fast) var(--ease-out), transform var(--duration-fast) var(--ease-out);display:inline-flex}.button:active{transform:translateY(var(--press-offset))}.button.primary{color:var(--on-accent);background:var(--accent)}.button.primary:hover{background:var(--accent-hover)}.button.secondary{color:var(--ink);background:var(--surface);border-color:var(--line-strong)}.button.secondary:hover{background:var(--surface-sunken);border-color:var(--muted)}.button:disabled{cursor:wait;opacity:var(--disabled-opacity);transform:none}.button.block{width:100%}.field{gap:var(--space-2);font-weight:var(--weight-semibold);font-size:var(--text-sm);display:grid}select{min-height:var(--control-height);padding:0 var(--space-3);color:var(--ink);background:var(--surface);border:var(--border-thin) solid var(--line-strong);border-radius:var(--radius);font-weight:var(--weight-regular);transition:border-color var(--duration-fast) var(--ease-out)}select:hover{border-color:var(--muted)}.step{font-size:var(--text-xs);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--muted);margin:0}.verdict-head{gap:var(--space-3);flex-direction:column;display:flex}.status{align-items:center;gap:var(--space-2);width:fit-content;padding:var(--space-1) var(--space-3);border-radius:var(--radius-pill);font-size:var(--text-xs);font-weight:var(--weight-bold);letter-spacing:var(--tracking-status);border:var(--border-thin) solid transparent;display:inline-flex}.status:before{content:"";width:var(--status-dot);height:var(--status-dot);border-radius:var(--radius-pill);background:currentColor}.status.pass{color:var(--pass-ink);background:var(--pass-bg);border-color:var(--pass-line)}.status.check{color:var(--check-ink);background:var(--check-bg);border-color:var(--check-line)}.findings{gap:var(--space-3);display:grid}.finding{padding:var(--space-4);border-radius:var(--radius);border:var(--border-thin) solid var(--line);background:var(--surface-sunken)}.finding.check{background:var(--check-bg);border-color:var(--check-line)}.finding.info{background:var(--accent-soft);border-color:var(--pass-line)}.finding strong{font-weight:var(--weight-semibold);display:block}.finding p{margin:var(--space-1) 0 0;color:var(--ink-soft);font-size:var(--text-sm);line-height:var(--leading-snug)}.finding .action{margin-top:var(--space-2);color:var(--check-ink);font-weight:var(--weight-medium)}.evidence{padding:var(--space-4);border-radius:var(--radius);background:var(--surface-sunken);border:var(--border-thin) solid var(--line)}.evidence-label{margin-bottom:var(--space-3);font-size:var(--text-xs);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--muted);display:block}.level{gap:var(--space-2);display:grid}.level-row{font-size:var(--text-sm);justify-content:space-between;align-items:baseline;display:flex}.level-row .clip{font-weight:var(--weight-medium);color:var(--muted)}.level-row .clip.active{color:var(--check)}.meter{height:var(--meter-height);background:var(--meter-track);border-radius:var(--radius-pill);overflow:hidden}.meter span{width:var(--level);background:var(--accent);border-radius:inherit;height:100%;transition:width var(--duration-fast) linear;display:block}.notice{padding:var(--space-4);border-radius:var(--radius);background:var(--accent-soft);border:var(--border-thin) solid var(--pass-line);color:var(--pass-ink);font-size:var(--text-sm);line-height:var(--leading-snug)}.playback{gap:var(--space-3);padding:var(--space-4);border-radius:var(--radius);border:var(--border-thin) dashed var(--line-strong);display:grid}.playback p{color:var(--muted);font-size:var(--text-sm);line-height:var(--leading-snug);margin:0}audio{width:100%}.error{color:var(--check-ink);font-weight:var(--weight-medium);font-size:var(--text-sm);margin:0}.panel-actions{margin-top:auto}footer{gap:var(--space-5);padding-block:var(--space-6);margin-top:var(--space-8);color:var(--muted);border-top:var(--border-thin) solid var(--line);font-size:var(--text-sm);flex-wrap:wrap;align-items:center;display:flex}footer a{min-height:var(--tap-target);color:var(--muted);transition:color var(--duration-fast) var(--ease-out);align-items:center;text-decoration:none;display:inline-flex}footer a:hover{color:var(--ink)}.skip-link{top:var(--space-2);left:var(--space-4);z-index:var(--z-skip);min-height:var(--tap-target);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);color:var(--on-accent);background:var(--accent);transform:translateY(var(--skip-link-offset));transition:transform var(--duration-fast) var(--ease-out);align-items:center;text-decoration:none;display:inline-flex;position:fixed}.skip-link:focus{transform:translateY(0)}:focus-visible{outline:var(--focus-ring-width) solid var(--focus);outline-offset:var(--focus-ring-offset)}.design-system{padding-block:var(--space-8);gap:var(--space-8);flex:1;display:grid}.design-system h1{max-width:none}.ds-section{gap:var(--space-4);display:grid}.ds-grid{grid-template-columns:repeat(auto-fill, minmax(var(--swatch-col), 1fr));gap:var(--space-3);display:grid}.swatch{gap:var(--space-2);min-height:var(--swatch-min-height);padding:var(--space-3);border-radius:var(--radius);border:var(--border-thin) solid var(--line);background:var(--surface);flex-direction:column;display:flex}.swatch-chip{min-height:var(--specimen-size);border-radius:var(--radius-sm);border:var(--border-thin) solid var(--line)}.ds-token{gap:var(--space-1);font-size:var(--text-xs);flex-direction:column;display:flex}.ds-token code{font-weight:var(--weight-semibold);color:var(--ink)}.ds-value{color:var(--muted);overflow-wrap:anywhere}.ds-list{grid-template-columns:repeat(auto-fill, minmax(var(--swatch-col), 1fr));gap:var(--space-3);display:grid}.ds-type{gap:var(--space-4);display:grid}.ds-type p{margin:0}.ds-type-row{gap:var(--space-2);flex-direction:column;display:flex}.ds-shadow{min-height:var(--specimen-size);padding:var(--space-4);border-radius:var(--radius);background:var(--surface);font-size:var(--text-xs);place-items:center;display:grid}.ds-states{gap:var(--space-4);display:grid}.ds-scale{gap:var(--space-2);display:grid}.ds-ruler{align-items:center;gap:var(--space-3);font-size:var(--text-xs);color:var(--muted);display:flex}.ds-ruler span{height:var(--space-3);background:var(--accent-soft);border:var(--border-thin) solid var(--pass-line);border-radius:var(--radius-sm);display:block}.ds-row{gap:var(--space-3);flex-wrap:wrap;align-items:center;display:flex}.ds-radii{gap:var(--space-4);flex-wrap:wrap;display:flex}.ds-radii span{min-width:var(--specimen-size);min-height:var(--specimen-size);padding:var(--space-3);background:var(--accent-soft);border:var(--border-thin) solid var(--pass-line);font-size:var(--text-xs);color:var(--pass-ink);place-items:center;display:grid}@media (width<=52rem){.check-layout{gap:var(--space-6);grid-template-columns:1fr}.intro{position:static}h1{font-size:var(--text-2xl);max-width:var(--measure-title-narrow)}.lede{max-width:none}}@keyframes panel-in{0%{opacity:0;transform:translateY(var(--shift-panel))}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}