@import "https://fonts.googleapis.com/css2?family=Hanken+Grotesk:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;500;600;700&display=swap";
:root{--coral-50:#fff1f3;--coral-100:#ffe1e6;--coral-200:#ffc3cc;--coral-300:#fb97a6;--coral-400:#fa6e82;--coral-500:#f85068;--coral-600:#e5384f;--coral-700:#c2263a;--coral-800:#9b1f2f;--coral-900:#7a1b27;--ink-950:#0c0d10;--ink-900:#14161b;--ink-800:#1f232b;--ink-700:#2c313b;--ink-600:#3d4450;--ink-500:#5a626f;--ink-400:#7c8492;--ink-300:#a3aab6;--ink-200:#c9cdd6;--ink-100:#e4e7ec;--ink-50:#f2f4f7;--ink-25:#f8f9fb;--white:#fff;--green-50:#e7f8f1;--green-100:#c5eedd;--green-500:#11a974;--green-600:#0b7a55;--green-700:#086041;--red-50:#feedec;--red-500:#e5453a;--red-600:#d92d20;--amber-50:#fdf3e2;--amber-500:#e8a317;--amber-600:#b9810f;--text-primary:var(--ink-900);--text-secondary:var(--ink-500);--text-tertiary:var(--ink-400);--text-disabled:var(--ink-300);--text-brand:var(--coral-600);--text-on-brand:var(--white);--text-on-dark:var(--ink-50);--text-on-dark-muted:var(--ink-300);--text-positive:var(--green-600);--text-negative:var(--red-600);--surface-page:var(--white);--surface-subtle:var(--ink-25);--surface-muted:var(--ink-50);--surface-card:var(--white);--surface-inverse:var(--ink-950);--surface-inverse-raised:var(--ink-900);--surface-brand:var(--coral-500);--surface-brand-subtle:var(--coral-50);--surface-positive-subtle:var(--green-50);--surface-negative-subtle:var(--red-50);--surface-caution-subtle:var(--amber-50);--border-subtle:var(--ink-100);--border-default:var(--ink-200);--border-strong:var(--ink-300);--border-inverse:#ffffff24;--border-brand:var(--coral-500);--brand:var(--coral-500);--brand-hover:var(--coral-600);--brand-active:var(--coral-700);--brand-subtle-hover:var(--coral-100);--focus-ring:0 0 0 var(--focus-ring-width) var(--focus-ring-color);--font-sans:"Hanken Grotesk", system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono:"JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;--text-2xs:.6875rem;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.375rem;--text-2xl:1.75rem;--text-3xl:2.25rem;--text-4xl:3rem;--text-5xl:3.75rem;--text-6xl:4.75rem;--weight-regular:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--weight-extrabold:800;--leading-none:1;--leading-tight:1.08;--leading-snug:1.2;--leading-normal:1.5;--leading-relaxed:1.65;--tracking-tighter:-.03em;--tracking-tight:-.015em;--tracking-normal:0;--tracking-wide:.02em;--tracking-eyebrow:.09em;--fontfeat-tnum:"tnum" 1, "lnum" 1;--font-display:var(--font-sans);--font-body:var(--font-sans);--font-data:var(--font-mono);--text-eyebrow-size:var(--text-xs);--text-body-size:var(--text-base);--text-cta-size:var(--text-sm);--space-0:0;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--space-32:8rem;--gap-card:var(--space-6);--pad-card:var(--space-6);--pad-card-lg:var(--space-8);--gap-section:var(--space-24);--pad-control-x:var(--space-5);--pad-control-y:var(--space-3);--container-max:1200px;--container-wide:1320px;--container-text:680px;--gutter:var(--space-6);--radius-xs:4px;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-xl:20px;--radius-2xl:28px;--radius-pill:999px;--border-width:1px;--border-width-strong:1.5px;--shadow-xs:0 1px 2px #0c0d100f;--shadow-sm:0 1px 3px #0c0d1014, 0 1px 2px #0c0d100a;--shadow-md:0 4px 14px #0c0d1014, 0 1px 3px #0c0d100d;--shadow-lg:0 14px 38px #0c0d101f, 0 4px 10px #0c0d100f;--shadow-brand:0 8px 22px #f8506847;--focus-ring-width:3px;--focus-ring-color:#f8506873;--focus-ring-offset:0 0 0 2px var(--white), 0 0 0 5px var(--focus-ring-color);--ease-out:cubic-bezier(.22, 1, .36, 1);--ease-inout:cubic-bezier(.65, 0, .35, 1);--dur-fast:.12s;--dur-base:.2s;--dur-slow:.32s}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{font-family:var(--font-body);font-size:var(--text-body-size);line-height:var(--leading-normal);color:var(--text-primary);background:var(--surface-page);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:var(--weight-bold);line-height:var(--leading-tight);letter-spacing:var(--tracking-tight);color:var(--text-primary);text-wrap:balance;margin:0}p{text-wrap:pretty;margin:0}a{color:var(--text-brand);text-decoration:none}a:hover{text-decoration:underline}.tnum,[data-tnum],table td,table th{font-variant-numeric:tabular-nums lining-nums;font-feature-settings:var(--fontfeat-tnum)}.eyebrow{font-family:var(--font-data);font-size:var(--text-eyebrow-size);font-weight:var(--weight-medium);letter-spacing:var(--tracking-eyebrow);text-transform:uppercase;color:var(--text-brand)}:focus-visible{box-shadow:var(--focus-ring);border-radius:var(--radius-sm);outline:none}::selection{background:var(--coral-200);color:var(--ink-900)}.si-container{width:100%;max-width:var(--container-max);padding-inline:var(--gutter);margin-inline:auto}
body{background:var(--surface-subtle);font-size:14px}a{color:var(--text-brand)}a:hover{color:var(--brand-active)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--ink-200);background-clip:content-box;border:3px solid #0000;border-radius:999px}.card{background:var(--surface-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg)}.card-header{border-bottom:1px solid var(--border-subtle);align-items:center;gap:14px;padding:14px 18px;display:flex}.card-title{letter-spacing:-.01em;margin:0;font-size:15px;font-weight:700}.mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.mono-label{font-family:var(--font-mono);letter-spacing:.09em;text-transform:uppercase;color:var(--text-tertiary);font-size:10px}.mono-meta{font-family:var(--font-mono);color:var(--text-tertiary);font-size:11px}.page-eyebrow{font-family:var(--font-mono);letter-spacing:.09em;text-transform:uppercase;color:var(--text-brand);font-size:11px}.page-title{letter-spacing:-.02em;margin:0;font-size:28px;font-weight:800}.table-head{background:var(--surface-subtle);border-bottom:1px solid var(--border-subtle);font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--text-tertiary);gap:12px;padding:9px 18px;font-size:10px;display:grid}.table-row{border-bottom:1px solid var(--ink-50);align-items:center;gap:12px;padding:13px 18px;display:grid}.table-row-hover:hover{background:var(--surface-subtle)}.evidence-chip{font-family:var(--font-mono);color:var(--ink-600);background:var(--ink-50);border:1px solid var(--border-subtle);border-radius:4px;padding:2px 6px;font-size:10.5px}.input{box-sizing:border-box;border:1px solid var(--border-default);width:100%;font-size:13px;font-family:var(--font-sans);background:var(--white);color:var(--text-primary);border-radius:10px;padding:8px 11px;display:block}.input:focus{border-color:var(--coral-500);outline:none;box-shadow:0 0 0 3px #f8506826}.select-box{border:1px solid var(--border-default);cursor:pointer;background:var(--white);border-radius:10px;align-items:center;gap:9px;padding:7px 11px;display:flex}.select-box:hover{border-color:var(--ink-900)}.pill{font-family:var(--font-mono);letter-spacing:.04em;text-transform:uppercase;border:1px solid var(--border-default);background:var(--white);color:var(--text-secondary);cursor:pointer;border-radius:999px;padding:7px 12px;font-size:11px}.pill-active{border-color:var(--ink-900);background:var(--ink-950);color:var(--white)}.dark-panel{background:var(--ink-950);border-radius:var(--radius-lg);color:var(--ink-200)}.action-bar{background:var(--ink-950);align-items:center;gap:14px;padding:13px 18px;display:flex;position:sticky;bottom:0}.audit-page{color:var(--text-primary);font-size:14.5px;line-height:1.6}.audit-page h1{letter-spacing:-.015em;margin:34px 0 10px;font-size:21px;font-weight:800}.audit-page h2{letter-spacing:-.01em;margin:24px 0 8px;font-size:17px;font-weight:700}.audit-page h3{margin:18px 0 6px;font-size:15px;font-weight:700}.audit-page p{margin:8px 0}.audit-page ul,.audit-page ol{margin:8px 0 12px;padding-left:22px}.audit-page li{margin:4px 0}.audit-page a{color:var(--coral-600)}.audit-page code{font-family:var(--font-mono);background:var(--ink-50);border-radius:4px;padding:1px 5px;font-size:12px}.audit-page .report-section{border-top:1px solid var(--border-subtle);margin-top:28px;padding-top:16px}.audit-page .report-section:first-child{border-top:none;margin-top:0;padding-top:0}.audit-page .report-section>h1:first-child{margin-top:0}.audit-page .bottom-line{background:var(--surface-subtle);border-left:4px solid var(--coral-500);border-radius:0 8px 8px 0;margin:12px 0 16px;padding:12px 16px}.audit-page .bottom-line p:first-child{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--coral-600);margin-top:0;font-size:10.5px;font-weight:600}.audit-page .bottom-line ul{margin-bottom:0}.audit-page .tag{font-family:var(--font-mono);vertical-align:middle;white-space:nowrap;border-radius:10px;padding:1px 8px;font-size:10px;font-weight:600;display:inline-block}.audit-page .tag-critical{background:var(--red-50);color:var(--red-600)}.audit-page .tag-quickwin{background:var(--green-50);color:var(--green-700)}.audit-page .tag-highimpact{background:var(--coral-50);color:var(--coral-600)}.audit-page .tag-monitor{background:var(--ink-50);color:var(--text-secondary)}.audit-page .tag-verify{background:var(--amber-50);color:var(--amber-600)}.audit-page .pill{text-align:center;min-width:44px;font-family:var(--font-mono);border-radius:12px;padding:2px 10px;font-size:12px;font-weight:600;display:inline-block}.audit-page .pill-good{background:var(--green-50);color:var(--green-700)}.audit-page .pill-warn{background:var(--amber-50);color:var(--amber-600)}.audit-page .pill-bad{background:var(--red-50);color:var(--red-600)}.audit-page .pass{color:var(--green-700);font-weight:700}.audit-page .fail{color:var(--red-600);font-weight:700}.audit-page .na{color:var(--text-tertiary);font-weight:600}.audit-page .delta-up{color:var(--green-700);font-variant-numeric:tabular-nums;font-weight:700}.audit-page .delta-down{color:var(--red-600);font-variant-numeric:tabular-nums;font-weight:700}.audit-page .caption{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--text-tertiary);margin:14px 0 4px;font-size:10.5px;font-weight:600}.audit-page table{border-collapse:collapse;width:100%;margin:4px 0 16px;font-size:13px}.audit-page th,.audit-page td{border:1px solid var(--border-subtle);text-align:left;vertical-align:top;padding:6px 10px}.audit-page th{background:var(--surface-subtle);font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--text-tertiary);font-size:10px;font-weight:600}.audit-page tbody tr:nth-child(2n){background:var(--ink-25)}.audit-page .num{text-align:right;font-variant-numeric:tabular-nums}.audit-page .kpi-row{flex-wrap:wrap;gap:12px;margin:14px 0;display:flex}.audit-page .kpi{background:var(--surface-subtle);border:1px solid var(--border-subtle);border-radius:10px;flex:150px;padding:12px 14px}.audit-page .kpi-num{letter-spacing:-.01em;font-variant-numeric:tabular-nums;font-size:22px;font-weight:800;line-height:1.2}.audit-page .kpi-label{font-family:var(--font-mono);letter-spacing:.07em;text-transform:uppercase;color:var(--text-tertiary);margin-top:3px;font-size:10px}.audit-page .wave{border:1px solid var(--border-subtle);border-radius:10px;margin:12px 0;padding:4px 16px 10px}.audit-page .wave h3{color:var(--coral-600);margin-top:12px}.audit-page .data-gap{background:var(--amber-50);border-left:4px solid var(--amber-500);border-radius:0 8px 8px 0;margin:14px 0;padding:10px 14px;font-size:13px}@keyframes pulse{0%,to{opacity:1}50%{opacity:.35}}@media (prefers-reduced-motion:reduce){[style*=animation]{animation:none!important}}.app-nav{flex:0 0 244px;align-self:flex-start;width:244px;height:100vh;position:sticky;top:0;overflow-y:auto}.app-content{padding:26px 28px 72px}@media (max-width:1280px){.app-nav{flex:0 0 212px;width:212px}.app-content{padding:22px 20px 64px}}@media (max-width:1000px){.app-nav{flex:0 0 180px;width:180px}.app-content{padding:18px 14px 56px}}@media (max-width:760px){.app-shell{flex-direction:column}.app-nav{flex:none;width:100%;height:auto;max-height:44vh;position:static}.app-content{padding:14px 12px 48px}}@media (max-width:900px){.pane-row{flex-wrap:wrap}.pane-row>*{min-width:0}}
