body{margin:0;padding:0}:root{--brand-navy:#14213d;--brand-blue:#1a4fa3;--brand-green:#138808;--brand-saffron:#f93;--brand-paper:#fafaf8;--brand-slate:#4b5563;--trust-navy:var(--brand-navy);--verification-green:var(--brand-green);--assurance-teal:var(--brand-blue);--signal-gold:var(--brand-saffron);--bg-cloud:var(--brand-paper);--bg-white:#fff;--bg-nav:var(--brand-navy);--bg-nav-hover:#ffffff14;--bg-nav-active:#13880826;--bg-subtle:#f3f4f6;--bg-hover:#e5e7eb;--bg-selected:#e6f4e8;--text-primary:var(--brand-navy);--text-body:.9375rem;--text-muted:#6b7280;--text-inverse:#fff;--text-nav:#ffffffbf;--text-nav-active:#fff;--text-link:var(--brand-blue);--text-secondary:var(--brand-slate);--status-active:var(--brand-green);--status-active-bg:#e6f4e8;--status-review:var(--brand-saffron);--status-review-bg:#fff7ed;--status-conflict:#ef4444;--status-conflict-bg:#fef2f2;--status-draft:var(--brand-slate);--status-draft-bg:#f3f4f6;--status-superseded:#9ca3af;--status-superseded-bg:#f9fafb;--error:#dc2626;--error-surface:#fef2f2;--error-border:#fca5a5;--success:var(--brand-green);--success-surface:#e6f4e8;--success-border:#86efac;--warning:var(--brand-saffron);--warning-surface:#fff7ed;--warning-border:#fdba74;--info-color:var(--brand-blue);--info-surface:#eef4fc;--info-border:#bfd5f0;--border:#e5e7eb;--border-strong:#d1d5db;--border-focus:var(--brand-blue);--border-color:var(--border);--accent-color:var(--brand-blue);--glass-border:#ffffff29;--font-serif:"Newsreader", "Iowan Old Style", "Palatino Linotype", Georgia, serif;--font-sans:"Space Grotesk", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-mono:"JetBrains Mono", "SF Mono", "Fira Code", "Cascadia Code", monospace;--font-heading:var(--font-serif);--text-display:2.5rem;--lh-display:2.875rem;--text-h1:1.9375rem;--lh-h1:2.375rem;--text-h2:1.4375rem;--lh-h2:1.875rem;--text-h3:1.125rem;--lh-h3:1.625rem;--lh-body:1.5rem;--text-read:1.0625rem;--lh-read:1.75rem;--text-small:.8125rem;--lh-small:1.25rem;--text-meta:.75rem;--lh-meta:1.125rem;--fw-regular:400;--fw-medium:500;--fw-semibold:600;--fw-bold:700;--tracking-display:-.02em;--tracking-heading:-.01em;--tracking-label:.08em;--measure:68ch;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-6:1.5rem;--space-8:2rem;--space-12:3rem;--space-16:4rem;--radius-sm:3px;--radius-md:5px;--radius-lg:8px;--radius-xl:10px;--radius-pill:9999px;--shadow-sm:0 1px 2px #14213d0f;--shadow-md:0 4px 12px -2px #14213d14, 0 2px 4px -1px #14213d0a;--shadow-lg:0 12px 24px -4px #14213d1f, 0 4px 8px -2px #14213d0f;--shadow-card:0 1px 2px #14213d0d, 0 1px 1px #14213d08;--shadow-card-hover:0 10px 20px -6px #14213d1a, 0 3px 8px -2px #14213d0d;--shadow-focus:0 0 0 3px #1a4fa347;--shadow-glow:0 0 20px #13880826;--gradient-navy:linear-gradient(135deg, #14213d 0%, #0f172a 100%);--gradient-card:linear-gradient(180deg, #fff 0%, #fafaf8 100%);--gradient-accent:linear-gradient(90deg, #1a4fa3 0%, #138808 50%, #f93 100%);--nav-width:240px;--nav-collapsed:72px;--topbar-height:56px;--content-max:1600px;--reading-max:880px;--context-panel:400px;--transition-fast:.12s cubic-bezier(.2, 0, .2, 1);--transition-normal:.2s cubic-bezier(.2, 0, .2, 1);--transition-slow:.3s cubic-bezier(.2, 0, .2, 1);--transition-smooth:var(--transition-normal);--z-base:1;--z-sticky:10;--z-nav:20;--z-overlay:50;--z-modal:100;--z-toast:200}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;font-size:16px}body{font-family:var(--font-sans);font-size:var(--text-body);line-height:var(--lh-body);color:var(--text-body);background-color:var(--bg-cloud);min-height:100dvh}#root{min-height:100dvh}h1,h2,h3,h4,h5,h6,.text-display,.text-h1,.text-h2,.text-h3{font-family:var(--font-heading);letter-spacing:var(--tracking-heading);text-wrap:balance}.text-display,h1,.text-h1{letter-spacing:var(--tracking-display)}p{text-wrap:pretty}table,.tabular,[class*=metric],[class*=stat]{font-variant-numeric:tabular-nums}:focus-visible{outline:2px solid var(--border-focus);outline-offset:2px;border-radius:var(--radius-sm)}html{scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.skip-link{z-index:var(--z-toast);padding:var(--space-3) var(--space-4);background:var(--brand-navy);color:var(--text-inverse);font-family:var(--font-sans);font-size:var(--text-small);border-radius:0 0 var(--radius-md) 0;position:absolute;top:0;left:-9999px}.skip-link:focus{left:0}a{color:var(--text-link);text-decoration:none}a:hover{text-decoration:underline}button{cursor:pointer;font-family:inherit;font-size:inherit;background:0 0;border:none}input,textarea,select{font-family:inherit;font-size:inherit}img,svg{max-width:100%;display:block}ul,ol{list-style:none}.text-display{font-size:var(--text-display);line-height:var(--lh-display);font-weight:var(--fw-semibold);color:var(--text-primary)}h1,.text-h1{font-size:var(--text-h1);line-height:var(--lh-h1);font-weight:var(--fw-semibold);color:var(--text-primary)}h2,.text-h2{font-size:var(--text-h2);line-height:var(--lh-h2);font-weight:var(--fw-semibold);color:var(--text-primary)}h3,.text-h3{font-size:var(--text-h3);line-height:var(--lh-h3);font-weight:var(--fw-semibold);color:var(--text-primary)}.text-body{font-size:var(--text-body);line-height:var(--lh-body);color:var(--text-body)}.text-small{font-size:var(--text-small);line-height:var(--lh-small);color:var(--text-muted)}.text-meta{font-size:var(--text-meta);line-height:var(--lh-meta);font-weight:var(--fw-medium);color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em}.text-mono{font-family:var(--font-mono);font-size:var(--text-small)}.btn{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);font-size:var(--text-small);font-weight:var(--fw-medium);transition:all var(--transition-fast);white-space:nowrap;line-height:1.4;display:inline-flex}.btn-primary{background:var(--brand-green);color:var(--text-inverse);font-weight:var(--fw-semibold)}.btn-primary:hover{background:#0f6d06;box-shadow:0 2px 4px #13880833}.btn-secondary{background:var(--bg-white);color:var(--text-primary);border:1px solid var(--border);font-weight:var(--fw-medium)}.btn-secondary:hover{background:var(--bg-hover);border-color:var(--brand-blue);color:var(--brand-blue)}.btn-tertiary{color:var(--brand-blue);padding:var(--space-1) var(--space-2)}.btn-tertiary:hover{background:var(--bg-hover)}.btn-destructive{background:var(--error);color:var(--text-inverse)}.btn-destructive:hover{background:#b91c1c}.btn-icon{padding:var(--space-2);border-radius:var(--radius-md);color:var(--text-muted)}.btn-icon:hover{background:var(--bg-hover);color:var(--brand-navy)}.hero-banner{background:var(--gradient-navy);color:var(--text-inverse);border-radius:var(--radius-xl);padding:var(--space-8);box-shadow:var(--shadow-lg);border:1px solid #ffffff1a;position:relative;overflow:hidden}.hero-banner:after{content:"";pointer-events:none;background:radial-gradient(circle at 80% 20%,#1a4fa340 0%,#13880826 50%,#0000 80%);width:320px;height:100%;position:absolute;top:0;right:0}.card{background:var(--bg-white);border:1px solid var(--border);border-radius:var(--radius-xl);padding:var(--space-6);box-shadow:var(--shadow-card);transition:all var(--transition-normal)}.card-compact{padding:var(--space-4)}.card-premium{background:var(--gradient-card);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-card)}.card:hover{border-color:var(--border-strong)}.card-interactive{cursor:pointer;transition:border-color var(--transition-fast), box-shadow var(--transition-fast), transform var(--transition-fast)}.card-interactive:hover{border-color:var(--brand-blue);box-shadow:var(--shadow-card-hover);transform:translateY(-2px)}.input{width:100%;padding:var(--space-2) var(--space-3);border:1px solid var(--border);border-radius:var(--radius-md);font-size:var(--text-body);line-height:var(--lh-body);color:var(--text-primary);background:var(--bg-white);transition:border-color var(--transition-fast), box-shadow var(--transition-fast)}.input:focus{border-color:var(--border-focus);box-shadow:var(--shadow-focus);outline:none}.input::placeholder{color:var(--text-muted)}.divider{background:var(--border);border:none;height:1px}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-1{gap:var(--space-1)}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.sr-only{clip:rect(0, 0, 0, 0);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}:focus-visible{outline:2px solid var(--border-focus);outline-offset:2px}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}.citation{--citation-accent:var(--brand-blue);padding:var(--space-3) var(--space-4);border-left:2px solid var(--citation-accent);background:var(--bg-white);border-radius:0 var(--radius-md) var(--radius-md) 0;font-family:var(--font-mono);transition:background var(--transition-fast), border-color var(--transition-fast);display:block}.citation:hover{background:var(--bg-subtle)}.citation-urn{font-size:var(--text-small);line-height:var(--lh-small);color:var(--text-primary);font-weight:var(--fw-medium);word-break:break-all;display:block}.citation-provenance{gap:var(--space-1) var(--space-3);margin-top:var(--space-1);font-size:var(--text-meta);line-height:var(--lh-meta);color:var(--text-muted);font-variant-numeric:tabular-nums;flex-wrap:wrap;display:flex}.citation-provenance>*+:before{content:"·";margin-right:var(--space-3);color:var(--border-strong)}.citation[data-layer=statute]{--citation-accent:var(--brand-navy)}.citation[data-layer=rule]{--citation-accent:var(--brand-blue)}.citation[data-layer=case]{--citation-accent:#7c3aed}.citation[data-layer=opinion]{--citation-accent:var(--brand-saffron)}.citation[data-layer=superseded]{--citation-accent:var(--status-superseded);opacity:.7}.prose-statute{font-family:var(--font-serif);font-size:var(--text-read);line-height:var(--lh-read);color:var(--text-primary);max-width:var(--measure)}.prose-statute p+p{margin-top:var(--space-4)}.eyebrow{font-family:var(--font-sans);font-size:var(--text-meta);line-height:var(--lh-meta);font-weight:var(--fw-semibold);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--text-muted)}.status-badge{border-radius:var(--radius-pill);font-size:var(--text-meta);line-height:var(--lh-meta);font-weight:var(--fw-medium);white-space:nowrap;align-items:center;gap:4px;padding:2px 10px;display:inline-flex}.badge-sm{padding:1px 8px;font-size:11px}.badge-icon{font-size:8px}.badge-sm .badge-icon{font-size:7px}.badge-active{background:var(--status-active-bg);color:var(--status-active)}.badge-review{background:var(--status-review-bg);color:#92400e}.badge-conflict{background:var(--status-conflict-bg);color:var(--error)}.badge-draft{background:var(--status-draft-bg);color:var(--status-draft)}.badge-superseded{background:var(--status-superseded-bg);color:var(--status-superseded)}.priority-badge{border-radius:var(--radius-pill);font-size:11px;font-weight:var(--fw-semibold);text-transform:uppercase;letter-spacing:.05em;padding:2px 8px;display:inline-flex}.priority-critical{color:#991b1b;background:#fee2e2}.priority-high{color:#92400e;background:#fef3c7}.priority-medium{color:#075985;background:#e0f2fe}.priority-low{background:var(--bg-subtle);color:var(--text-muted)}.impact-badge{border-radius:var(--radius-pill);font-size:var(--text-meta);font-weight:var(--fw-medium);padding:2px 10px;display:inline-flex}.impact-critical{color:#991b1b;background:#fee2e2}.impact-high{color:#92400e;background:#fef3c7}.impact-medium{color:#075985;background:#e0f2fe}.impact-low{background:var(--bg-subtle);color:var(--text-muted)}.object-type-icon{justify-content:center;align-items:center;display:inline-flex}.object-type-badge{border-radius:var(--radius-pill);background:var(--bg-subtle);font-size:12px;font-weight:var(--fw-medium);color:var(--text-body);align-items:center;gap:4px;padding:2px 8px;display:inline-flex}.trust-compact{align-items:center;gap:6px;display:inline-flex}.trust-dot{border-radius:50%;width:8px;height:8px}.trust-high{background:var(--verification-green)}.trust-med{background:var(--signal-gold)}.trust-low{background:var(--error)}.trust-indicator{gap:var(--space-3);flex-direction:column;display:flex}.trust-dimensions{gap:var(--space-2);flex-direction:column;display:flex}.trust-row{align-items:center;gap:var(--space-2);grid-template-columns:140px 1fr 40px;display:grid}.trust-label{font-size:var(--text-small);color:var(--text-muted)}.trust-bar-track{background:var(--bg-subtle);border-radius:3px;height:6px;overflow:hidden}.trust-bar-fill{height:100%;transition:width var(--transition-slow);border-radius:3px}.trust-bar-fill.trust-high{background:var(--verification-green)}.trust-bar-fill.trust-med{background:var(--signal-gold)}.trust-bar-fill.trust-low{background:var(--error)}.trust-value{font-size:var(--text-small);font-weight:var(--fw-medium);color:var(--text-body);text-align:right}.trust-review-row{padding-top:var(--space-2);border-top:1px solid var(--border);justify-content:space-between;align-items:center;display:flex}.citation-card{border:1px solid var(--border);border-radius:var(--radius-md);transition:border-color var(--transition-fast);overflow:hidden}.citation-card:hover{border-color:var(--border-strong)}.citation-header{justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);text-align:left;background:var(--bg-subtle);width:100%;display:flex}.citation-source{align-items:center;gap:var(--space-2);min-width:0;display:flex}.citation-body{padding:var(--space-3);border-top:1px solid var(--border)}.citation-text{font-size:var(--text-body);line-height:var(--lh-body);color:var(--text-body);padding-left:var(--space-4);border-left:3px solid var(--assurance-teal);margin-bottom:var(--space-3);font-style:italic}.citation-meta{justify-content:space-between;align-items:center;gap:var(--space-4);display:flex}.citation-hash{color:var(--text-muted);font-size:11px}.time-display{flex-direction:column;gap:2px;display:flex}.time-value{font-size:var(--text-body);font-weight:var(--fw-medium);color:var(--text-primary)}.empty-state{padding:var(--space-16) var(--space-8);text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.empty-icon{margin-bottom:var(--space-4);font-size:48px}.empty-title{font-size:var(--text-h3);color:var(--text-primary);margin-bottom:var(--space-2)}.empty-desc{font-size:var(--text-body);color:var(--text-muted);max-width:400px;margin-bottom:var(--space-6)}.metric-card{gap:var(--space-2);text-align:left;flex-direction:column;min-width:140px;display:flex}.metric-header{align-items:center;gap:var(--space-2);display:flex}.metric-icon{font-size:18px}.metric-value{font-size:var(--text-h1);font-weight:var(--fw-semibold);color:var(--text-primary);line-height:1.2}.metric-change{font-size:var(--text-small);font-weight:var(--fw-medium)}.change-up{color:var(--verification-green)}.change-down{color:var(--error)}.section-header{justify-content:space-between;align-items:flex-start;gap:var(--space-4);margin-bottom:var(--space-4);display:flex}.section-header h2{font-size:var(--text-h3);line-height:var(--lh-h3)}.filter-pill{padding:var(--space-1) var(--space-3);border-radius:var(--radius-pill);font-size:var(--text-small);font-weight:var(--fw-medium);color:var(--text-body);background:var(--bg-white);border:1px solid var(--border);transition:all var(--transition-fast)}.filter-pill:hover{background:var(--bg-hover);border-color:var(--border-strong)}.filter-active{background:var(--bg-selected);border-color:var(--verification-green);color:#065f46}.app-shell{background-color:var(--bg-cloud);min-height:100vh;display:flex}.app-nav{width:var(--nav-width);background-color:var(--brand-navy);color:var(--text-inverse);transition:width var(--transition-normal);z-index:10;border-right:1px solid #ffffff1a;flex-direction:column;flex-shrink:0;display:flex}.app-shell.nav-collapsed .app-nav{width:var(--nav-collapsed)}.nav-brand{align-items:center;gap:var(--space-3);min-height:64px;padding:0 var(--space-4);border-bottom:1px solid #ffffff1a;flex-shrink:0;display:flex}.brand-logo{align-items:center;display:flex}.brand-text{flex-direction:column;display:flex}.brand-title{font-weight:var(--fw-semibold);color:var(--text-inverse);font-size:16px;line-height:1.2}.brand-subtitle{color:var(--text-nav);font-size:11px}.nav-menu{padding:var(--space-4) 0;gap:var(--space-1);flex-direction:column;flex:1;display:flex;overflow-y:auto}.nav-link-item{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);color:var(--text-nav);transition:all var(--transition-fast);text-decoration:none;display:flex}.nav-link-item:hover{background-color:var(--bg-nav-hover);color:var(--text-inverse);text-decoration:none}.nav-link-item.active{background-color:var(--bg-nav-active);color:var(--text-nav-active);border-left:3px solid var(--brand-green);padding-left:calc(var(--space-4) - 3px)}.nav-icon{text-align:center;width:24px;font-size:20px;display:inline-block}.nav-label-group{flex-direction:column;display:flex}.nav-label{font-size:14px;font-weight:var(--fw-medium)}.nav-desc{opacity:.6;font-size:11px}.nav-footer{padding:var(--space-4);border-top:1px solid #ffffff14;flex-shrink:0}.nav-version{color:var(--text-muted);justify-content:space-between;font-size:11px;display:flex}.app-main-container{flex-direction:column;flex:1;min-width:0;display:flex}.app-topbar{height:var(--topbar-height);background-color:var(--bg-white);border-bottom:1px solid var(--border);padding:0 var(--space-6);flex-shrink:0;justify-content:space-between;align-items:center;display:flex}.topbar-left{align-items:center;gap:var(--space-4);flex:1;max-width:600px;display:flex}.topbar-search-trigger{width:100%;max-width:400px;padding:var(--space-2) var(--space-3);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-muted);background:var(--bg-cloud);font-size:var(--text-small);cursor:pointer;text-align:left;justify-content:space-between;align-items:center;display:flex}.topbar-search-trigger kbd{background:var(--bg-white);border:1px solid var(--border-strong);font-size:10px;font-family:var(--font-sans);border-radius:4px;padding:1px 6px}.topbar-right{align-items:center;gap:var(--space-4);display:flex}.api-indicator-badge{align-items:center;gap:var(--space-2);font-size:var(--text-small);font-weight:var(--fw-medium);padding:var(--space-1) var(--space-3);border-radius:var(--radius-pill);background:var(--status-draft-bg);color:var(--status-draft);display:flex}.api-indicator-badge.online{background:var(--status-active-bg);color:var(--status-active)}.api-dot{background:var(--status-draft);border-radius:50%;width:8px;height:8px}.online .api-dot{background:var(--status-active);box-shadow:0 0 0 2px #07b98166}.app-content-body{padding:var(--space-6);flex:1;overflow-y:auto}.content-max-wrapper{max-width:var(--content-max);width:100%;margin:0 auto}.search-overlay-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:100px var(--space-4) 0;z-index:999;background-color:#121a2e66;justify-content:center;align-items:flex-start;display:flex;position:fixed;inset:0}.search-overlay-modal{background:var(--bg-white);width:100%;max-width:640px;box-shadow:var(--shadow-lg);border-radius:var(--radius-xl);padding:0;overflow:hidden}.search-input-wrapper{align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-6);border-bottom:1px solid var(--border);display:flex}.search-icon{color:var(--text-muted);font-size:20px}.search-input-field{color:var(--text-primary);background:0 0;border:none;flex:1;font-size:16px}.search-input-field:focus{outline:none}.search-close-btn{background:var(--bg-subtle);border:1px solid var(--border);color:var(--text-muted);border-radius:var(--radius-sm);font-size:10px;font-weight:var(--fw-semibold);padding:2px 6px}.search-results-pane{padding:var(--space-4) var(--space-6);max-height:400px;overflow-y:auto}.search-result-row{width:100%;padding:var(--space-3) var(--space-4);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-cloud);transition:all var(--transition-fast);cursor:pointer;flex-direction:row}.search-result-row:hover{background:var(--bg-selected);border-color:var(--verification-green)}