/* Self-hosted homepage fonts; pinned sources and OFL licenses: assets/fonts/README.md. */
@font-face{font-family:"Noto Serif SC";font-style:normal;font-weight:900;font-display:swap;src:url("/assets/fonts/noto-serif-sc-900.49a7b9c9fb62.woff2") format("woff2");}
@font-face{font-family:"Noto Sans SC";font-style:normal;font-weight:400 700;font-display:swap;src:url("/assets/fonts/noto-sans-sc-400-700.5e80e446666d.woff2") format("woff2");}
@font-face{font-family:"IBM Plex Mono";font-style:normal;font-weight:400;font-display:swap;src:url("/assets/fonts/ibm-plex-mono-400-latin1.e8993d946649.woff2") format("woff2");unicode-range:U+0020-007E,U+00A0-00FF,U+0131,U+0152-0153,U+02C6,U+02DA,U+02DC,U+2013-2014,U+2018-201A,U+201C-201E,U+2020-2022,U+2026,U+2030,U+2039-203A,U+2044,U+20AC,U+2122,U+2212,U+FB01-FB02;}
@font-face{font-family:"IBM Plex Mono";font-style:normal;font-weight:500;font-display:swap;src:url("/assets/fonts/ibm-plex-mono-500-latin1.41201b658a32.woff2") format("woff2");unicode-range:U+0020-007E,U+00A0-00FF,U+0131,U+0152-0153,U+02C6,U+02DA,U+02DC,U+2013-2014,U+2018-201A,U+201C-201E,U+2020-2022,U+2026,U+2030,U+2039-203A,U+2044,U+20AC,U+2122,U+2212,U+FB01-FB02;}
:root{--history-font-serif:"Noto Serif SC","Songti SC",STSong,serif;--history-font-sans:"Noto Sans SC","PingFang SC",system-ui,sans-serif;--history-font-mono:"IBM Plex Mono","Noto Sans SC","PingFang SC",ui-monospace,SFMono-Regular,Consolas,monospace;}

