:root { --ink:#121619; --muted:#606c73; --line:#c9d0d2; --paper:#edf1f1; --paper-2:#f8faf9; --accent:#243e4a; --signal:#d8df5d; --mono:"SFMono-Regular","Roboto Mono","Noto Sans Mono CJK SC",monospace; --serif:"Iowan Old Style","Songti SC","STSong","Noto Serif CJK SC",serif; --sans:-apple-system,BlinkMacSystemFont,"SF Pro Text","Noto Sans SC","PingFang SC",sans-serif; }
* { box-sizing:border-box; }
html { background:#000; scroll-behavior:smooth; }
body { margin:0; color:var(--ink); background:#000; font-family:var(--sans); line-height:1.65; }
a { color:inherit; text-decoration-thickness:1px; text-underline-offset:3px; }
a:focus-visible, button:focus-visible, summary:focus-visible { outline:2px solid #0e6280; outline-offset:3px; }
.skip-link { position:fixed; z-index:20; top:6px; left:8px; transform:translateY(-150%); padding:7px 10px; color:#000; background:#fff; font:12px var(--mono); }
.skip-link:focus { transform:none; }
.topbar { position:sticky; z-index:10; top:0; display:flex; align-items:center; gap:10px; min-height:40px; padding:0 16px; overflow:hidden; color:#b8bfc1; background:#000; font:11px var(--mono); white-space:nowrap; }
.wordmark { color:#fff; font:700 14px var(--sans); text-decoration:none; letter-spacing:.02em; }
.topbar-divider { width:1px; height:14px; background:#404547; }
.topbar-link { color:#b8bfc1; text-decoration:none; }
.topbar-file { overflow:hidden; color:#7f898d; text-overflow:ellipsis; }
.topbar-compare { color:#d9e0e2; text-decoration:none; }
.topbar-compare:hover { color:#fff; }
.topbar-action { margin-left:auto; color:#c9d0d2; text-decoration:none; }
.topbar-action:hover { color:#fff; }
.topbar-status { color:#d8df5d; font-size:10px; }
.page-shell { max-width:1220px; min-height:calc(100vh - 110px); margin:0 auto; padding:46px 28px 80px; background:var(--paper); }
.loading { padding:80px 0; color:var(--muted); font:12px var(--mono); text-align:center; }
.document-header { display:grid; grid-template-columns:minmax(0,1fr) 260px; gap:44px; padding-bottom:34px; border-bottom:1px solid var(--ink); }
.eyebrow,.label { margin:0 0 10px; color:#42545c; font:11px var(--mono); letter-spacing:.06em; text-transform:uppercase; }
h1 { max-width:820px; margin:0; font:500 clamp(32px,5vw,62px)/1.12 var(--serif); letter-spacing:-.04em; }
.subtitle { max-width:660px; margin:18px 0 0; color:#435058; font-size:18px; line-height:1.55; }
.trust-signal { display:inline-flex; align-items:baseline; gap:10px; margin-top:18px; color:#223940; text-decoration:none; border-bottom:1px solid #7f9095; font:10px var(--mono); }
.trust-signal span { color:#172c34; font-weight:700; }
.trust-signal small { color:#5e6c71; font:10px var(--mono); }
.record-stamp { align-self:end; padding:16px; border:1px solid var(--ink); background:#dfe5e4; font:11px/1.55 var(--mono); }
.record-stamp strong { display:block; margin-bottom:7px; color:#172226; }
.metadata { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:0 24px; margin:30px 0 0; }
.metadata div { padding:11px 0; border-top:1px solid var(--line); }
dt { color:#59666b; font:10px var(--mono); letter-spacing:.04em; }
dd { margin:3px 0 0; font-size:14px; }
.document-grid { display:grid; grid-template-columns:minmax(0,1fr) 276px; gap:58px; margin-top:42px; }
.reading h2 { margin:0 0 18px; font:500 30px/1.25 var(--serif); letter-spacing:-.02em; }
.reading h3 { margin:48px 0 15px; font:500 25px/1.3 var(--serif); }
.reading p { max-width:700px; margin:0 0 16px; font:18px/1.85 var(--serif); }
.reading-intro { padding-bottom:26px; border-bottom:1px solid var(--line); color:#273339; }
.chapter-trust-cue { display:inline-block; margin-top:3px; color:#3f555e; font:11px var(--mono); }
.trust-layer { max-width:740px; margin-top:50px; padding-top:16px; border-top:1px solid var(--ink); scroll-margin-top:62px; }
.trust-kicker { margin:0 0 7px !important; color:#56666c; font:10px var(--mono) !important; letter-spacing:.05em; }
.trust-disclosure { border-top:3px solid var(--ink); background:#e3e9e9; }
.trust-disclosure summary { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:24px; align-items:start; padding:17px 18px; cursor:pointer; list-style-position:outside; }
.trust-disclosure summary::marker { color:#314852; }
.trust-disclosure summary span,.trust-disclosure summary strong,.trust-disclosure summary small { display:block; }
.trust-disclosure summary strong { font:600 19px/1.35 var(--serif); }
.trust-disclosure summary small { max-width:590px; margin-top:5px; color:#4f5d63; font:12px/1.55 var(--sans); }
.trust-disclosure summary em { color:#3e535c; font:10px/1.45 var(--mono); font-style:normal; white-space:nowrap; }
.trust-body { padding:2px 18px 18px; border-top:1px solid #c1cbcd; }
.trust-body p { max-width:660px; font-family:var(--sans); }
.trust-statement { margin-top:15px !important; font-size:15px !important; font-weight:650 !important; line-height:1.62 !important; }
.trust-facts { display:grid; grid-template-columns:1fr 1fr; gap:18px; margin:17px 0; }
.trust-facts div { padding-top:8px; border-top:1px solid #b8c3c6; }
.trust-facts dt { color:#52636a; }
.trust-facts dd { margin-top:4px; font:13px/1.6 var(--sans); }
.trust-evidence,.trust-positions { margin:16px 0; padding-left:20px; }
.trust-evidence li,.trust-positions li { padding:8px 0; border-top:1px solid #c3ccce; font-size:13px; }
.trust-evidence span,.trust-evidence a,.trust-evidence small { display:block; }
.trust-evidence span { color:#53666e; font:9px var(--mono); }
.trust-evidence a { margin:2px 0; font-weight:650; }
.trust-evidence small { color:#5a676c; font:11px/1.5 var(--mono); }
.trust-caution { margin-top:16px !important; color:#46545a; font-size:12px !important; line-height:1.6 !important; }
.trust-byline { margin:12px 0 0 !important; color:#607077; font:10px var(--mono) !important; }
.trust-progress { margin-top:18px; padding-top:14px; border-top:1px solid #9eabad; }
.trust-progress h3 { margin:0 0 10px; color:#26363c; font:700 11px var(--mono); letter-spacing:.04em; }
.material-path { max-width:740px; margin-top:34px; padding-top:16px; border-top:1px solid var(--ink); }
.material-path-head h2 { margin:0 0 14px; font-size:23px; }
.material-figure { margin:0 0 18px; border-top:3px solid var(--ink); }
.material-figure img { display:block; width:100%; max-height:620px; object-fit:contain; object-position:left center; background:#111; }
.material-figure figcaption { display:grid; gap:3px; padding:10px 0 0; color:#314047; }
.material-figure figcaption strong { font:650 13px/1.5 var(--sans); }
.material-figure figcaption span { font:10px/1.5 var(--mono); }
.material-figure figcaption small { color:#68777c; font:9px/1.55 var(--mono); }
.material-records { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); margin:0 0 14px; padding:0; list-style:none; border-top:3px solid var(--ink); border-bottom:1px solid #aebabc; }
.material-records li { min-width:0; padding:13px 14px; border-right:1px solid #b9c4c6; }
.material-records li:last-child { border-right:0; }
.material-records a,.material-records span,.material-records small { display:block; }
.material-records a { color:#17272d; font:650 13px/1.45 var(--sans); }
.material-records span { margin-top:4px; color:#425159; font:11.5px/1.5 var(--sans); }
.material-records small { margin-top:7px; color:#4f6066; font:9px/1.45 var(--mono); }
.material-path-track { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); border-top:3px solid var(--ink); border-bottom:1px solid #aebabc; background:#e5eaeb; }
.material-path-track > div { min-width:0; padding:14px; border-right:1px solid #b9c4c6; }
.material-path-track > div:last-child { border-right:0; }
.material-path-track small,.material-path-track strong,.material-path-track span,.material-path-track a { display:block; }
.material-path-track small { color:#4f6066; font:9px var(--mono); }
.material-path-track strong { margin:6px 0 5px; font:700 12px var(--mono); }
.material-path-track span,.material-path-track a { color:#3f5056; font:12px/1.55 var(--sans); }
.material-storage { margin:8px 0 0 !important; color:#4f6066; font:9px var(--mono) !important; }
.sidebar { align-self:start; position:sticky; top:60px; }
.sidebar section { padding:18px 0; border-top:1px solid var(--ink); }
.sidebar-disclosure { padding:18px 0; border-top:1px solid var(--ink); }
.sidebar-disclosure summary { display:flex; min-height:24px; align-items:center; cursor:pointer; font:700 11px var(--mono); letter-spacing:.05em; }
.sidebar-disclosure > p { margin-top:10px; color:#3d4b50; font-size:13px; line-height:1.58; }
.sidebar-disclosure .source-list { margin-top:10px; }
.sidebar h2 { margin:0 0 8px; font:700 11px var(--mono); letter-spacing:.05em; }
.sidebar p,.sidebar li { margin:0; color:#3d4b50; font-size:13px; line-height:1.58; }
.sidebar ul { padding-left:18px; margin:8px 0 0; }
.source-list { list-style:none; padding:0 !important; }
.source-list li { padding:11px 0; border-bottom:1px solid var(--line); }
.source-id { display:block; color:#162c35; font:10px var(--mono); }
.source-title { display:block; margin:2px 0; color:#182328; font-weight:650; }
.source-note { font-size:12px; }
.history-end { margin-top:42px; padding:25px 0 0; border-top:3px solid var(--ink); }
.end-kicker { margin:0 0 10px; color:#56666c; font:10px var(--mono); letter-spacing:.05em; }
.next-reading { display:block; padding:18px; color:var(--ink); background:#dfe8ea; border-top:3px solid var(--ink); text-decoration:none; }
.next-reading span,.next-reading strong,.next-reading small { display:block; }
.next-reading span { color:#28434e; font:10px var(--mono); }
.next-reading strong { margin:9px 0 7px; font:500 25px/1.25 var(--serif); }
.next-reading small { max-width:650px; color:#34464d; font:13px/1.55 var(--sans); }
.next-reading:not(.is-planned):hover { background:#d2e0e3; }
.next-reading.is-planned { background:#edf1f2; border-top-color:#7c8a8f; }
.local-error { max-width:650px; padding:24px; border-top:3px solid var(--ink); background:var(--cool); font:14px var(--sans); }
.alternatives { display:grid; gap:10px; }
.alternative { display:block; padding:10px 11px; color:#18252a; border:1px solid #adb9bd; background:#e4e9e8; text-decoration:none; }
.alternative:hover { background:#d9e1df; }
.alternative span { display:block; color:#526068; font-size:12px; }
.correction { width:100%; padding:10px; border:1px solid var(--ink); color:#18242a; background:var(--signal); cursor:pointer; font:11px var(--mono); text-align:left; }
.correction-note { margin-top:9px !important; font-size:12px !important; }
.correction-result { margin-top:10px !important; padding:8px; border:1px solid #b8c3c5; background:#e1e8e7; }
.site-footer { max-width:1220px; margin:0 auto; padding:20px 28px 32px; color:#8d989b; background:#000; font:11px/1.6 var(--mono); }
.site-footer p { max-width:760px; margin:0; }
@media (max-width:800px) { .topbar { padding:0 12px; } .topbar-link,.topbar-divider,.topbar-file { display:none; } .topbar-status { font-size:9px; } .page-shell { padding:28px 18px 60px; } .document-header,.document-grid { grid-template-columns:1fr; gap:26px; } .record-stamp { max-width:none; } .metadata { grid-template-columns:1fr; } .sidebar { position:static; display:grid; gap:0; grid-template-columns:1fr; } .reading p { font-size:17px; } .trust-signal { align-items:flex-start; flex-direction:column; gap:2px; } .trust-disclosure summary { grid-template-columns:1fr; gap:8px; } .trust-disclosure summary em { white-space:normal; } .trust-facts,.material-records { grid-template-columns:1fr; } .material-records li { border-right:0; border-bottom:1px solid #b9c4c6; } .material-records li:last-child { border-bottom:0; } .material-path-track { grid-template-columns:1fr; } .material-path-track > div { border-right:0; border-bottom:1px solid #b9c4c6; } .material-path-track > div:last-child { border-bottom:0; } }
@media print { .topbar,.site-footer,.skip-link,.correction { display:none; } body,html { background:#fff; } .page-shell { max-width:none; padding:0; } .sidebar { position:static; } }
@media (prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } }