:root {
  --page:#f3f6f8; --surface:#fff; --surface-soft:#f7fafb; --surface-raised:#fff;
  --text:#16283a; --muted:#6d7f90; --border:#d9e3e8; --border-strong:#b9cad2;
  --primary:#167c86; --primary-dark:#10616a; --primary-soft:#e6f5f5; --navy:#17324d;
  --green:#2d8a61; --green-soft:#eaf7f0; --red:#c4474d; --red-soft:#fff0f1;
  --amber:#a56b21; --amber-soft:#fff6e7; --blue:#3378a8; --blue-soft:#eaf3f9;
  --purple:#7256a8; --purple-soft:#f1ecfb;
  --shadow:0 2px 8px rgba(20,43,62,.08),0 14px 34px rgba(20,43,62,.045);
  --radius:13px; --radius-sm:9px;
}
html[data-theme="dark"] {
  --page:#0d141b; --surface:#131e27; --surface-soft:#17242e; --surface-raised:#182631;
  --text:#e7eef4; --muted:#96a7b5; --border:#293b48; --border-strong:#3b5261;
  --primary:#36a8ad; --primary-dark:#70c7c9; --primary-soft:#15383b; --navy:#d7e7f3;
  --green:#5bc18d; --green-soft:#153528; --red:#ef757a; --red-soft:#3a2024;
  --amber:#e3ad5b; --amber-soft:#3a2c18; --blue:#72add1; --blue-soft:#193044;
  --purple:#b59ae1; --purple-soft:#2c2440;
  --shadow:0 2px 10px rgba(0,0,0,.22),0 16px 36px rgba(0,0,0,.16);
}
*{box-sizing:border-box} html{min-height:100%;scroll-behavior:smooth} body{min-height:100vh;margin:0;background:var(--page);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.5;transition:background .18s ease,color .18s ease} button,input,select,textarea{font:inherit} button{color:inherit} a{color:inherit}
.app-header{height:74px;padding:0 clamp(18px,4vw,64px);display:flex;align-items:center;justify-content:space-between;gap:18px;background:var(--surface);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:30}
.brand{display:inline-flex;align-items:center;gap:12px;text-decoration:none;min-width:0}.brand-symbol{width:42px;height:42px;flex:0 0 42px;display:grid;place-items:center;color:white;background:linear-gradient(145deg,var(--primary),#2b96a6);border-radius:11px;box-shadow:0 7px 18px rgba(22,124,134,.22)}
.brand-symbol svg,.theme-toggle svg,.section-icon svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.brand strong,.brand small{display:block}.brand strong{font-size:1rem;letter-spacing:.01em}.brand small{color:var(--muted);margin-top:1px;font-size:.75rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:460px}
.header-tools{display:flex;align-items:center;gap:9px}.version-pill{color:var(--muted);background:var(--surface-soft);border:1px solid var(--border);border-radius:999px;padding:6px 10px;font-size:.72rem;font-weight:750}.theme-toggle{min-height:38px;padding:7px 11px;display:inline-flex;align-items:center;gap:7px;background:var(--surface);border:1px solid var(--border-strong);border-radius:9px;cursor:pointer;font-weight:720}.theme-toggle:hover{border-color:var(--primary);background:var(--primary-soft)}.theme-toggle svg{width:17px;height:17px}.theme-toggle .moon{display:none}html[data-theme="dark"] .theme-toggle .moon{display:block}html[data-theme="dark"] .theme-toggle .sun{display:none}
.primary-tabs{height:51px;padding:0 clamp(16px,4vw,64px);display:flex;align-items:stretch;gap:2px;overflow-x:auto;background:var(--surface);border-bottom:1px solid var(--border);position:sticky;top:74px;z-index:25}.primary-tab{display:inline-flex;align-items:center;padding:0 14px;color:var(--muted);text-decoration:none;font-size:.78rem;font-weight:750;border-bottom:2px solid transparent;white-space:nowrap}.primary-tab:hover,.primary-tab.is-active{color:var(--primary)}.primary-tab.is-active{border-bottom-color:var(--primary)}
.page-shell{width:min(100% - 32px,1320px);margin:28px auto 56px}.page{display:none}.page.is-active{display:block}.page-title-row{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:18px}.page-title-row h1{margin:0;color:var(--navy);font-size:clamp(1.35rem,2.3vw,2rem);letter-spacing:-.025em}.page-title-row p{margin:5px 0 0;color:var(--muted);font-size:.83rem;max-width:780px}
@media(max-width:720px){.app-header{height:66px;padding:0 12px}.brand small,.version-pill,#theme-label{display:none}.theme-toggle{width:38px;padding:7px;justify-content:center}.primary-tabs{top:66px;padding:0 6px}.page-shell{width:min(100% - 16px,1320px);margin-top:18px}.page-title-row{align-items:flex-start;flex-direction:column}}