/* Public-site foundations. Local draft-preview styling stays independent. */
:root{color-scheme:dark;font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text)}
a{color:inherit;text-decoration:none}a:hover{color:var(--gold)}p{line-height:1.85}h1,h2,h3,p,figure{margin-top:0}.gold{color:var(--gold)}
.skip{position:fixed;top:-70px;left:20px;z-index:10;background:var(--gold);color:var(--bg);padding:12px}.skip:focus{top:10px}
.site-header,.home-main,.article-main,footer{margin:auto;padding-left:40px;padding-right:40px}
.site-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}
.brand{display:flex;gap:12px;align-items:center;font-size:27px;font-weight:800;letter-spacing:-.04em}.brand img{object-fit:contain}.brand small{display:block;margin-top:5px;font-size:11px;font-weight:500;color:var(--muted)}
.site-header nav{display:flex;color:var(--muted)}.site-header [aria-current=page]{color:var(--gold)}
.theme-toggle{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:44px;min-width:58px;padding:8px 12px;border:1px solid var(--line);background:transparent;color:var(--gold);font:inherit;font-size:12px;line-height:1.4;white-space:nowrap;cursor:pointer}
.theme-toggle>span{font-size:15px;line-height:1;min-width:12px}
.theme-toggle:hover{border-color:var(--gold);color:var(--text)}.theme-toggle:focus-visible{outline:2px solid var(--gold);outline-offset:4px}
[hidden]{display:none!important}
.hero{display:grid}.hero h1{font-family:"Songti SC","Noto Serif CJK SC",serif;font-weight:500}.hero h1 em{font-style:normal;color:var(--gold)}
.eyebrow{font-size:12px;letter-spacing:.16em;color:var(--gold);margin-bottom:25px}.intro{color:var(--muted)}
.button{display:inline-flex;justify-content:space-between;gap:45px;align-items:center;background:var(--gold);color:var(--bg);padding:15px 22px;font-size:14px;font-weight:600;min-height:46px}.button:hover{background:#e5bf88;color:var(--bg)}.text-link{color:var(--gold);font-size:13px}
.section-label{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}.section-label h2{margin:0}.section-label>span{color:var(--muted)}.story-card p{color:var(--muted)}
footer{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;border-top:1px solid var(--line)}footer strong{font-size:14px}footer p{font-size:11px;color:var(--muted);margin-bottom:0}footer a{font-size:12px;color:var(--gold)}footer small{width:100%;color:var(--muted)}
.breadcrumb{display:flex;gap:14px;font-size:12px;color:var(--muted)}.article-header{border-bottom:1px solid var(--line)}.article-header h1{font-family:"Songti SC","Noto Serif CJK SC",serif;font-weight:500;letter-spacing:.02em}.article-deck{font-size:16px;color:var(--muted);margin-bottom:20px}.article-meta{color:var(--muted);margin:0}
.reading-layout{display:grid;padding-bottom:70px}.toc{align-self:start;position:sticky}.toc nav{display:flex;flex-direction:column}.toc nav a{color:var(--muted)}.toc nav a:hover{color:var(--gold)}.back-home{display:block;border-top:1px solid var(--line);font-size:12px;color:var(--gold)}
.prose{overflow-wrap:anywhere;min-width:0}.prose>p:first-child{border-left:3px solid var(--gold);padding:6px 0 6px 22px}.prose>p:first-child strong{font-weight:500}.prose h2{font-weight:500}.prose a{color:var(--gold);text-decoration:underline;text-underline-offset:4px}.prose .ref{white-space:nowrap;text-decoration:none}.prose #sources{border-top:1px solid var(--line);padding-top:35px}
.table-wrap{overflow:auto;margin:32px 0}.table-wrap:focus-visible{outline:2px solid var(--gold);outline-offset:5px}.prose table{border-collapse:collapse;width:100%;min-width:440px;background:var(--panel)}.prose th,.prose td{border:1px solid var(--line);text-align:left;vertical-align:top}.prose th{font-weight:500;color:var(--gold)}
.sources{padding-left:24px;color:var(--muted)}.sources li{scroll-margin-top:28px}.prose .end-link{color:var(--bg);text-decoration:none}

/* The public history site: quiet editorial rhythm, native HTML interaction. */
:root{--bg:#10151b;--panel:#161d26;--line:#2a3441;--text:#eef0f2;--muted:#b0b9c5;--gold:#d7ab6c;--blue:#8fbcc9}
html[data-theme=light]{--bg:#f5f1e9;--panel:#fcf9f3;--line:#ded6c8;--text:#272e34;--muted:#626a71;--gold:#885a25;--blue:#35637b;color-scheme:light}
html[data-theme=light] body{background-image:radial-gradient(ellipse at 75% 0,#ad835316,transparent 40%)}
html[data-theme=light] .brand img{filter:none}
html[data-theme=light] .featured-story{background:#fcf9f3}
html[data-theme=light] .featured-art{background:#e6eded}
html[data-theme=light] .art-caption{color:#52676f}
html[data-theme=light] .story-card{background:#f9f5ee}
html[data-theme=light] .featured-story:hover,html[data-theme=light] .story-card:hover{border-color:#b6a690;background:#efe9dd;color:var(--text)}
html[data-theme=light] .story-card-top img{opacity:1}
html[data-theme=light] .article-meta .meta-divider{color:#a89d90}
html[data-theme=light] .prose .sources li:target{background:#e4cfad55;outline-color:#95683199}
html[data-theme=light] .button:hover{background:#704915;color:var(--bg)}
html{scroll-padding-top:28px}body{background-image:radial-gradient(ellipse at 75% 0,#22314342,transparent 40%)}
.site-header,.home-main,.article-main,footer{max-width:1200px}
.site-header{min-height:98px;gap:24px}.site-header nav{gap:28px;align-items:center;margin-left:auto}.site-header nav a{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:10px 0;font-size:13px;white-space:nowrap}.site-header nav a:hover{color:var(--text)}.site-header .main-site-link{color:var(--gold)}
.brand img{filter:invert(1) hue-rotate(180deg)}.brand small{letter-spacing:.12em}
.home-hero{grid-template-columns:1.04fr 1fr;align-items:center;gap:64px;padding:58px 0 76px}
.home-hero h1{font-size:clamp(44px,5.2vw,66px);line-height:1.24;letter-spacing:.025em;margin-bottom:26px}
.home-hero .intro{font-size:16px;line-height:1.9;max-width:29em;margin-bottom:26px}
.hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:20px 24px}.hero-actions .button{gap:26px}.hero-actions .text-link{font-size:13px;min-height:44px;display:flex;align-items:center;gap:16px}
.reading-note{display:flex;gap:12px;font-size:12px;color:var(--muted);margin:22px 0 0}.reading-note>span{color:var(--gold);font:12px/1.85 ui-monospace,monospace}
.featured-story{display:block;background:var(--panel);border:1px solid var(--line);overflow:hidden;transition:border-color .2s,background .2s}
.featured-story:hover{border-color:#7795a9;background:#1b2530;color:var(--text)}
.featured-topline{display:flex;justify-content:space-between;gap:12px;padding:18px 25px;border-bottom:1px solid var(--line);font-size:11px;color:var(--muted)}.featured-topline>span:first-child{color:var(--gold)}
.featured-art{position:relative;background:#151e28}.featured-art img{display:block;width:100%;height:auto;aspect-ratio:500/280;object-fit:contain}.art-caption{position:absolute;bottom:10px;left:25px;font-size:10px;color:var(--muted)}
.featured-copy{padding:24px 25px 25px}.featured-copy h2{font-family:"Songti SC","STSong",serif;font-size:29px;font-weight:500;line-height:1.4;margin:0 0 14px}.featured-copy>p{font-size:14px;line-height:1.8;color:var(--muted);margin:0 0 20px}.featured-bottom{display:flex;justify-content:space-between;gap:15px;align-items:center;font-size:11px;color:var(--muted)}.featured-bottom .text-link{font-size:13px}
.latest{padding:0 0 62px}.section-label{padding-bottom:20px}.section-label h2{font-size:19px;font-weight:500}.section-label>span{font-size:12px}
.story-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-top:26px}.story-card{display:flex;flex-direction:column;gap:0;min-width:0;padding:25px 28px 24px;border:1px solid var(--line);background:#141b23;transition:border-color .2s,background .2s}.story-card:hover{border-color:#7795a9;background:#19232d;color:var(--text)}
.story-card-top{display:flex;align-items:center;gap:13px;min-height:71px;margin-bottom:22px;position:relative;padding-right:90px}.story-theme{font-size:13px;font-weight:500;color:var(--gold)}.story-card-top img{width:102px;height:auto;aspect-ratio:500/280;position:absolute;right:-7px;top:7px;opacity:.9}
.story-card h3{font-family:"Songti SC","STSong",serif;font-size:26px;font-weight:500;line-height:1.5;margin:0 0 16px;max-width:16em}.story-card p{font-size:14px;line-height:1.85;margin-bottom:24px;max-width:32em}.story-card-bottom{display:flex;justify-content:space-between;align-items:center;gap:16px;border-top:1px solid var(--line);padding-top:18px;margin-top:auto;color:var(--muted);font-size:11px}.story-card-bottom .text-link{font-size:12px;white-space:nowrap}
.source-note{display:flex;gap:20px;align-items:center;padding:25px 0 0}.source-note-mark{font:20px/1.4 ui-monospace,monospace;color:var(--gold)}.source-note h3{font-size:13px;font-weight:500;margin:0 0 5px}.source-note p{font-size:12px;color:var(--muted);margin:0;line-height:1.8}.source-note>.text-link{margin-left:auto;white-space:nowrap;font-size:12px}
.reading-guide{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.6fr);gap:28px 62px;padding:48px 0 52px;border-top:1px solid var(--line)}.reading-guide-intro{min-width:0}.reading-guide-intro .eyebrow{font-size:11px;margin-bottom:20px}.reading-guide h2{font-family:"Songti SC","STSong",serif;font-size:30px;font-weight:500;line-height:1.55;margin:0 0 22px}.reading-guide-intro>p:not(.eyebrow){font-size:14px;line-height:1.95;color:var(--muted);margin:0 0 20px}.reading-guide-intro .reading-guide-boundary{padding:15px 17px;border-left:2px solid var(--gold);background:var(--panel);font-size:12px;line-height:1.9}
.reading-guide-steps{list-style:none;margin:0;padding:0;min-width:0}.reading-guide-steps>li{display:grid;grid-template-columns:38px minmax(0,1fr);gap:18px;min-width:0;padding:0 0 23px}.reading-guide-steps>li+li{padding-top:25px;border-top:1px solid var(--line)}.reading-guide-steps>li:last-child{padding-bottom:0}.guide-number{font:22px/1.6 ui-monospace,monospace;color:var(--gold)}.guide-stage{font-size:11px;line-height:1.8;color:var(--gold);margin:0 0 9px}.reading-guide h3{font-family:"Songti SC","STSong",serif;font-size:23px;font-weight:500;line-height:1.55;margin:0 0 13px}.reading-guide-steps li>div>p:not(.guide-stage){font-size:14px;line-height:1.9;color:var(--muted);margin:0 0 13px;overflow-wrap:anywhere}.guide-links{display:flex;flex-wrap:wrap;gap:5px 25px}.guide-links a{display:inline-flex;align-items:center;gap:9px;min-height:44px;color:var(--gold);font-size:13px;text-decoration:underline;text-underline-offset:4px}.guide-links .guide-source-link{font-size:12px;color:var(--muted)}.reading-guide-reflection{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:8px 23px;border-top:1px solid var(--line);padding-top:21px;margin:0;font-size:13px;line-height:1.9;color:var(--muted)}.reading-guide-reflection>span{color:var(--text)}
@media(max-width:950px){.reading-guide{grid-template-columns:minmax(0,1fr) minmax(0,1.7fr);gap:25px 35px}.reading-guide h2{font-size:27px}.reading-guide h3{font-size:22px}.reading-guide-steps>li{grid-template-columns:30px minmax(0,1fr);gap:14px}}
@media(max-width:700px){.reading-guide{grid-template-columns:1fr;gap:25px;padding:34px 0 39px}.reading-guide-intro .eyebrow{margin-bottom:14px}.reading-guide h2{font-size:26px;margin-bottom:18px}.reading-guide-intro>p:not(.eyebrow){margin-bottom:17px}.reading-guide-intro .reading-guide-boundary{margin-bottom:0;padding:13px 15px}.reading-guide-steps>li{grid-template-columns:26px minmax(0,1fr);gap:12px;padding-bottom:21px}.reading-guide-steps>li+li{padding-top:22px}.guide-number{font-size:19px}.reading-guide h3{font-size:22px}.guide-links{gap:3px 18px}.reading-guide-reflection{display:block;padding-top:19px;font-size:13px}.reading-guide-reflection>span{display:block;margin-bottom:7px}}
.author-section,.updates-section{display:grid;grid-template-columns:1fr 1fr;gap:62px;padding:47px 0 53px;border-top:1px solid var(--line)}.author-section .eyebrow,.updates-section .eyebrow{font-size:11px;margin-bottom:20px}.author-section h2,.updates-section h2{font-family:"Songti SC","STSong",serif;font-size:27px;font-weight:500;line-height:1.55;margin:0}.author-section p:not(.eyebrow),.updates-section p:not(.eyebrow){font-size:14px;line-height:1.9;color:var(--muted);margin-bottom:20px}.author-section .text-link,.update-options>.text-link{font-size:13px}
.update-options{display:grid;gap:25px;align-content:start;min-width:0}.update-options .button{gap:30px}.update-options p{margin:17px 0 10px!important;font-size:12px!important}.feed-address{display:block;font:12px/1.8 ui-monospace,monospace;overflow-wrap:anywhere;color:var(--text);padding:12px 15px;border:1px solid var(--line);background:var(--panel);user-select:all}
footer{gap:25px;padding-top:30px;padding-bottom:30px}.footer-links{display:flex;flex-wrap:wrap;gap:22px}footer small{font-size:11px}
.breadcrumb{padding-top:30px}.article-header{padding-top:30px;padding-bottom:32px;max-width:980px;scroll-margin-top:28px}.article-header:focus-visible{outline:2px solid var(--gold);outline-offset:6px}.article-header .eyebrow{font-size:11px;margin-bottom:18px}.article-header h1{font-size:clamp(33px,4.4vw,53px);line-height:1.36;margin-bottom:20px}.article-deck{line-height:1.8;max-width:45em}.article-meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px 15px;font-size:12px;line-height:1.8}.article-meta a{color:var(--gold);text-decoration:underline;text-underline-offset:4px}.article-meta .meta-divider{color:#546474}
.reading-layout{grid-template-columns:200px minmax(0,710px);gap:62px;padding-top:36px}.toc{top:28px}.toc-label{font-size:12px;color:var(--gold);margin:0 0 20px}.toc .desktop-toc{margin-top:0;gap:15px}.toc nav a{font-size:12px;line-height:1.8;padding:3px 0}.toc nav a:last-child{color:var(--gold)}.mobile-toc{display:none}.toc .back-home{padding-top:18px;margin-top:25px}
.prose{font-size:17px;line-height:1.95;letter-spacing:.012em}.prose>p{margin-bottom:25px}.prose>p:first-child{font-size:24px;line-height:1.75;margin-bottom:32px}.prose h2{font-size:25px;line-height:1.5;margin-top:44px;margin-bottom:22px;scroll-margin-top:28px}.prose .sources{font-size:13px;line-height:1.85;letter-spacing:0}.prose .ref{font-size:12px;padding:5px 4px;display:inline-block;line-height:1}.prose .sources a{overflow-wrap:anywhere}.prose .sources li{padding:3px 0;margin-bottom:16px}.prose .sources li:target{background:#d7ab6c13;outline:1px solid #d7ab6c66;outline-offset:6px}.table-wrap{border:1px solid var(--line)}.prose table{font-size:14px}.prose th,.prose td{padding:15px}
.prose .ref:target{background:var(--panel);outline:2px solid var(--gold);outline-offset:4px;scroll-margin-top:48px}
.source-backlinks{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:12px;font-size:11px}.source-backlinks>span{margin-right:3px;color:var(--muted)}.prose .source-backlink{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:5px 10px;border:1px solid var(--line);background:var(--panel);color:var(--gold);font-size:12px;line-height:1;text-decoration:none}.prose .source-backlink:hover{border-color:var(--gold)}
.article-editorial{margin:28px 0 0;padding:20px 22px;border:1px solid var(--line);background:var(--panel)}.article-editorial p{margin:0;color:var(--muted);font-size:13px;line-height:1.9}.editorial-links{display:flex;flex-wrap:wrap;gap:4px 24px;margin-top:12px}.editorial-links a{display:inline-flex;align-items:center;gap:6px;min-height:44px;font-size:13px}
.related-reading{margin:42px 0 12px;padding:27px;border:1px solid var(--line);background:var(--panel)}.related-reading .eyebrow{font-size:10px;margin:0 0 16px}.related-reading h2{font-family:inherit;font-size:18px;margin:0 0 12px}.related-reading>p:not(.eyebrow){font-size:14px;color:var(--muted);margin:0 0 18px}.related-reading a{font-size:18px;line-height:1.7;display:block;text-decoration:none}.related-reading a:hover{text-decoration:underline}.prose .end-link{margin-top:22px;padding:14px 20px;font-size:13px}
.prose .article-end-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px 24px;margin-top:22px}.prose .article-end-actions .end-link{margin-top:0}.prose .article-start-link{display:inline-flex;align-items:center;gap:8px;min-height:44px;font-size:13px;line-height:1.8;text-decoration:underline;text-underline-offset:4px}
@media print{.article-end-actions{display:none!important}.article-header:focus-visible{outline:none}}
.related-item p{font-size:14px;color:var(--muted);margin:0 0 14px}.related-item+.related-item{margin-top:24px;padding-top:23px;border-top:1px solid var(--line)}
.route-comparison{margin:29px 0 30px;padding:22px;border:1px solid var(--line);background:var(--panel)}
.route-comparison-heading{font-size:14px;font-weight:500;color:var(--text);margin:0 0 20px}
.route-comparison-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:25px}
.route-comparison-type{display:flex;align-items:baseline;flex-wrap:wrap;gap:7px 12px;margin-bottom:13px}.route-comparison-type strong{font-size:15px;font-weight:600}.route-comparison-type>span{font-size:11px;color:var(--gold)}
.route-comparison-path{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px;list-style:none;margin:0;padding:0}
.route-comparison-path li{position:relative;min-width:0;text-align:center;padding:12px 5px;border:1px solid var(--line);background:var(--bg)}
.route-comparison-path li>span{display:block;color:var(--muted);font-size:10px;line-height:1.6;margin-bottom:5px}.route-comparison-path li>strong{display:block;font-size:14px;line-height:1.6;font-weight:500;color:var(--text);white-space:nowrap}
.route-comparison-arrow{position:absolute;left:-16px;top:27px;font-size:13px;font-style:normal;color:var(--muted);line-height:1}
.route-comparison figcaption{font-size:12px;line-height:1.8;color:var(--muted);margin-top:19px}.route-comparison figcaption small{display:block;font-size:11px;margin-top:4px}
.ice-flow .route-comparison-path{grid-template-columns:repeat(4,minmax(0,1fr))}
@media(max-width:700px){.ice-flow .route-comparison-path{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.ice-flow .route-comparison-path li:nth-child(3) .route-comparison-arrow{display:none}}
@media(max-width:950px){.route-comparison-grid{grid-template-columns:1fr}}
@media(max-width:700px){.route-comparison{padding:20px;margin:26px 0}.route-comparison-grid{grid-template-columns:1fr;gap:22px}.route-comparison-heading{margin-bottom:18px}.route-comparison figcaption{margin-top:18px}}
@media(min-width:951px){.story-grid-three{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.story-grid-three .story-card{padding:23px}.story-grid-three .story-card h3{font-size:24px}.story-grid-three .story-card-top{padding-right:78px;gap:10px}.story-grid-three .story-card-top img{width:87px;right:-8px}.story-grid-three .story-card-bottom{flex-wrap:wrap;gap:9px}}
 a:focus-visible,summary:focus-visible{outline:2px solid var(--gold);outline-offset:5px}
@media(max-width:950px){.site-header{gap:16px}.site-header nav{gap:16px}.home-hero{gap:35px}.hero-actions{gap:12px 20px}.featured-copy h2{font-size:26px}.story-grid{gap:22px}.story-card{padding:22px}.story-card h3{font-size:24px}.story-card-top{padding-right:68px;gap:9px}.story-card-top img{width:84px;right:-10px}.author-section,.updates-section{gap:35px}.reading-layout{grid-template-columns:170px minmax(0,1fr);gap:35px}.source-note{flex-wrap:wrap}.source-note>.text-link{margin-left:40px}}
@media(max-width:700px){.site-header,.home-main,.article-main,footer{padding-left:24px;padding-right:24px}.site-header{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px 15px;padding-top:19px;padding-bottom:10px}.brand{font-size:26px}.brand small{font-size:10px}.site-header nav{grid-column:1/-1;grid-row:2;display:flex;flex-wrap:wrap;width:100%;justify-content:space-between;gap:4px 8px;margin-left:0;border-top:1px solid var(--line);padding-top:4px}.site-header nav a{font-size:12px;min-height:44px;min-width:44px;padding:7px 0}.site-header>.theme-toggle{grid-column:2;grid-row:1}.site-header .theme-toggle{min-width:52px;padding:8px 9px;gap:6px;font-size:12px}.home-hero{grid-template-columns:1fr;padding-top:36px;padding-bottom:40px;gap:30px}.home-hero h1{font-size:clamp(41px,10.8vw,58px);margin-bottom:20px}.home-hero .eyebrow{margin-bottom:18px}.home-hero .intro{font-size:15px;margin-bottom:22px}.hero-actions{gap:10px 22px}.reading-note{margin-top:17px;font-size:11px}.featured-topline{padding:15px 21px;font-size:10px}.featured-art img{max-height:230px;object-fit:contain}.art-caption{left:21px;font-size:9px}.featured-copy{padding:20px 21px 23px}.featured-copy h2{font-size:28px}.featured-copy>p{font-size:14px;margin-bottom:17px}.latest{padding-bottom:38px}.section-label{align-items:baseline;gap:18px;padding-bottom:17px}.section-label h2{font-size:17px}.section-label>span{font-size:10px;white-space:nowrap}.story-grid{grid-template-columns:1fr;gap:18px;margin-top:20px}.story-card{padding:19px 22px 22px}.story-card-top{min-height:52px;margin-bottom:16px;padding-right:90px}.story-card-top img{width:94px;top:0;right:-3px}.story-card h3{font-size:25px;margin-bottom:13px;max-width:15em}.story-card p{font-size:14px;margin-bottom:20px}.story-card-bottom{padding-top:15px;font-size:10px}.source-note{gap:13px;padding-top:24px;align-items:flex-start}.source-note>div{flex:1;min-width:0}.source-note>.text-link{margin-left:36px;width:calc(100% - 36px)}.source-note p{font-size:12px}.author-section,.updates-section{grid-template-columns:1fr;gap:22px;padding:34px 0 39px}.author-section .eyebrow,.updates-section .eyebrow{margin-bottom:14px}.author-section h2,.updates-section h2{font-size:25px}.author-section p:not(.eyebrow),.updates-section p:not(.eyebrow){font-size:14px;margin-bottom:17px}.update-options{gap:24px}.feed-address{font-size:11px}footer{gap:20px}.footer-links{gap:18px}.breadcrumb{padding-top:26px}.article-header{padding-top:26px;padding-bottom:27px}.article-header h1{font-size:clamp(30px,8.4vw,40px);line-height:1.42;letter-spacing:0}.article-deck{font-size:15px;margin-bottom:18px}.article-meta{font-size:11px;gap:5px 10px}.article-meta .meta-divider{display:none}.reading-layout{grid-template-columns:1fr;padding-top:24px;gap:26px}.toc{position:static;padding:0;border:1px solid var(--line);background:var(--panel)}.desktop-toc,.toc-label{display:none!important}.mobile-toc{display:block}.mobile-toc summary{min-height:48px;padding:14px 18px;font-size:13px}.mobile-toc nav{padding:0 18px 19px;margin-top:2px;gap:4px}.mobile-toc nav a{display:flex;align-items:center;min-height:44px;font-size:13px;padding:8px 0}.toc .back-home{display:none}.prose{font-size:16px;line-height:1.95;letter-spacing:0}.prose>p:first-child{font-size:21px;padding-left:17px;line-height:1.8}.prose h2{font-size:23px;margin-top:37px}.prose .sources{font-size:12px}.prose table{font-size:13px}.related-reading{padding:22px;margin-top:35px}.related-reading h2{font-size:17px}.related-reading a{font-size:17px}.prose .end-link{margin-top:21px}}
@media(max-width:360px){.site-header,.home-main,.article-main,footer{padding-left:19px;padding-right:19px}.hero-actions{gap:8px 16px}.home-hero h1{font-size:40px}.featured-copy h2{font-size:25px}.featured-topline{padding-left:18px;padding-right:18px}.story-card{padding-left:19px;padding-right:19px}.story-card h3{font-size:23px}.section-label h2{font-size:16px}.site-header nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));justify-content:stretch;gap:2px 7px}.site-header nav a{justify-content:flex-start}.site-header .theme-toggle{min-width:46px;padding-left:7px;padding-right:7px;gap:5px}.article-header h1{font-size:29px}}
@media(prefers-reduced-motion:no-preference){
  @keyframes history-enter{from{opacity:.65;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
  .home-hero .hero-copy{animation:history-enter .45s ease-out backwards}
  .home-hero .featured-story{animation:history-enter .5s ease-out .08s backwards}
  .button>span[aria-hidden=true]{display:inline-block;transition:transform .2s ease}
}
@media(prefers-reduced-motion:no-preference) and (hover:hover) and (pointer:fine){
  .featured-story,.story-card{transition:border-color .2s,background .2s,transform .2s ease}
  .featured-story:hover,.story-card:hover{transform:translateY(-2px)}
  .button:hover>span[aria-hidden=true]{transform:translate(2px,-2px)}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}a{transition:none!important}}

/* Keep the longer clock-story question balanced at phone widths. */
@media(max-width:700px){.article-header .longitude-title,.article-header .coffee-title{font-size:clamp(23px,7.8vw,31px)}}

/* Shared by both production builds; printing needs no script or extra request. */
@page{size:A4;margin:16mm 14mm}
@media print{
  :root,html[data-theme=light]{color-scheme:light;--bg:#fff;--panel:#fff;--line:#aaa;--text:#171717;--muted:#333;--accent:#171717;--gold:#171717;--blue:#171717}
  *,*::before,*::after{color:#171717!important;background:transparent!important;box-shadow:none!important;text-shadow:none!important;animation:none!important;transition:none!important;transform:none!important}
  html,body{margin:0!important;padding:0!important;background:#fff!important;font-size:11pt;line-height:1.65}
  .site-header,.site-footer,body>footer,.skip,.skip-link,.toc,.article-toc,.category-links,.article-related,.related-reading,.end-link,.article-code-header button,.source-backlinks,.editorial-links{display:none!important}
  .wrap,.content-main,.reading-article,.experiment-article,.article-main{width:auto!important;max-width:none!important;margin:0!important;padding:0!important}
  .reading-layout{display:block!important;padding:0!important}
  .breadcrumb{padding:0 0 5mm!important;font-size:9pt}
  .article-header{max-width:none!important;padding:0 0 6mm!important}
  .reading-article h1,.experiment-article h1,.article-header h1,.content-main h1{font-size:23pt!important;line-height:1.4!important;letter-spacing:0!important;margin:0 0 5mm!important}
  .article-title-phrase{display:inline}
  .reading-article h2,.experiment-article h2,.prose h2,.content-main h2{font-size:16pt!important;line-height:1.5!important;margin:8mm 0 4mm!important;break-after:avoid-page}
  h3,h4{break-after:avoid-page}
  .article-content,.prose,.reading-article>article>p,.experiment-steps,.content-main p{font-size:11pt!important;line-height:1.75!important;max-width:none!important}
  p,li{orphans:3;widows:3}
  .experiment-meta,.article-meta,.article-deck,.eyebrow{font-size:9pt!important}
  .article-callout,.content-box,.article-code-panel,.experiment-output,.route-comparison{padding:4mm!important;margin:5mm 0!important;border:1px solid #aaa!important}
  .article-code-header{padding:2mm 4mm!important;font-size:9pt!important}
  .article-code-body,.experiment-output{font-size:9pt!important;line-height:1.65!important;padding:4mm!important;white-space:pre-wrap!important;overflow:visible!important;overflow-wrap:anywhere;break-inside:auto}
  .experiment-table,.table-wrap{overflow:visible!important;margin:5mm 0!important}
  .experiment-table table,.prose table{width:100%!important;min-width:0!important;border-collapse:collapse;font-size:9pt!important;table-layout:auto}
  th,td{border:1px solid #aaa!important;padding:2mm!important;overflow-wrap:anywhere}
  thead{display:table-header-group}tr{break-inside:avoid-page}
  .route-comparison-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:5mm}
  .route-comparison-path{gap:4mm}.route-comparison-path li{padding:2mm 1mm}
  .route-comparison figure,.route-comparison-card,figure{break-inside:avoid-page}
  img,svg{max-width:100%!important}
  a{text-decoration:underline!important}
  .sources{font-size:9pt!important;line-height:1.7!important}
  .sources a[href^="https://"]::after{content:" (" attr(href) ")";font-size:8pt;font-weight:400;overflow-wrap:anywhere}
  .sources li:target{outline:none!important}
  #article-copy-status,[aria-labelledby="read-next-title"],.article-end-actions{display:none!important}
}

/* Home-only cargo manifest and chart. Article styling remains independent. */
html.history-home {
  --bg: #0D1319; --bg-2: #141C24; --line: #26333E; --grid: #1A2530;
  --fg: #E8EEF0; --fg-2: #9FB0BA; --accent: #4DC4B2; --accent-ink: #04211D;
  --clear: transparent;
  --serif: "Noto Serif SC", "Songti SC", "STSong", serif;
  --sans: "Noto Sans SC", "PingFang SC", "Microsoft YaHei", system-ui, sans-serif;
  --mono: "IBM Plex Mono", "Noto Sans SC", ui-monospace, "SF Mono", Menlo, monospace;
  --text: var(--fg); --muted: var(--fg-2); --gold: var(--accent); --panel: var(--bg-2);
  color-scheme: dark; scroll-padding-top: 24px; scroll-behavior: auto;
}
@media (prefers-color-scheme: light) {
  html.history-home:not([data-theme="dark"]) {
    --bg: #EBF0F2; --bg-2: #F6F9FA; --line: #C5D1D7; --grid: #DCE4E8;
    --fg: #0E1A23; --fg-2: #465864; --accent: #136F65; --accent-ink: #FFFFFF;
    color-scheme: light;
  }
}
html.history-home[data-theme="light"] {
  --bg: #EBF0F2; --bg-2: #F6F9FA; --line: #C5D1D7; --grid: #DCE4E8;
  --fg: #0E1A23; --fg-2: #465864; --accent: #136F65; --accent-ink: #FFFFFF;
  color-scheme: light;
}
html.history-home body { background: var(--bg); color: var(--fg); font: 400 1rem/1.75 var(--sans); -webkit-font-smoothing: antialiased; }
html.history-home *, html.history-home *::before, html.history-home *::after { box-sizing: border-box; animation: none; box-shadow: none; }
html.history-home :is(h1,h2,h3,p,ol,dl,dd,figure) { margin: 0; padding: 0; }
html.history-home :is(h1,h2,h3) { font-family: var(--serif); font-weight: 900; text-wrap: balance; }
html.history-home p { line-height: 1.8; max-width: 35em; }
html.history-home a { color: var(--accent); text-decoration: none; transition: color .16s, background-color .16s, border-color .16s; }
html.history-home a:hover { color: var(--fg); }
html.history-home :focus-visible { outline: 2px solid var(--accent); outline-offset: 4px; }
html.history-home :is(.site-header,.home-main,footer) { width: 100%; max-width: 1160px; margin-inline: auto; padding-inline: 20px; }
html.history-home .skip { background: var(--accent); color: var(--accent-ink); border-radius: 3px; }
html.history-home .site-header { min-height: 88px; display: flex; gap: 18px; padding-block: 16px; }
html.history-home .brand { flex: none; gap: 12px; font-size: 1rem; font-weight: 500; letter-spacing: 0; color: var(--fg); }
html.history-home .brand img { width: 36px; height: 36px; filter: none; border-radius: 3px; }
html.history-home .brand-name { display: flex; align-items: center; gap: 10px; font-family: var(--sans); }
html.history-home .brand-name strong { font: 900 1.1rem/1.4 var(--serif); }
html.history-home .brand-name .brand-divider { color: var(--line); }
html.history-home .site-header nav { gap: 18px; margin-left: auto; align-items: center; }
html.history-home .site-header nav a { font: 500 .8125rem/1.5 var(--sans); color: var(--fg-2); }
html.history-home .site-header nav :is(a:hover,[aria-current="page"]) { color: var(--accent); }
html.history-home .theme-toggle { width: 44px; height: 44px; min-width: 44px; padding: 10px; border-radius: 3px; color: var(--fg-2); background: var(--clear); border: 1px solid var(--line); }
html.history-home .theme-toggle:hover { border-color: var(--accent); color: var(--accent); }
html.history-home .theme-toggle svg { width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 1.5; }
html.history-home .theme-toggle .theme-half { fill: currentColor; stroke: none; }
html.history-home .eyebrow { display: flex; align-items: center; gap: 12px; font: 500 .75rem/1.5 var(--mono); letter-spacing: .12em; text-transform: uppercase; color: var(--accent); }
html.history-home .eyebrow::before { content: ""; width: 28px; height: 1px; flex: none; background: var(--accent); }
html.history-home .home-hero { display: grid; grid-template-columns: minmax(0,1.14fr) minmax(0,.86fr); align-items: center; gap: 46px; padding: 68px 0 64px; }
html.history-home .hero-copy { min-width: 0; opacity: 1; transform: none; }
html.history-home .home-hero h1 { font-size: clamp(2.4rem,6vw,3.75rem); line-height: 1.18; letter-spacing: -.01em; margin: 20px 0 24px; }
html.history-home .home-hero h1 em { color: var(--accent); font-style: normal; white-space: nowrap; }
html.history-home .intro { font-size: 1.0625rem; color: var(--fg-2); line-height: 1.8; }
html.history-home .hero-actions { display: flex; flex-wrap: wrap; gap: 10px; align-items: center; margin-top: 30px; }
html.history-home .button { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 44px; padding: 10px 16px; border: 1px solid var(--accent); border-radius: 3px; color: var(--accent-ink); background: var(--accent); font: 500 .875rem/1.5 var(--sans); }
html.history-home .button:hover { color: var(--accent-ink); background: var(--accent); filter: brightness(1.08); }
html.history-home .button-secondary { color: var(--fg); background: var(--clear); border-color: var(--line); }
html.history-home .button-secondary:hover { color: var(--fg); background: var(--bg-2); border-color: var(--fg-2); filter: none; }
html.history-home .text-link { display: inline-flex; align-items: center; gap: 6px; min-height: 44px; font: 500 .875rem/1.5 var(--sans); color: var(--accent); text-decoration: underline; text-underline-offset: 4px; }
html.history-home .reading-note { display: block; margin-top: 24px; font: 400 .75rem/1.7 var(--mono); letter-spacing: .03em; color: var(--fg-2); }
html.history-home .reading-note>span { font: inherit; color: var(--accent); }
html.history-home .route-chart { min-width: 0; border: 1px solid var(--line); border-radius: 4px; background: var(--bg-2); overflow: hidden; }
html.history-home .route-chart svg { display: block; width: 100%; height: auto; }
html.history-home .route-chart figcaption { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 4px 8px; padding: 8px 12px; border-top: 1px solid var(--line); color: var(--fg-2); font: 400 .6875rem/1.6 var(--mono); letter-spacing: .02em; }
html.history-home .chart-grid { stroke: var(--grid); stroke-width: 1; fill: none; }
html.history-home .chart-route { fill: none; stroke-linecap: round; stroke-linejoin: round; }
html.history-home .route-porcelain { stroke: var(--accent); stroke-width: 2; stroke-dasharray: 7 8; }
html.history-home .route-tea { stroke: var(--fg); stroke-width: 3; stroke-dasharray: .5 9; }
html.history-home .route-container { stroke: var(--fg-2); stroke-width: 2.5; }
html.history-home .chart-ring { fill: none; stroke: var(--accent); stroke-width: 1.5; opacity: .45; }
html.history-home .chart-node { fill: var(--accent); }
html.history-home .chart-box { fill: var(--bg-2); stroke: var(--fg-2); stroke-width: 2; }
html.history-home .chart-label { fill: var(--fg); font: 500 17px var(--sans); paint-order: stroke; stroke: var(--bg-2); stroke-width: 6px; stroke-linejoin: round; }
html.history-home .chart-compass { fill: none; stroke: var(--fg-2); stroke-width: 1.5; }
html.history-home .chart-compass path { fill: var(--accent); stroke: none; }
html.history-home .chart-compass text { fill: var(--fg-2); stroke: none; font: 500 12px var(--mono); }
html.history-home .route-mover { fill: var(--accent); }
html.history-home .mover-porcelain { transform: translate(64px,292px); }
html.history-home .mover-tea { transform: translate(84px,120px); fill: var(--fg); }
html.history-home .mover-container { transform: translate(110px,220px); }
html.history-home #route-motion { background: var(--clear); color: var(--accent); border: 0; padding: 4px 0; min-height: 36px; font: inherit; cursor: pointer; }
@supports (offset-path: path("M0 0H1")) {
  html.history-home .route-mover { transform: none; offset-anchor: 0px 0px; offset-rotate: 0deg; offset-distance: 45%; }
  html.history-home .mover-porcelain { offset-path: path("M64 292C150 372 318 372 448 232"); }
  html.history-home .mover-tea { offset-path: path("M84 120C180 40 330 60 440 150"); }
  html.history-home .mover-container { offset-path: path("M110 220H230V180H360"); }
  @media (prefers-reduced-motion: no-preference) {
    html.history-home .route-mover { animation: cargo-voyage 18s linear infinite; }
    html.history-home .mover-tea { animation-duration: 22s; animation-delay: -8s; }
    html.history-home .mover-container { animation-duration: 16s; animation-delay: -5s; }
  }
}
@keyframes cargo-voyage { from { offset-distance: 0%; } to { offset-distance: 100%; } }
html.history-home .route-chart[data-motion="paused"] .route-mover { animation-play-state: paused; }
html.history-home .latest-feature { padding-bottom: 64px; }
html.history-home .featured-story { display: grid; grid-template-columns: minmax(0,.9fr) minmax(0,1.1fr); border: 1px solid var(--line); background: var(--bg-2); border-radius: 4px; overflow: hidden; }
html.history-home .featured-story:hover { background: var(--bg-2); border-color: var(--line); color: var(--fg); }
html.history-home .featured-art { position: relative; display: flex; flex-direction: column; justify-content: center; gap: 12px; padding: 22px; border-right: 1px solid var(--line); background: var(--bg-2); background-image: linear-gradient(var(--grid) 1px,var(--clear) 1px),linear-gradient(90deg,var(--grid) 1px,var(--clear) 1px); background-size: 32px 32px; }
html.history-home .featured-art svg { display: block; width: 100%; height: auto; }
html.history-home .featured-art .art-caption { position: static; margin: 0; font: 400 .6875rem/1.5 var(--mono); color: var(--fg-2); letter-spacing: .02em; }
html.history-home .featured-copy { display: flex; flex-direction: column; align-items: flex-start; gap: 17px; min-width: 0; padding: 30px 32px; }
html.history-home .featured-topline { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 14px; border: 0; padding: 0; width: 100%; font: 400 .75rem/1.5 var(--mono); color: var(--fg-2); }
html.history-home .post-stamp { display: inline-block; border: 1px solid var(--accent); color: var(--accent); border-radius: 3px; padding: 3px 9px; font: 500 .75rem/1.5 var(--mono); letter-spacing: .1em; transform: rotate(-2deg); }
html.history-home .featured-label { font: 500 .75rem/1.5 var(--mono); color: var(--accent); }
html.history-home .featured-copy h2 { font: 900 clamp(1.5rem,3vw,2rem)/1.4 var(--serif); color: var(--fg); margin: 0; text-wrap: balance; }
html.history-home .featured-copy>p { color: var(--fg-2); font: 400 .9375rem/1.8 var(--sans); margin: 0; }
html.history-home .story-tags { display: flex; flex-wrap: wrap; gap: 6px; }
html.history-home .story-tags span { display: inline-block; border: 1px solid var(--line); padding: 3px 9px; border-radius: 4px; color: var(--fg-2); font: 400 .6875rem/1.5 var(--mono); }
html.history-home .featured-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 20px; }
html.history-home .source-note { display: flex; align-items: flex-start; gap: 12px; width: 100%; margin-top: 2px; padding-top: 16px; border-top: 1px dashed var(--line); }
html.history-home .source-note-mark { font: 500 .875rem/1.8 var(--mono); color: var(--accent); }
html.history-home .source-note h3 { font: 500 .8125rem/1.5 var(--sans); color: var(--fg); margin: 0 0 4px; }
html.history-home .source-note p { font: 400 .75rem/1.8 var(--sans); color: var(--fg-2); margin: 0; }
html.history-home :is(.latest,.reading-guide,.author-section,.updates-section) { padding: 58px 0 64px; border-top: 1px solid var(--line); }
html.history-home .section-label { padding-bottom: 28px; border-bottom: 0; gap: 12px; }
html.history-home .section-label h2 { font: 900 clamp(1.6rem,3.6vw,2.4rem)/1.3 var(--serif); }
html.history-home .section-label>span { font: 400 .75rem/1.6 var(--mono); letter-spacing: .03em; color: var(--fg-2); }
html.history-home .cargo-manifest { border-top: 1px solid var(--fg-2); }
html.history-home :is(.manifest-head,.manifest-row) { display: grid; grid-template-columns: 132px minmax(0,1fr) 190px 108px; gap: 16px 24px; padding: 24px 12px; min-width: 0; }
html.history-home .manifest-head { padding-block: 11px; border-bottom: 1px solid var(--line); color: var(--fg-2); font: 400 .6875rem/1.5 var(--mono); letter-spacing: .12em; }
html.history-home .manifest-row { align-items: start; border-bottom: 1px solid var(--line); color: var(--fg); transition: background-color .16s; }
html.history-home .manifest-row:hover { color: var(--fg); background: var(--bg-2); }
html.history-home .cargo-name { display: flex; flex-wrap: wrap; gap: 10px; align-items: center; font: 900 1.25rem/1.5 var(--serif); }
html.history-home .cargo-name .post-stamp { font-size: .625rem; padding: 1px 5px; }
html.history-home .cargo-question h3 { font: 900 1.125rem/1.5 var(--serif); }
html.history-home .cargo-question p { color: var(--fg-2); font: 400 .875rem/1.8 var(--sans); margin-top: 7px; }
html.history-home .cargo-clues { display: flex; flex-direction: column; align-items: flex-start; gap: 7px; min-width: 0; }
html.history-home .cargo-clues .story-theme { color: var(--accent); font: 500 .6875rem/1.6 var(--mono); }
html.history-home .cargo-clues .cargo-tag { border: 1px solid var(--line); border-radius: 4px; padding: 3px 8px; color: var(--fg-2); font: 400 .6875rem/1.6 var(--mono); }
html.history-home .cargo-go { display: inline-flex; align-items: center; justify-content: flex-end; gap: 5px; min-height: 44px; white-space: nowrap; color: var(--accent); font: 500 .8125rem/1.5 var(--sans); }
html.history-home .cargo-go span { display: inline-block; transition: transform .16s; }
html.history-home .manifest-row:hover .cargo-go span { transform: translateX(4px); }
html.history-home .reading-guide { display: grid; grid-template-columns: minmax(0,.8fr) minmax(0,1.2fr); gap: 28px 56px; }
html.history-home .reading-guide-intro .eyebrow { font-size: .75rem; margin: 0 0 18px; }
html.history-home :is(.reading-guide h2,.author-section h2,.updates-section h2) { font: 900 clamp(1.6rem,3.6vw,2.25rem)/1.4 var(--serif); margin: 0 0 20px; }
html.history-home .reading-guide-intro>p:not(.eyebrow) { font: 400 .9375rem/1.85 var(--sans); color: var(--fg-2); margin: 0 0 20px; }
html.history-home .reading-guide-intro .reading-guide-boundary { border: 1px dashed var(--line); border-radius: 3px; background: var(--clear); padding: 14px 16px; font-size: .8125rem; }
html.history-home .reading-guide-steps { list-style: none; }
html.history-home .reading-guide-steps>li { position: relative; display: grid; grid-template-columns: 34px minmax(0,1fr); gap: 20px; padding: 0 0 36px; border: 0; }
html.history-home .reading-guide-steps>li+li { padding-top: 0; }
html.history-home .reading-guide-steps>li:last-child { padding-bottom: 0; }
html.history-home .reading-guide-steps>li:not(:last-child)::before { content: ""; position: absolute; left: 16px; top: 42px; bottom: 8px; border-left: 1px dashed var(--accent); opacity: .55; }
html.history-home .guide-number { display: grid; place-items: center; align-self: start; width: 34px; height: 34px; border: 1px solid var(--accent); border-radius: 50%; background: var(--bg); color: var(--accent); font: 500 .8125rem/1 var(--mono); }
html.history-home .guide-stage { font: 500 .6875rem/1.6 var(--mono); letter-spacing: .05em; color: var(--accent); margin: 0 0 7px; }
html.history-home .reading-guide h3 { font: 900 1.375rem/1.5 var(--serif); margin: 0 0 10px; }
html.history-home .reading-guide-steps li>div>p:not(.guide-stage) { font: 400 .9375rem/1.85 var(--sans); color: var(--fg-2); margin: 0 0 10px; }
html.history-home .guide-links { display: flex; flex-wrap: wrap; gap: 4px 22px; }
html.history-home .guide-links a { display: inline-flex; gap: 6px; min-height: 44px; font: 500 .8125rem/1.5 var(--sans); color: var(--accent); text-decoration: underline; text-underline-offset: 4px; }
html.history-home .reading-guide-reflection { grid-column: 2; display: block; border-top: 1px solid var(--line); padding-top: 22px; color: var(--fg-2); font: 400 .875rem/1.8 var(--sans); }
html.history-home .reading-guide-reflection>span { display: block; margin-bottom: 8px; color: var(--fg); font: 900 1.125rem/1.7 var(--serif); }
html.history-home .author-section { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,.85fr); gap: 48px; }
html.history-home .author-copy { display: flex; flex-direction: column; gap: 18px; align-items: flex-start; min-width: 0; }
html.history-home .author-copy h2 { margin: 0; }
html.history-home .author-section p:not(.eyebrow) { font: 400 .9375rem/1.85 var(--sans); color: var(--fg-2); margin: 0; }
html.history-home .author-record { border: 1px solid var(--line); background: var(--bg-2); border-radius: 4px; min-width: 0; }
html.history-home .author-record h3 { padding: 12px 18px; border-bottom: 1px solid var(--line); color: var(--fg-2); font: 500 .75rem/1.5 var(--mono); letter-spacing: .1em; }
html.history-home .author-record dl>div { display: grid; grid-template-columns: 84px minmax(0,1fr); gap: 14px; padding: 16px 18px; border-bottom: 1px solid var(--line); }
html.history-home .author-record dl>div:last-child { border-bottom: 0; }
html.history-home .author-record dt { color: var(--accent); font: 500 .75rem/1.8 var(--mono); }
html.history-home .author-record dd { color: var(--fg); font: 400 .875rem/1.8 var(--sans); overflow-wrap: anywhere; }
html.history-home .author-record dd span:not([aria-hidden]) { display: block; color: var(--fg-2); margin-top: 4px; }
html.history-home .updates-section { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr); gap: 40px; padding: 34px; margin-bottom: 64px; border: 1px solid var(--line); background: var(--bg-2); border-radius: 4px; align-items: center; }
html.history-home .updates-section h2 { margin-top: 18px; margin-bottom: 18px; }
html.history-home .updates-section p:not(.eyebrow) { font: 400 .875rem/1.8 var(--sans); color: var(--fg-2); margin: 0; }
html.history-home .update-options { display: flex; flex-direction: column; gap: 10px; min-width: 0; }
html.history-home .feed-label { color: var(--fg-2); font: 500 .6875rem/1.5 var(--mono); letter-spacing: .1em; }
html.history-home .feed-row { display: flex; gap: 8px; min-width: 0; }
html.history-home .feed-address { flex: 1; min-width: 0; display: block; overflow-x: auto; white-space: nowrap; overflow-wrap: normal; font: 400 .75rem/1.8 var(--mono); background: var(--bg); color: var(--fg); border: 1px solid var(--line); border-radius: 3px; padding: 12px; user-select: all; }
html.history-home .copy-feed { flex: none; padding: 0 14px; min-height: 44px; font: 500 .8125rem var(--sans); color: var(--fg); background: var(--clear); border: 1px solid var(--line); border-radius: 3px; cursor: pointer; }
html.history-home .copy-feed:hover { border-color: var(--accent); color: var(--accent); }
html.history-home .copy-feed:disabled { cursor: wait; }
html.history-home .update-options>p { margin: 0!important; font-size: .75rem!important; }
html.history-home .updates-section .feed-status { color: var(--accent)!important; min-height: 1.8em; }
html.history-home .update-links { display: flex; flex-wrap: wrap; gap: 4px 18px; }
html.history-home .update-links .text-link { font-size: .8125rem; }
html.history-home footer { display: flex; flex-wrap: wrap; align-items: flex-start; gap: 22px 36px; padding-block: 32px 40px; }
html.history-home footer strong { color: var(--fg); font: 900 1.125rem/1.5 var(--serif); }
html.history-home footer p { color: var(--fg-2); font: 400 .875rem/1.8 var(--sans); margin-top: 6px; }
html.history-home .footer-links { display: flex; flex-wrap: wrap; gap: 8px 22px; margin-left: auto; }
html.history-home footer a { display: inline-flex; align-items: center; gap: 6px; min-height: 44px; color: var(--accent); font: 500 .8125rem/1.5 var(--sans); }
html.history-home footer small { color: var(--fg-2); font: 400 .6875rem/1.7 var(--mono); letter-spacing: .04em; }
@media (max-width:1050px) {
  html.history-home .site-header { flex-wrap: wrap; gap: 8px 18px; }
  html.history-home .site-header nav { order: 3; width: 100%; margin: 0; justify-content: flex-start; gap: 6px 24px; }
  html.history-home .theme-toggle { margin-left: auto; }
  html.history-home .home-hero { gap: 28px; }
  html.history-home :is(.manifest-head,.manifest-row) { grid-template-columns: 100px minmax(0,1fr) 150px 100px; gap: 12px 18px; }
}
@media (max-width:820px) {
  html.history-home :is(.home-hero,.reading-guide,.author-section,.updates-section) { grid-template-columns: minmax(0,1fr); }
  html.history-home .home-hero { padding: 40px 0 44px; gap: 30px; }
  html.history-home .route-chart { width: 100%; max-width: 520px; }
  html.history-home .featured-story { grid-template-columns: minmax(0,1fr); }
  html.history-home .featured-art { border-right: 0; border-bottom: 1px solid var(--line); padding: 16px; }
  html.history-home .featured-art svg { max-height: 280px; }
  html.history-home .featured-copy { padding: 24px; }
  html.history-home .latest-feature { padding-bottom: 44px; }
  html.history-home .manifest-head { display: none; }
  html.history-home .manifest-row { grid-template-columns: minmax(0,1fr) auto; gap: 12px 18px; padding: 24px 0; }
  html.history-home :is(.cargo-name,.cargo-question) { grid-column: 1/-1; }
  html.history-home .cargo-clues { max-width: 100%; }
  html.history-home .cargo-go { align-self: end; }
  html.history-home .reading-guide { gap: 30px; }
  html.history-home .reading-guide-reflection { grid-column: 1; }
  html.history-home .author-section { gap: 28px; }
  html.history-home .updates-section { gap: 26px; padding: 24px; }
}
@media (max-width:700px) {
  html.history-home :is(.site-header,.home-main,footer) { padding-inline: 20px; }
  html.history-home .site-header { display: flex; padding-block: 14px 8px; }
  html.history-home .site-header nav { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 0 6px; grid-column: auto; }
  html.history-home .site-header nav a { font-size: .75rem; padding-block: 9px; }
  html.history-home .home-hero h1 { font-size: clamp(2.4rem,6vw,3.75rem); margin: 18px 0 22px; }
  html.history-home .home-hero .intro { font-size: 1rem; }
  html.history-home .hero-actions { gap: 8px; margin-top: 24px; }
  html.history-home .hero-actions .button { font-size: .8125rem; padding: 10px 12px; }
  html.history-home .reading-note { font-size: .6875rem; }
  html.history-home :is(.latest,.reading-guide,.author-section) { padding: 40px 0 44px; }
  html.history-home .section-label { flex-direction: column; align-items: flex-start; gap: 12px; padding-bottom: 24px; }
  html.history-home .section-label h2 { font-size: 1.625rem; }
  html.history-home .featured-copy { padding: 23px 20px; gap: 15px; }
  html.history-home .featured-copy h2 { font-size: 1.5rem; }
  html.history-home .featured-actions { gap: 8px 14px; }
  html.history-home .featured-actions .text-link { font-size: .8125rem; }
  html.history-home .cargo-name { font-size: 1.25rem; }
  html.history-home .cargo-question h3 { font-size: 1.125rem; }
  html.history-home :is(.reading-guide h2,.author-section h2,.updates-section h2) { font-size: 1.625rem; }
  html.history-home .reading-guide h3 { font-size: 1.25rem; }
  html.history-home .reading-guide-steps>li { grid-template-columns: 32px minmax(0,1fr); gap: 14px; }
  html.history-home .guide-number { width: 32px; height: 32px; }
  html.history-home .reading-guide-steps>li:not(:last-child)::before { left: 15px; }
  html.history-home .guide-links { gap: 2px 16px; }
  html.history-home .guide-links a { font-size: .75rem; }
  html.history-home .author-record dl>div { grid-template-columns: 72px minmax(0,1fr); gap: 12px; padding: 14px 16px; }
  html.history-home .updates-section { padding: 22px 18px; margin-bottom: 44px; }
  html.history-home .feed-address { font-size: .6875rem; padding: 10px; }
  html.history-home .copy-feed { padding-inline: 12px; }
  html.history-home .footer-links { margin-left: 0; gap: 4px 20px; }
}
@media (max-width:359px) {
  html.history-home :is(.site-header,.home-main,footer) { padding-inline: 16px; }
  html.history-home .brand-name { gap: 7px; font-size: .875rem; }
  html.history-home .brand-name strong { font-size: 1rem; }
  html.history-home .brand { gap: 8px; }
  html.history-home .site-header nav { gap: 0 14px; }
  html.history-home .hero-actions { flex-direction: column; align-items: flex-start; }
  html.history-home .manifest-row { grid-template-columns: minmax(0,1fr); }
  html.history-home .cargo-go { justify-content: flex-start; }
}
@media (prefers-reduced-motion: reduce) {
  html.history-home *, html.history-home *::before, html.history-home *::after { animation: none!important; transition: none!important; }
  html.history-home .manifest-row:hover .cargo-go span { transform: none; }
  html.history-home #route-motion { display: none; }
}
@media print {
  html.history-home { --bg: #FFFFFF; --bg-2: #FFFFFF; --fg: #0E1A23; --fg-2: #465864; --accent: #136F65; --accent-ink: #FFFFFF; --line: #C5D1D7; --grid: #DCE4E8; }
  html.history-home :is(.theme-toggle,#route-motion,.copy-feed) { display: none!important; }
  html.history-home .route-mover { animation: none!important; }
}