:root{--reading-ink:#263a37;--reading-sub:#697b75;--reading-accent:#b85d40}html{scroll-behavior:smooth;scroll-padding-top:20px}.detail-page{background:#eeeee7}.toolbar{font-size:12px;max-width:1050px}.toolbar a:hover{text-decoration:underline}.toolbar button{cursor:pointer}.card.edition{aspect-ratio:auto;min-height:125cqw;overflow:visible}.edition h1{font-size:clamp(28px,5.8cqw,56px);overflow-wrap:anywhere}.edition .deck{font-size:clamp(12px,1.9cqw,18px)}.edition .unit p{font-size:clamp(12px,1.85cqw,18px)}.edition .unit h2{font-size:clamp(16px,2.7cqw,26px)}.edition .eyebrow,.edition .unit-no{font-size:clamp(9px,1.2cqw,12px)}.edition .ed-footer{font-size:clamp(9px,1.15cqw,12px);gap:15px}.edition .takeaway{font-size:clamp(11px,1.75cqw,16px)}.edition .hero-word>span{font-size:clamp(40px,11cqw,106px)}.edition .ed-mast{font-size:clamp(10px,1.35cqw,14px)}.edition .ed-mast>span{font-size:clamp(9px,1.15cqw,12px)}.edition .canvas{gap:2.7cqw}.edition .unit{overflow-wrap:anywhere}.reader{width:min(860px,calc(100% - 40px));margin:40px auto 60px;color:var(--reading-ink)}.reader-head{padding:40px;background:#fffdf6;border-top:3px solid var(--reading-accent)}.small-label{font-size:10px;letter-spacing:.14em;font-weight:700;color:var(--reading-accent)}.reader-head h2{font-size:clamp(25px,3vw,37px);line-height:1.35;letter-spacing:-1.2px;margin:16px 0 12px}.reader-head>p{font-size:14px;color:var(--reading-sub)}.reading-meta{font-size:10px;color:var(--reading-sub);margin-top:24px;line-height:1.9}.story{background:#fffdf6;padding:0 60px 50px;font-size:17px;line-height:2;letter-spacing:-.2px}.story>p{margin:0 0 24px}.story>p:last-child{margin:0}.story h3{font-size:21px;margin:30px 0 12px;letter-spacing:-.6px}.story h3:first-child{margin-top:0}.onepage-module{background:#e1e8df;padding:32px;margin-top:28px;border:1px solid #cbd6c8}.onepage-module>h2{font-size:23px;letter-spacing:-.7px;margin:10px 0 25px}.module-note{font-size:11px;color:#5c7065;line-height:1.8;margin-top:18px}.onepage-module .duo{display:grid;grid-template-columns:1fr 45px 1fr;align-items:stretch}.dcard{padding:24px;background:#fffdf6;border:1px solid #c6d0c2}.dcard h3{font-size:20px;margin-bottom:10px}.dcard>p{font-size:12px;color:#6c796c;line-height:1.7}.dcard ul{padding:15px 0 0;list-style:none}.dcard li{display:flex;justify-content:space-between;gap:15px;padding:10px 0;border-bottom:1px solid #e1e5db;font-size:10px}.dcard li b{font-weight:650;text-align:right}.dlink{align-self:center}.cv{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.cvs{background:#fffdf6;padding:16px 10px;border-top:2px solid #7a927c;position:relative}.cn{font-size:10px;color:#8c9b89}.ct{font-size:15px;font-weight:700;margin:10px 0}.cd{font-size:10px;line-height:1.6;color:#73816f}.checks{display:grid;gap:8px}.health-check{display:flex;gap:14px;align-items:center;background:#fffdf6;padding:15px;font-size:13px;cursor:pointer}.health-check input{width:18px;height:18px;accent-color:#406953;flex:none}.health-check:has(input:checked){background:#ccd9c6}.sources{background:#f7f6ee;padding:24px;margin-top:28px;border:1px solid #d3d8cc;font-size:12px;line-height:1.85}.sources summary{cursor:pointer;font-weight:700}.sources p{margin:16px 0}.sources a{text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere}.sources li{margin:10px 0}.story-nav{display:flex;justify-content:space-between;gap:15px;font-size:12px;padding:28px 0;border-top:1px solid #c6d0c2;margin-top:30px}.story-nav a:hover{color:var(--reading-accent)}
/* Headings, side notes and reading direction vary with original source variants. */
.composition-002 .deck,.composition-032 .deck,.composition-062 .deck{border-left:3px solid var(--accent);padding-left:2cqw}.composition-011 .ed-head,.composition-041 .ed-head,.composition-071 .ed-head{max-width:88%;align-self:flex-end}.composition-015 h1,.composition-045 h1,.composition-075 h1{font-family:Georgia,Batang,serif;font-weight:600}.composition-021 .ed-head,.composition-051 .ed-head,.composition-081 .ed-head{border-bottom:1px solid var(--line);padding-bottom:3cqw}.composition-029 .deck,.composition-059 .deck,.composition-089 .deck{background:var(--soft);padding:1.5cqw}.composition-033 h1,.composition-063 h1,.composition-093 h1{letter-spacing:-.075em}.composition-038 .ed-head,.composition-068 .ed-head,.composition-098 .ed-head{padding-left:2cqw;border-left:4px solid var(--accent)}
@media(max-width:600px){.toolbar{width:calc(100% - 28px);margin:16px auto;align-items:flex-start;gap:12px}.toolbar>div{justify-content:flex-end;gap:5px}.toolbar>div a,.toolbar button{font-size:10px;padding:7px}.toolbar>a{font-size:11px;white-space:nowrap;padding-top:6px}.frame,.reader{width:calc(100% - 28px)}.card.edition{padding:5cqw;min-height:145cqw}.edition h1{font-size:clamp(25px,6.7cqw,40px)}.edition .unit p{font-size:12px;line-height:1.65}.edition h2,.edition .unit h2{font-size:16px;line-height:1.4}.edition .deck{font-size:12px}.edition .unit-no{font-size:9px}.edition .canvas{gap:5cqw}.reader{margin-top:26px}.reader-head{padding:27px 24px}.reader-head h2{font-size:26px}.story{padding:0 24px 32px;font-size:16px;line-height:1.95}.story h3{font-size:19px}.onepage-module{padding:22px 18px}.onepage-module>h2{font-size:20px}.onepage-module .duo{grid-template-columns:1fr;gap:12px}.dlink{display:none}.dcard{padding:20px}.dcard li{font-size:11px}.cv{grid-template-columns:1fr;gap:8px}.cvs{display:grid;grid-template-columns:24px 100px 1fr;align-items:center;gap:10px;padding:12px}.ct{margin:0;font-size:13px}.health-check{font-size:12px;padding:12px}.sources{padding:20px;font-size:11px}.story-nav{font-size:11px}.reading-meta{font-size:9px}}
@media print{.toolbar,.skip,.story-nav{display:none!important}.detail-page{background:white}.frame{width:100%;break-after:page}.reader{width:100%;margin:0}.reader-head,.story{padding:20px}.story{font-size:12pt;line-height:1.7}.sources{display:block}.card.edition{box-shadow:none;min-height:0;break-inside:avoid}.onepage-module{break-inside:avoid}.card{print-color-adjust:exact}}
/* Diagrams own their surface and text tokens; they never inherit a reader's light ink. */
.onepage-module{--diagram-bg:#edf1ea;--diagram-card:#fffef8;--diagram-ink:#243b32;--diagram-sub:#4c6257;--diagram-line:#bdcbbd;--diagram-accent:#45694e;--diagram-checked:#d9e5d3;background:var(--diagram-bg);color:var(--diagram-ink);border-color:var(--diagram-line);font-family:Pretendard,'Malgun Gothic',Arial,sans-serif;font-size:14px;line-height:1.75;font-weight:400;letter-spacing:0}
html[data-theme=dark] .onepage-module{--diagram-bg:#202d25;--diagram-card:#2b3b30;--diagram-ink:#f1f4ec;--diagram-sub:#c4d0c2;--diagram-line:#607361;--diagram-accent:#aacb9b;--diagram-checked:#384e3c}
.onepage-module :is(h2,h3,p,li,b,span,small,label,div){font-family:inherit;letter-spacing:normal}
.onepage-module>h2{color:var(--diagram-ink);font-size:23px;font-weight:750;line-height:1.4;letter-spacing:-.5px}
.onepage-module .small-label{color:var(--diagram-accent);font-size:11px;font-weight:700;letter-spacing:.08em}
.onepage-module :is(.dcard,.cvs,.health-check){background:var(--diagram-card);color:var(--diagram-ink);border-color:var(--diagram-line)}
.onepage-module .dcard h3{font-size:19px;font-weight:700;line-height:1.45;color:var(--diagram-ink)}
.onepage-module .dcard>p{font-size:14px;line-height:1.8;color:var(--diagram-sub)}
.onepage-module .dcard li{font-size:13px;line-height:1.7;color:var(--diagram-ink);border-color:var(--diagram-line)}
.onepage-module .dcard li b{font-size:13px;font-weight:650;color:var(--diagram-ink)}
.onepage-module .cn{font-size:12px;font-weight:650;color:var(--diagram-accent)}
.onepage-module .ct{font-size:16px;font-weight:700;line-height:1.5;color:var(--diagram-ink)}
.onepage-module .cd{font-size:13px;font-weight:400;line-height:1.7;color:var(--diagram-sub)}
.onepage-module .cvs{border-top-color:var(--diagram-accent)}
.onepage-module .health-check{font-size:14px;line-height:1.75;font-weight:500}
.onepage-module .health-check span{color:var(--diagram-ink)}
.onepage-module .health-check:has(input:checked){background:var(--diagram-checked)}
.onepage-module input[type=checkbox]{accent-color:var(--diagram-accent)}
.onepage-module .module-note{font-size:12px;font-weight:400;line-height:1.85;color:var(--diagram-sub)}
.onepage-module .module-note b{color:var(--diagram-ink)}
.onepage-module .dlink{color:var(--diagram-sub)}
.onepage-module .dlink svg [stroke]{stroke:var(--diagram-sub)}
@media(max-width:600px){.onepage-module>h2{font-size:21px}.onepage-module .dcard h3{font-size:18px}.onepage-module .dcard>p,.onepage-module .health-check{font-size:13px}.onepage-module .dcard li,.onepage-module .dcard li b,.onepage-module .cd{font-size:12px}.onepage-module .ct{font-size:14px}.onepage-module .cvs{grid-template-columns:23px 90px minmax(0,1fr);gap:8px}.onepage-module .module-note{font-size:12px}}
@media print{html[data-theme] .onepage-module{--diagram-bg:#edf1ea;--diagram-card:#fffef8;--diagram-ink:#243b32;--diagram-sub:#4c6257;--diagram-accent:#45694e;--diagram-checked:#d9e5d3}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}
