@font-face{font-family:Manrope;src:url('/assets/Manrope.woff2') format('woff2');font-style:normal;font-weight:200 800;font-display:swap}@font-face{font-family:'PT Serif';src:url('/assets/PTSerif.woff2') format('woff2');font-style:normal;font-weight:400;font-display:swap}
:root{--canvas:#fff;--surface:#f7f8fc;--surface-blue:#eef0ff;--ink:#252536;--body:#424254;--muted:#686879;--accent:#5365c9;--line:#e1e3ee;--line-strong:#b9bfd7;--history:#785325;--history-bg:#faf4e9;--focus:#5365c9;--font-ui:Manrope,Arial,sans-serif;--font-reading:'PT Serif',Georgia,serif;--text-xs:.72rem;--text-sm:.83rem;--text-base:1rem;--text-reading:1.08rem;--text-h1:clamp(2.1rem,3.7vw,3.8rem);--text-h2:clamp(1.55rem,2.3vw,2rem);--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.5rem;--space-6:2rem;--space-7:3rem;--space-8:4rem;--space-9:6rem;--sidebar:244px;--reading:740px;--content:1240px;--toc:210px;--radius:10px;--control-height:44px}
@font-face{font-family:'PT Serif';src:url('/assets/PTSerif-Bold.woff2') format('woff2');font-style:normal;font-weight:700;font-display:swap}

/* Exact-value scale: shared typography, spacing, widths and component geometry.
   Values preserve v0.3 appearance; responsive rules compose the same tokens. */
:root{
  --measure-2rem:2rem;
  --measure-4px:4px;
  --measure-1px:1px;
  --measure-_65rem:.65rem;
  --measure-1rem:1rem;
  --measure-3px:3px;
  --measure-1_5rem:1.5rem;
  --type-1_2rem:1.2rem;
  --measure-neg-100px:-100px;
  --measure-32px:32px;
  --measure-20px:20px;
  --measure-10px:10px;
  --measure-8px:8px;
  --measure-40px:40px;
  --type-2_2rem:2.2rem;
  --measure-2px:2px;
  --type-1rem:1rem;
  --type-_65rem:.65rem;
  --measure-12px:12px;
  --measure-42px:42px;
  --type-_81rem:.81rem;
  --nav-hover:#f0f1fc;
  --nav-active:#e8ecff;
  --measure-18px:18px;
  --type-1_1rem:1.1rem;
  --measure-9px:9px;
  --type-_61rem:.61rem;
  --type-_69rem:.69rem;
  --measure-5px:5px;
  --measure-13px:13px;
  --measure-280px:280px;
  --type-_7rem:.7rem;
  --measure-6px:6px;
  --measure-7px:7px;
  --type-_79rem:.79rem;
  --measure-35px:35px;
  --type-_6rem:.6rem;
  --measure-54px:54px;
  --measure-26px:26px;
  --measure-5rem:5rem;
  --measure-24px:24px;
  --type-_67rem:.67rem;
  --measure-_8rem:.8rem;
  --measure-680px:680px;
  --measure-55px:55px;
  --measure-34px:34px;
  --measure-65px:65px;
  --measure-45px:45px;
  --measure-790px:790px;
  --type-fluid-1:clamp(3rem,5vw,5.1rem);
  --measure-610px:610px;
  --measure-19px:19px;
  --type-_83rem:.83rem;
  --measure-15px:15px;
  --measure-16px:16px;
  --type-1_45rem:1.45rem;
  --type-_77rem:.77rem;
  --measure-48px:48px;
  --measure-28px:28px;
  --type-_68rem:.68rem;
  --type-_75rem:.75rem;
  --measure-25px:25px;
  --measure-36px:36px;
  --measure-14px:14px;
  --measure-52px:52px;
  --type-1_6rem:1.6rem;
  --type-_87rem:.87rem;
  --measure-220px:220px;
  --measure-17px:17px;
  --count-fill:#e1e6fc;
  --type-_72rem:.72rem;
  --type-_73rem:.73rem;
  --type-_76rem:.76rem;
  --type-_63rem:.63rem;
  --type-1_17rem:1.17rem;
  --type-_9rem:.9rem;
  --type-_78rem:.78rem;
  --type-_62rem:.62rem;
  --type-_82rem:.82rem;
  --measure-60px:60px;
  --measure-950px:950px;
  --measure-50px:50px;
  --type-fluid-2:clamp(2rem,3.5vw,3.25rem);
  --measure-900px:900px;
  --measure-800px:800px;
  --type-_71rem:.71rem;
  --measure-760px:760px;
  --measure-30px:30px;
  --measure-neg-1px:-1px;
  --measure-2_8rem:2.8rem;
  --type-1_18rem:1.18rem;
  --measure-_9rem:.9rem;
  --measure-1_7rem:1.7rem;
  --link-rule:#a6afe2;
  --measure-_5rem:.5rem;
  --measure-1_4rem:1.4rem;
  --type-_8em:.8em;
  --measure-3rem:3rem;
  --measure-1_8rem:1.8rem;
  --measure-550px:550px;
  --measure-100px:100px;
  --table-stripe:#fafaff;
  --measure-neg-1rem:-1rem;
  --type-1_35rem:1.35rem;
  --type-_8rem:.8rem;
  --type-_64rem:.64rem;
  --type-_86rem:.86rem;
  --measure-300px:300px;
  --type-_95rem:.95rem;
  --measure-820px:820px;
  --type-_97rem:.97rem;
  --type-_96rem:.96rem;
  --type-_94rem:.94rem;
  --type-_93rem:.93rem;
  --measure-neg-4px:-4px;
  --type-1_3rem:1.3rem;
  --measure-780px:780px;
  --type-1_5rem:1.5rem;
  --measure-180px:180px;
  --measure-75px:75px;
  --measure-1400px:1400px;
  --overlay:rgb(28 29 49 / .55);
  --measure-neg-35px:-35px;
  --measure-70px:70px;
  --measure-218px:218px;
  --type-2_7rem:2.7rem;
  --measure-250px:250px;
  --measure-1_04rem:1.04rem;
  --measure-62px:62px;
  --measure-340px:340px;
  --drawer-shadow:rgb(37 37 54 / .1);
  --type-3rem:3rem;
  --type-_98rem:.98rem;
  --measure-22px:22px;
  --type-2_4rem:2.4rem;
  --measure-190px:190px;
  --type-1_15rem:1.15rem;
  --type-2_1rem:2.1rem;
  --type-1_4rem:1.4rem;
  --measure-2_2rem:2.2rem;
  --measure-80px:80px;
  --type-25pt:25pt;
  --type-10pt:10pt;
  --type-15pt:15pt;
  --type-7pt:7pt;
  --measure-44px:44px;
  --type-fluid-3:clamp(2.7rem,4.1vw,4rem);
}

/* AI Native: light canvas, original periwinkle mark, readable action tone. */
:root{color-scheme:light;--brand-accent:#8ca3ff;--accent-hover:#4554af;--radius-panel:14.4px;--radius-control:10px;--radius-tag:7px;--radius-mark:.9rem}
