*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--color-primary:#1f2937;--color-primary-dark:#0f172a;--color-danger:#e74c3c;--color-success:#2ecc71;--color-warning:#e67e22;--color-text:#333;--color-text-muted:#7f8c8d;--color-text-light:#95a5a6;--color-bg:#f5f5f5;--color-surface:#fff;--color-surface-alt:#f8f9fa;--color-border:#bdc3c7;--color-border-hover:#1f2937;--banner-surface:#f5f5f5;--banner-fill-hover:#f8f9fa;--banner-hairline:#bdc3c7;--banner-hairline-hover:#1f2937;--banner-ink:#2c3e50;--banner-ink-muted:#7f8c8d;--banner-ink-action:#1f2937;--banner-radius:4px;--tone-error-strong:var(--color-danger);--tone-error-soft:#c9706c;--tone-error-bg:#f3d8d4;--tone-warning-strong:var(--color-warning);--tone-warning-soft:#c69856;--tone-warning-bg:#f3e4cb;--tone-neutral-strong:#2c3e50;--tone-neutral-soft:#5a6d80;--tone-neutral-bg:#e1e8ee;--tone-slate-strong:var(--color-text-muted);--tone-slate-bg:#eaecee;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--side-menu-width:220px;--layout-gap:2rem;--font-sm:.875rem;--font-base:1rem;--font-lg:1.5rem;--font-xl:2.25rem;--content-header-min-height:11rem;--font-body:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;--font-mono:"Courier New", Courier, monospace}html{scrollbar-gutter:stable}body{font-family:var(--font-body);background-color:var(--color-bg);color:var(--color-text);line-height:1.6}@font-face{font-family:Material Symbols Outlined;font-style:normal;font-weight:400;font-display:block;src:url(/assets/material-symbols-subset-CCkAZbKy.woff2)format("woff2")}.material-symbols-outlined{letter-spacing:normal;text-transform:none;white-space:nowrap;word-wrap:normal;font-feature-settings:"liga";-webkit-font-smoothing:antialiased;direction:ltr;font-family:Material Symbols Outlined;font-style:normal;font-weight:400;line-height:1;display:inline-block}.public-shell{background-color:var(--color-bg);min-height:100vh;color:var(--tone-neutral-strong);flex-direction:column;align-items:center;display:flex}.public-brand{font-size:var(--font-lg);color:var(--tone-neutral-strong);align-items:center;font-weight:700;display:flex}.public-header{border-bottom:1px solid var(--color-border);background-color:var(--color-surface);width:100%}.public-header-inner{align-items:center;max-width:76rem;margin:0 auto;padding:1rem 1.5rem;display:flex}.public-hero-band{background-color:var(--color-bg);border-bottom:1px solid var(--color-border);width:100%;padding:4.5rem 1.5rem}.public-hero-inner{justify-content:space-between;align-items:center;gap:3.5rem;max-width:76rem;margin:0 auto;display:flex}.public-hero-left{flex:1;max-width:38rem}.public-headline{letter-spacing:-.02em;color:var(--tone-neutral-strong);font-size:2.5rem;font-weight:800;line-height:1.15}.public-hero-right{flex-direction:column;flex-shrink:0;align-items:center;width:100%;max-width:380px;display:flex}.public-access-note{color:var(--color-text-muted);text-align:center;margin-top:.75rem;font-size:.8125rem}@media (width<=860px){.public-hero-inner{text-align:center;flex-direction:column;gap:2.5rem}.public-hero-left{max-width:100%}}.public-main{flex:1;justify-content:center;align-items:flex-start;width:100%;padding:2rem 1rem;display:flex}.login-form{background-color:var(--color-surface);border-radius:var(--radius-lg);border:1px solid var(--color-border);flex-direction:column;gap:1rem;width:100%;max-width:380px;margin:0 auto;padding:2rem;display:flex;box-shadow:0 4px 20px #0000000d}.login-form h2{color:var(--tone-neutral-strong);font-size:var(--font-lg);margin:0}.login-hint{color:var(--color-text-muted);margin:0 0 .5rem;font-size:.9rem}.login-field{flex-direction:column;gap:.35rem;font-size:.9rem;display:flex}.login-field span{color:var(--tone-neutral-strong);font-weight:500}.login-field input{border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:var(--font-base);background-color:var(--color-surface);padding:.6rem .75rem}.login-field input:focus{border-color:var(--color-primary);outline:none}.login-field input[readonly]{background-color:var(--color-surface-alt);color:var(--color-text-muted);cursor:not-allowed}.login-field input[readonly]:focus{border-color:var(--color-border)}.login-submit{background-color:var(--color-primary);color:#fff;border-radius:var(--radius-sm);font-size:var(--font-base);cursor:pointer;border:none;padding:.7rem 1rem;transition:background-color .2s}.login-submit:hover:not(:disabled){background-color:var(--color-primary-dark)}.login-submit:disabled{opacity:.7;cursor:not-allowed}.login-link{color:var(--color-primary);cursor:pointer;background:0 0;border:none;align-self:flex-start;padding:0;font-size:.9rem;text-decoration:underline}.login-link:hover{color:var(--color-primary-dark)}.status{border-radius:var(--radius-sm);padding:.6rem .75rem;font-size:.9rem}.status-error{background-color:var(--color-danger);color:#fff}.landing-explainer{flex-direction:column;width:100%;display:flex}.explainer-band{width:100%;padding:3rem 1.5rem}.explainer-band-features{background-color:var(--color-surface);border-top:1px solid color-mix(in srgb, var(--color-border) 25%, transparent);border-bottom:1px solid color-mix(in srgb, var(--color-border) 25%, transparent);padding-top:1.25rem}.explainer-band-inner{flex-direction:column;gap:3rem;width:100%;max-width:68rem;margin:0 auto;display:flex}.explainer-header{text-align:center;flex-direction:column;align-items:center;max-width:48rem;margin:0 auto;display:flex}.explainer-title{color:var(--color-primary);letter-spacing:-.02em;font-size:2.25rem;font-weight:800;line-height:1.2}.explainer-grid{gap:1.5rem;display:grid}.grid-cols-4{grid-template-columns:repeat(4,1fr)}.grid-auto{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2rem}@media (width<=1120px){.grid-cols-4{grid-template-rows:repeat(8,auto);grid-template-columns:repeat(2,1fr)}}@media (width<=640px){.grid-cols-4{grid-template-rows:repeat(16,auto);grid-template-columns:1fr}}.explainer-card{background-color:color-mix(in srgb, var(--color-primary) 2%, var(--color-surface));border:1px solid color-mix(in srgb, var(--color-border) 35%, transparent);border-radius:1.25rem;flex-direction:column;gap:1rem;padding:2rem 1.6rem;display:flex;box-shadow:0 4px 16px #09142605}.card-featured{border-color:color-mix(in srgb, var(--color-primary) 40%, transparent);background-color:color-mix(in srgb, var(--color-primary) 2%, var(--color-surface));box-shadow:0 4px 20px color-mix(in srgb, var(--color-primary) 8%, transparent)}.card-center{text-align:center;align-items:center;width:100%;max-width:36rem;padding:2.25rem 2rem}.card-center h4{color:var(--color-primary);font-size:1.2rem;font-weight:700;line-height:1.35}.card-center p{color:var(--color-text-muted);font-size:.875rem;line-height:1.55}.explainer-step{flex-direction:column;display:flex}@supports (grid-template-rows:subgrid){.grid-cols-4{grid-template-rows:repeat(4,auto);row-gap:.75rem}.explainer-step{grid-row:span 4;grid-template-rows:subgrid;row-gap:.75rem;display:grid}.explainer-step .step-num,.explainer-step .step-title,.explainer-step .step-desc{min-height:0;margin-bottom:0}}.step-num{color:color-mix(in srgb, var(--color-primary) 25%, transparent);margin-bottom:.75rem;font-size:1.5rem;font-weight:900;line-height:1}.step-title{color:var(--color-primary);align-items:flex-start;min-height:3.25rem;margin-bottom:.75rem;font-size:1.2rem;font-weight:700;line-height:1.35;display:flex}.step-desc{color:var(--color-text-muted);min-height:4.5rem;margin-bottom:1.5rem;font-size:.875rem;line-height:1.55}.step-example{background-color:var(--color-bg);border:1px solid color-mix(in srgb, var(--color-border) 35%, transparent);border-radius:var(--radius-md,8px);flex-direction:column;flex-grow:1;gap:.6rem;padding:1rem;display:flex}.explainer-badge{white-space:nowrap;align-items:center;gap:.4rem;display:inline-flex}.badge-outline{background-color:var(--color-surface);border:1px solid color-mix(in srgb, var(--color-border) 45%, transparent);border-radius:var(--radius-sm,4px);color:var(--color-primary);padding:.35rem .55rem;font-size:.71875rem;font-weight:600}.badge-pill{border-radius:9999px;padding:.25rem .65rem;font-size:.75rem;font-weight:700}.badge-label{text-transform:uppercase;letter-spacing:.06em;min-height:1.25rem;color:var(--color-text-muted);font-size:.6875rem;font-weight:800;line-height:1.3;display:block}.badge-group{flex-wrap:wrap;gap:.35rem;display:flex}.badge-group-col{flex-direction:column}.status-dot{border-radius:9999px;flex-shrink:0;width:.55rem;height:.55rem}.status-dot.obsolete{background-color:var(--color-danger)}.status-dot.modified{background-color:var(--color-warning)}.status-dot.future{background-color:color-mix(in srgb, var(--color-primary) 70%, transparent)}.status-dot.unresolved{background-color:var(--color-text-muted)}.comparison-header{border-bottom:1px solid color-mix(in srgb, var(--color-border) 40%, transparent);align-items:center;gap:.75rem;padding-bottom:1.25rem;display:flex}.comparison-icon{font-size:1.75rem}.comparison-icon.icon-warning{color:var(--color-warning)}.comparison-icon.icon-success{color:var(--color-success)}.comparison-header h3{color:var(--color-primary);font-size:1.25rem;font-weight:700}.comparison-points{flex-direction:column;gap:1.75rem;display:flex}.comparison-point{flex-direction:column;gap:.5rem;display:flex}.comparison-point h4{color:var(--color-primary);flex-wrap:wrap;align-items:baseline;gap:.35rem;font-size:1.15rem;font-weight:700;line-height:1.3;display:flex}.comparison-point h4 strong{letter-spacing:-.01em;font-weight:800}.comparison-sep{color:var(--color-text-muted);font-weight:400}.verdict-warning,.verdict-success{font-size:1rem;font-weight:600}.verdict-warning{color:var(--color-warning)}.verdict-success{color:var(--color-success)}.comparison-point p{color:var(--color-text);font-size:.9375rem;line-height:1.55}.comparison-point details{margin-top:.2rem}.comparison-point summary{cursor:pointer;color:var(--color-text-muted);-webkit-user-select:none;user-select:none;padding:.2rem 0;font-size:.8125rem;font-weight:600;transition:color .15s}.comparison-point summary:hover{color:var(--color-text)}.comparison-note{color:var(--color-text-muted);background-color:var(--color-bg);border-left:2px solid color-mix(in srgb, var(--color-border) 60%, transparent);border-radius:0 var(--radius-sm,4px) var(--radius-sm,4px) 0;margin-top:.4rem;padding:.65rem .9rem;font-size:.8125rem;line-height:1.55}.audit-callout{background-color:var(--color-surface);border:1px solid color-mix(in srgb, var(--color-border) 40%, transparent);border-radius:1rem;align-items:flex-start;gap:1.25rem;padding:1.5rem 1.75rem;display:flex;box-shadow:0 4px 16px #09142605}.audit-callout-icon{color:var(--color-primary);flex-shrink:0;font-size:2rem}.audit-callout-content{flex-direction:column;gap:.35rem;width:100%;display:flex}.audit-callout-content>strong{color:var(--color-primary);font-size:1.05rem}.audit-callout-content>p{color:var(--color-text-muted);font-size:.9rem;line-height:1.55}.audit-vertical-flow{flex-direction:column;gap:.75rem;margin-top:.75rem;display:flex}.audit-flow-step{flex-direction:column;gap:.4rem;display:flex}.audit-flow-label{text-transform:uppercase;letter-spacing:.05em;color:var(--color-primary);font-size:.75rem;font-weight:700}.audit-flow-arrow{color:var(--color-text-muted);align-items:center;gap:.5rem;padding-left:.25rem;font-size:.8125rem;font-style:italic;display:flex}.audit-flow-arrow .material-symbols-outlined{color:var(--color-primary);font-size:1.25rem}.audit-sample-box{background-color:var(--color-bg);border:1px solid color-mix(in srgb, var(--color-border) 40%, transparent);border-radius:var(--radius-sm,4px);margin:0;padding:.9rem 1.1rem}.audit-sample-text{color:var(--color-text);font-size:.9rem;line-height:1.6}.audit-sample-text mark{color:var(--color-text);background-color:color-mix(in srgb, var(--color-warning) 30%, transparent);border-radius:.2rem;padding:.1rem .3rem;font-weight:700}.audit-sample-json{font-family:var(--font-mono);color:var(--color-primary);font-size:.8125rem;line-height:1.45;overflow-x:auto}.audit-drawer{margin-top:1rem}.audit-drawer summary{background-color:var(--color-bg);border:1px solid color-mix(in srgb, var(--color-border) 50%, transparent);border-radius:var(--radius-sm,4px);color:var(--color-primary);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:.5rem;padding:.4rem .85rem;font-size:.8125rem;font-weight:600;transition:background-color .15s,color .15s,border-color .15s;display:inline-flex}.audit-drawer summary:hover{background-color:var(--color-surface);border-color:var(--color-border-hover)}.audit-drawer-body{border-top:1px solid color-mix(in srgb, var(--color-border) 35%, transparent);flex-direction:column;gap:1.25rem;margin-top:1rem;padding-top:1.25rem;display:flex}.audit-tabs{flex-wrap:wrap;gap:.5rem;display:flex}.audit-tab{background-color:var(--color-bg);border:1px solid color-mix(in srgb, var(--color-border) 40%, transparent);border-radius:var(--radius-sm,4px);color:var(--color-text-muted);cursor:pointer;padding:.4rem .9rem;font-size:.8125rem;font-weight:600;transition:all .15s}.audit-tab:hover{background-color:var(--color-surface);color:var(--color-text)}.audit-tab[aria-selected=true]{background-color:var(--color-surface);border-color:var(--color-primary);color:var(--color-primary)}.audit-steps{flex-direction:column;gap:.85rem;display:flex}.audit-shortcut{color:var(--color-text-muted);font-size:.8125rem}.audit-shortcut code{font-family:var(--font-mono);background-color:var(--color-bg);border:1px solid color-mix(in srgb, var(--color-border) 40%, transparent);color:var(--color-primary);border-radius:.25rem;padding:.15rem .45rem;font-size:.8125rem}.audit-steps ol{color:var(--color-text);flex-direction:column;gap:.5rem;padding-left:1.25rem;font-size:.85rem;line-height:1.5;display:flex}.audit-note{color:var(--color-warning);margin-top:.25rem;font-size:.75rem}.explainer-band-coverage{background-color:var(--color-surface);border-top:1px solid color-mix(in srgb, var(--color-border) 25%, transparent)}.coverage-table-wrap{background-color:var(--color-surface);border:1px solid color-mix(in srgb, var(--color-border) 40%, transparent);border-radius:1.25rem;width:100%;overflow-x:auto;box-shadow:0 4px 20px #09142608}.coverage-table{border-collapse:collapse;text-align:left;width:100%;font-size:.875rem}.coverage-table th{background-color:color-mix(in srgb, var(--color-primary) 5%, transparent);color:var(--color-primary);border-bottom:2px solid color-mix(in srgb, var(--color-border) 40%, transparent);white-space:nowrap;padding:1.1rem 1.25rem;font-weight:700}.coverage-table td{border-bottom:1px solid color-mix(in srgb, var(--color-border) 25%, transparent);vertical-align:middle;padding:1rem 1.25rem}.coverage-table code{color:var(--color-text-muted);font-size:.8125rem}.coverage-group-row td{background-color:color-mix(in srgb, var(--color-primary) 3%, transparent);letter-spacing:.05em;text-transform:uppercase;color:var(--color-primary);border-top:1px solid color-mix(in srgb, var(--color-border) 40%, transparent);border-bottom:1px solid color-mix(in srgb, var(--color-border) 25%, transparent);padding:.85rem 1.25rem;font-size:.8125rem;font-weight:700}tbody tr:first-child.coverage-group-row td{border-top:none}.coverage-badge-available{background-color:color-mix(in srgb, var(--color-success) 15%, transparent);color:var(--color-success)}.coverage-badge-in_progress{background-color:color-mix(in srgb, var(--color-warning) 15%, transparent);color:var(--color-warning)}.coverage-badge-roadmap{background-color:color-mix(in srgb, var(--color-text-muted) 15%, transparent);color:var(--color-text-muted)}.roadmap-section{flex-direction:column;gap:2rem;margin-top:1.5rem;display:flex}.roadmap-header{text-align:center}.roadmap-header h3{color:var(--color-primary);font-size:1.5rem;font-weight:700}.card-center .material-symbols-outlined{color:var(--color-primary);font-size:2rem}.explainer-footer{background-color:var(--color-surface);border-top:1px solid color-mix(in srgb, var(--color-border) 35%, transparent);color:var(--color-text-muted);justify-content:center;padding:1.5rem;font-size:.8125rem;display:flex}.roadmap-grid{justify-content:center;display:flex}.brand{flex-shrink:0;align-items:center;gap:.75rem;display:inline-flex}.brand-logo{flex-shrink:0;width:auto;height:2.25rem}.brand-name{white-space:nowrap}