:root{--ink:#102b33;--ink2:#254650;--paper:#f5f1e7;--paper2:#e9e3d5;--muted:#a7ada5;--line:#d7d0c0;--copper:#ba7952;--gold:#d9b987;--white:#fffdf8;font-family:'Noto Sans SC',system-ui,sans-serif;color:var(--ink);background:#102b33}
*{box-sizing:border-box}html,body,#app{margin:0;min-height:100%;width:100%}button,input{font:inherit}button{cursor:pointer}a{color:#845431;text-decoration:none;border-bottom:1px solid #ba795299}a:hover{color:#a84624;border-color:#a84624}button:focus-visible,a:focus-visible,input:focus-visible,[role=button]:focus-visible{outline:2px solid #d3935c;outline-offset:3px}.kicker{font-size:10px;letter-spacing:.19em;font-weight:700;text-transform:uppercase;color:var(--copper)}
#app{display:flex;flex-direction:column;min-height:100vh;height:100vh;overflow:hidden}.topbar{height:82px;flex:none;background:var(--ink);color:#f1ede2;display:flex;align-items:center;justify-content:space-between;padding:0 32px;border-bottom:1px solid #31515a}.brand{display:flex;align-items:center;gap:12px;min-width:280px}.brand-mark{font-family:Georgia,serif;border:1.3px solid #c79d70;color:#d9b987;border-radius:50%;width:37px;height:37px;display:grid;place-items:center;font-size:28px;line-height:1}.brand-title{font:600 29px/1 Georgia,'Noto Serif SC',serif;letter-spacing:.02em}.brand-sub{font-size:10px;letter-spacing:.24em;color:#9baeb0;margin-top:6px}.header-middle{font-family:'Noto Serif SC',serif;color:#c7c9c1;font-size:14px;letter-spacing:.12em}.header-actions{display:flex;align-items:center;gap:4px}.mode-switch{background:none;border:0;color:#9baeb0;padding:10px 13px;font-size:12px}.mode-switch.on{color:#f4e2c3;border-bottom:2px solid var(--gold)}.issue{font-size:10px;color:#78939a;letter-spacing:.08em;border-left:1px solid #3c5960;margin-left:13px;padding-left:18px}
.boot-title{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.boot-main{display:none}
.workspace{display:grid;grid-template-columns:265px minmax(420px,1fr) 415px;flex:1;min-height:0}.rail{background:#f1ece1;display:flex;flex-direction:column;border-right:1px solid #d0c5b2;min-height:0}.rail-heading{padding:29px 24px 16px}.rail-heading h2{font:600 23px/1.35 'Noto Serif SC',serif;margin:13px 0 9px;letter-spacing:.02em}.rail-heading p{margin:0;font-size:11px;line-height:1.75;color:#7a807b}.search-wrap{margin:4px 20px 24px;border:1px solid #d2cbbc;background:#faf8f2;display:flex;align-items:center;padding:0 10px;gap:8px;height:38px;color:#a1785a;font-size:20px}.search-wrap input{border:0;outline:0;background:transparent;width:100%;font-size:12px;color:var(--ink)}.search-wrap input::placeholder{color:#aaa9a0}.rail-section{margin:0 21px 8px;display:flex;justify-content:space-between;font-size:10px;color:#9e7b5f;letter-spacing:.06em;border-bottom:1px solid #d7cfc1;padding-bottom:9px}.region-list{overflow-y:auto;min-height:0;padding:0 12px 10px}.region-item{border:0;background:transparent;width:100%;text-align:left;display:flex;align-items:center;gap:11px;padding:10px 10px;color:#3d4c4a;position:relative;border-left:2px solid transparent}.region-item:hover{background:#e8e0d2}.region-item.active{background:#e4d9c8;border-left-color:#af6747;color:#193b42}.region-number{font:10px Georgia,serif;color:#9f9d91;align-self:flex-start;margin-top:4px}.region-copy{display:flex;flex-direction:column;gap:3px;flex:1}.region-copy strong{font-size:13px;font-weight:600}.region-copy small{font-size:10px;color:#9e9b91}.region-arrow{color:#b7815c;font-size:13px;opacity:0}.region-item:hover .region-arrow,.region-item.active .region-arrow{opacity:1}.empty-small{padding:12px;color:#85877f;font-size:12px}.rail-bottom{border-top:1px solid #d8cebe;padding:17px 20px;display:flex;gap:13px;color:#8a8b81;font-size:10px;line-height:1.7}.seal{color:#b98464;border:1px solid #ba9078;padding:4px 7px;font:600 13px/1.25 'Noto Serif SC',serif;height:max-content}.text-button{background:none;padding:0;border:0;color:#9c6144;font-size:10px;margin-top:3px}
.map-panel{background:#102b33;color:#f4ede1;display:flex;flex-direction:column;min-width:0;position:relative;overflow:hidden}.map-topline{display:flex;justify-content:space-between;padding:32px 36px 5px;z-index:1}.map-topline .kicker{color:#bca47f}.map-topline h1{font:500 30px/1.2 'Noto Serif SC',serif;letter-spacing:.07em;margin:11px 0 8px}.map-topline p{font-size:11px;color:#a1b2b1;margin:0}.map-count{text-align:right;display:flex;flex-direction:column;gap:3px;color:#8da5a5;padding-top:10px}.map-count strong{font:34px/1 Georgia,serif;color:#d6b98b;font-weight:400}.map-count span{font-size:10px}.map-canvas{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;position:relative;padding:0 10px}.map-canvas:before{content:'';position:absolute;inset:7% 4% 8%;background:radial-gradient(ellipse at center,#21444b55,transparent 64%);pointer-events:none}.atlas-svg{width:100%;height:100%;max-height:640px;display:block;position:relative}.land{fill:#304e50;stroke:#78908b;stroke-width:.5;vector-effect:non-scaling-stroke;transition:fill .15s,stroke .15s;cursor:pointer}.land:hover{fill:#879982;stroke:#efcf99;stroke-width:1.6}.land.covered{fill:#52736d}.land.selected{fill:#b88e69;stroke:#eed4a4;stroke-width:1.1}.marker{cursor:pointer}.marker circle{fill:#d28d61;stroke:#f2d7a8;stroke-width:1.5}.marker.active circle{fill:#efc78e;stroke:#fff4cf;stroke-width:2.5}.marker text{font:12px 'Noto Sans SC',sans-serif;fill:#f0e3ca;paint-order:stroke;stroke:#17383e;stroke-width:3px;pointer-events:none}.marker:hover text{fill:#fff}.map-loading{color:#c6b79e;font-size:13px}.map-scale{position:absolute;bottom:14px;right:27px;display:flex;flex-direction:column;align-items:flex-end;color:#7f9b9c;font:10px Georgia,serif;letter-spacing:.08em}.map-scale span{font:10px 'Noto Sans SC',sans-serif;letter-spacing:0;margin-top:5px;color:#6f8585}.map-foot{height:62px;border-top:1px solid #33515a;margin:0 26px;display:flex;align-items:center;justify-content:space-between;gap:10px}.map-legend{display:flex;gap:17px;font-size:10px;color:#a7b3b1}.map-legend span{display:flex;align-items:center;gap:7px}.legend-dot{height:7px;width:7px;background:#7e9b85;border-radius:100%}.legend-dot.active{background:#e1b37c}.legend-square{height:8px;width:8px;border:1px solid #75908c}.map-foot-note{font-size:11px;color:#c3a885}
.detail{background:var(--paper);border-left:1px solid #ddd2c1;min-height:0}.detail-scroll{height:100%;overflow-y:auto}.detail-heading{background:#f9f6ee;padding:29px 29px 22px;border-bottom:1px solid var(--line)}.detail-heading h2{font:600 31px/1.25 'Noto Serif SC',serif;margin:10px 0 10px}.detail-heading>p{font:400 14px/1.8 'Noto Serif SC',serif;color:#56615d;margin:0}.heading-meta{display:flex;justify-content:space-between;margin-top:17px;color:#9b9b91;font-size:10px}.chips{display:flex;gap:6px;flex-wrap:wrap;margin-top:15px}.chips button{background:#eee7da;border:1px solid #d8cbbb;color:#7c533c;font-size:11px;padding:6px 9px}.tabs{height:53px;display:flex;border-bottom:1px solid var(--line);background:#f6f2e8;position:sticky;top:0;z-index:3}.tabs button{flex:1;background:none;border:0;border-bottom:2px solid transparent;font-size:12px;color:#8c918c;letter-spacing:.12em}.tabs button[aria-selected=true]{border-bottom-color:#aa6848;color:#7a422d;font-weight:700}.tabs button:hover{background:#ede5d6}.detail-body{padding:25px 29px 30px}.section-label{display:flex;justify-content:space-between;color:#9f704f;font-size:10px;letter-spacing:.09em;margin-bottom:18px}.section-label span:last-child{color:#acaa9f;letter-spacing:0}.lead-reading{font:400 15px/1.95 'Noto Serif SC',serif;color:#354947;margin:0 0 28px}.mini-title{font-size:11px;color:#9b795c;letter-spacing:.09em;font-weight:700;display:flex;justify-content:space-between;margin:20px 0 12px}.lens-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.lens{background:#ebe3d4;border-top:2px solid #b98961;min-height:80px;padding:10px}.lens span{color:#b99270;font:11px Georgia,serif;display:block}.lens strong{display:block;font-size:11px;line-height:1.5;margin-top:7px;font-weight:600}.question-card{border-left:2px solid #bb8765;padding-left:17px;margin-top:26px}.question-card .mini-title{margin:0 0 12px}.question-card p{font-size:12px;line-height:1.6;color:#5c625d;margin:8px 0}.source-box{margin-top:28px;border-top:1px solid var(--line);padding-top:14px;font-size:10px;color:#99978c;display:flex;flex-direction:column;gap:7px}.source-box>span{font-size:10px;color:#ae8b71}.source-box small{font-size:10px;line-height:1.7}.empty-state{text-align:center;padding:55px 20px;color:#9c9c90}.empty-state span{font:45px Georgia,serif;color:#c6ab87}.empty-state h3{font:500 21px 'Noto Serif SC',serif;color:#596662}.empty-state p{line-height:1.8;font-size:12px}.empty-state.compact{padding:12px;text-align:left}.selected-plan{background:#e8e0d2;border:1px solid #d5c5ae;padding:19px 21px}.selected-plan-top{display:flex;justify-content:space-between;color:#9b6846;font-size:11px}.selected-plan-top b{font:600 19px 'Noto Serif SC',serif}.selected-plan h3{font:600 21px 'Noto Serif SC',serif;margin:15px 0 9px}.selected-plan p{font-size:12px;line-height:1.8;color:#53625c}.plan-tag{font-size:10px;color:#8b887d;margin:13px 0}.plan-tag.linked{color:#986243}.plan-source{font-size:10px}.project-list{display:flex;flex-direction:column;gap:10px}.project-card{background:#fcfaf4;border:1px solid #ddd5c8;padding:14px 15px}.project-card>div{display:flex;justify-content:space-between;align-items:center}.project-type{font-size:10px;color:#ab6d4d}.project-status{font-size:9px;color:#8b9690;border:1px solid #cbd2c7;padding:2px 5px}.project-card h4{font:600 15px 'Noto Serif SC',serif;margin:8px 0}.project-card p{font-size:11px;line-height:1.75;color:#66716c;margin:0}.project-card footer{margin-top:9px;font-size:10px;color:#a1a197}.focus-select>span{font-size:10px;color:#927359}.focus-select>div{display:flex;flex-wrap:wrap;gap:5px;margin:10px 0 22px}.focus-select button{font-size:10px;border:1px solid #d7c9b7;background:#eee8dc;color:#827f72;padding:5px 8px}.focus-select button.active{background:#a76344;border-color:#a76344;color:white}.comparison-intro{margin-bottom:20px;border-bottom:1px solid var(--line);padding-bottom:13px}.comparison-intro strong{font:600 22px 'Noto Serif SC',serif}.comparison-intro p{font-size:11px;color:#818b83;line-height:1.7;margin:7px 0 0}.perspectives{display:flex;flex-direction:column;gap:9px}.perspective{background:#fcfaf5;border:1px solid #ddd6c9;padding:14px 16px}.perspective-top{display:flex;align-items:center;gap:8px}.perspective-index{color:#b99476;font:12px Georgia,serif}.perspective h4{font:600 15px 'Noto Serif SC',serif;margin:0;flex:1}.perspective-level{font-size:9px;color:#ab7c5b}.perspective p{font-size:11px;line-height:1.8;color:#5e6a64;margin:10px 0 0}.perspective footer{font-size:10px;margin-top:8px}
.timeline{height:132px;flex:none;background:#0b242c;color:#e4d8c5;display:grid;grid-template-columns:240px minmax(0,1fr) 115px;align-items:center;border-top:1px solid #31515a;padding:0 24px;gap:14px}.timeline-title{padding-right:12px}.timeline-title .kicker{color:#bb9976}.timeline-title strong{font:500 17px 'Noto Serif SC',serif;display:block;margin:7px 0}.timeline-title p{font-size:10px;color:#80989a;margin:0;line-height:1.5}.timeline-track{display:flex;overflow-x:auto;align-items:center;padding:12px 4px 15px;scrollbar-width:thin;scrollbar-color:#41616a transparent}.time-node{flex:1;min-width:59px;border:0;background:none;color:#789296;display:flex;flex-direction:column;align-items:center;position:relative;padding:0 3px}.time-node strong{font:600 10px 'Noto Sans SC',sans-serif;margin-top:12px}.time-node small{font:9px Georgia,serif;margin-top:4px;white-space:nowrap}.node-line{width:100%;height:1px;background:#3d5960;position:absolute;top:5px}.node-dot{width:10px;height:10px;background:#31545a;border:2px solid #698587;border-radius:50%;z-index:1}.time-node:hover,.time-node.active{color:#e2bd8e}.time-node.active .node-dot{background:#d2a779;border-color:#efcf9d;box-shadow:0 0 0 4px #d7ae7430}.timeline-current{text-align:right;border-left:1px solid #345159;padding-left:13px}.timeline-current span{font-size:9px;color:#748f91;display:block}.timeline-current strong{font:500 24px 'Noto Serif SC',serif;color:#ddb98b;display:block;margin:4px 0}.timeline-current small{font-size:9px;color:#9daaaa}
dialog{max-width:530px;border:1px solid #c5b493;background:#f8f3e8;color:#2c4243;padding:31px 35px;box-shadow:0 28px 85px #06171bc7}dialog::backdrop{background:#071b20bd}.dialog-close{float:right;background:none;border:0;font-size:25px;color:#9d7b60}dialog h2{font:600 27px 'Noto Serif SC',serif}dialog p{font-size:13px;line-height:1.9;color:#54635e}.dialog-primary{background:#a66c4c;color:white;border:0;padding:10px 16px;margin-top:10px}
@media(max-width:1180px){.workspace{grid-template-columns:215px minmax(350px,1fr) 355px}.rail-heading{padding-left:18px;padding-right:18px}.rail-heading h2{font-size:21px}.detail-body,.detail-heading{padding-left:22px;padding-right:22px}.header-middle{display:none}.timeline{grid-template-columns:170px minmax(0,1fr) 80px}.timeline-title strong{font-size:14px}}
@media(max-width:850px){#app{height:auto;min-height:100vh;overflow:visible}.topbar{height:70px;padding:0 17px}.brand{min-width:0}.brand-title{font-size:25px}.brand-sub{font-size:8px}.issue{display:none}.header-actions{gap:0}.mode-switch{font-size:10px;padding:8px}.workspace{display:flex;flex-direction:column}.rail{order:2;border-right:0;border-top:1px solid #d0c5b2}.rail-heading{padding:20px 20px 8px}.rail-heading h2{font-size:20px;margin:7px 0}.search-wrap{margin-bottom:12px}.region-list{display:flex;overflow-x:auto;padding:0 12px 10px}.region-item{min-width:125px;width:auto;flex:0 0 auto}.rail-bottom{display:none}.map-panel{order:1;min-height:460px}.map-topline{padding:24px 22px 0}.map-topline h1{font-size:24px}.map-canvas{height:330px;flex:none}.map-foot{height:55px}.detail{order:3;border-left:0}.detail-scroll{height:auto}.timeline{height:auto;display:flex;flex-direction:column;align-items:stretch;padding:18px 20px;gap:12px}.timeline-title p{display:none}.timeline-track{padding-bottom:13px}.timeline-current{display:none}.lens-grid{max-width:550px}.detail-body{max-width:720px}}
@media(max-width:520px){.brand-mark{width:30px;height:30px}.brand-title{font-size:21px}.brand-sub{letter-spacing:.1em}.map-topline h1{font-size:22px}.map-count{display:none}.map-panel{min-height:410px}.map-canvas{height:260px}.map-foot{margin:0 17px}.map-legend{gap:9px;font-size:9px}.map-foot-note{display:none}.marker text{font-size:15px}.detail-heading h2{font-size:27px}.lens-grid{gap:5px}.lens{padding:8px}.lens strong{font-size:10px}}
.analysis-list{border-top:1px solid var(--line);margin:0 0 22px}.analysis-item{border-bottom:1px solid var(--line);padding:15px 0}.analysis-item>span{color:#a66e4b;font-size:10px;letter-spacing:.08em;font-weight:700}.analysis-item p{font-size:12px;line-height:1.85;color:#596862;margin:7px 0 0}
@media(min-width:851px) and (max-width:1050px){.workspace{grid-template-columns:185px minmax(300px,1fr) 330px}.rail-heading h2{font-size:18px}.rail-heading{padding:20px 14px 10px}.rail-heading p{font-size:10px}.region-item{padding:8px 6px}.map-topline{padding:22px 20px 0}.map-topline h1{font-size:23px}.map-count{display:none}.map-canvas{padding:0 4px}.detail-body,.detail-heading{padding-left:18px;padding-right:18px}.detail-heading h2{font-size:25px}.timeline{grid-template-columns:165px minmax(0,1fr) 70px;padding:0 14px;gap:6px}}
.regional-note{background:#f7f1e6;border-left:2px solid #b7845c;margin:14px 0;padding:11px 13px}.regional-note span{color:#a66c47;font-size:10px;font-weight:700}.regional-note p{margin:5px 0 0!important;color:#4f625b!important}
/* Map-first reading layout */
.workspace{grid-template-columns:minmax(0,1fr) 420px}
.map-topline{gap:24px;align-items:flex-start}
.region-picker{display:flex;flex-direction:column;gap:7px;min-width:170px;color:#c8b58e;font-size:10px;letter-spacing:.1em;padding-top:7px}
.region-picker select{width:100%;background:#183b43;color:#e6ded0;border:1px solid #547078;border-radius:2px;padding:9px 10px;font:12px 'Noto Sans SC',sans-serif;letter-spacing:0}
.country,.province{vector-effect:non-scaling-stroke;cursor:pointer;transition:fill .16s ease,stroke .16s ease}
.country{fill:#2d4850;stroke:#819693;stroke-width:.65}
.country.china-country{fill:#426862}
.country:hover{fill:#7e9892;stroke:#e7c797;stroke-width:1.5}
.country.selected{fill:#a77c5b;stroke:#f0d2a4;stroke-width:1.5}
.province{fill:#5b7b74;stroke:#adc0ae;stroke-width:.75}
.province:hover{fill:#aab998;stroke:#f3d6a3;stroke-width:1.7}
.province.capital{fill:#bc9568;stroke:#f3d29b;stroke-width:1.5}
.province.related{fill:#8ea083;stroke:#dfc99c;stroke-width:1.15}
.province.related:hover{fill:#acb78f;stroke:#f4d6a4;stroke-width:1.7}
.province.selected{fill:#bc7853;stroke:#f5d8a3;stroke-width:1.7}
.country-label{font:12px 'Noto Sans SC',sans-serif;fill:#b0c3bd;pointer-events:none;paint-order:stroke;stroke:#17333a;stroke-width:3px}
.capital-marker{cursor:pointer}.capital-marker circle:first-child{fill:none;stroke:#f4d299;stroke-width:2}.capital-marker circle:nth-child(2){fill:#f4d299}.capital-marker text{font:12px 'Noto Sans SC',sans-serif;fill:#f8dfb3;paint-order:stroke;stroke:#18353a;stroke-width:3px;pointer-events:none}
.legend-capital,.legend-province,.legend-country,.legend-selected{width:9px;height:9px;display:inline-block;flex:none;border:1px solid #e1c69a}.legend-capital{background:#bc9568}.legend-province{background:#5b7b74;border-color:#adc0ae}.legend-country{background:#2d4850;border-color:#819693}.legend-selected{background:#bc7853;border-color:#f5d8a3}
.view-card{border:1px solid #ded5c6;background:#faf6ee;padding:16px 17px;margin-bottom:12px}.view-card-head{display:flex;gap:12px;align-items:flex-start}.view-card-head>span{color:#b27c57;font:19px Georgia,serif}.view-card h3{font:600 17px 'Noto Serif SC',serif;margin:0;color:#284542}.view-card small{color:#8e8a7d;font-size:10px}.view-card p{color:#53655e;font-size:12px;line-height:1.8;margin:12px 0}.view-card footer{font-size:10px;color:#948f83;border-top:1px solid #e5dccd;padding-top:9px}.view-card footer a{color:#a46948}.expand-wang{border:0;background:#e9dfcf;color:#8e5c3d;padding:7px 10px;font-size:11px;cursor:pointer}.wang-analysis{padding-top:10px}
@media(min-width:851px) and (max-width:1180px){.workspace{grid-template-columns:minmax(0,1fr) 360px}.map-topline{padding:24px 22px 4px}.map-topline h1{font-size:25px}.region-picker{min-width:150px}.map-legend{gap:9px;font-size:9px}}
@media(max-width:850px){.workspace{display:flex;flex-direction:column}.map-panel{order:1}.detail{order:2}.map-topline{padding:24px 22px 0}.map-canvas{height:390px}.detail-scroll{height:auto}}
@media(max-width:520px){.map-topline{flex-direction:column;gap:10px}.region-picker{padding-top:0;width:100%}.map-canvas{height:310px}.map-legend{flex-wrap:wrap;gap:6px 12px}.map-foot{height:auto;min-height:62px;padding:8px 0}.country-label{font-size:10px}}
/* First Five-Year Plan: 156-project provincial distribution */
.province.legacy-low,.legend-156-low{fill:#ae9b75;background:#ae9b75}
.province.legacy-mid,.legend-156-mid{fill:#c18457;background:#c18457}
.province.legacy-high,.legend-156-high{fill:#e3aa65;background:#e3aa65}
.province.legacy-low:hover,.province.legacy-mid:hover,.province.legacy-high:hover{fill:#f2d496}
.province.related{fill:#8ea083}
.province.selected{fill:#bc7853}
.province.selected:hover{fill:#d28d67}
.legend-156-low,.legend-156-mid,.legend-156-high{width:9px;height:9px;display:inline-block;border:1px solid #ead9b6;flex:none}
.project156{margin:17px 0 24px}.project156-head{background:#ece2d0;border-left:3px solid #b7774b;padding:15px 17px}.project156-head span{display:block;font-size:10px;letter-spacing:.1em;color:#9a6645}.project156-head strong{display:block;font:600 21px 'Noto Serif SC',serif;margin:5px 0;color:#274845}.project156-head p,.project156-note,.project156-province p{font-size:11px;line-height:1.8;color:#5b6a62;margin:7px 0 0}.project156-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:12px 0 16px}.project156-stats>div{background:#f3eadc;padding:9px 7px;text-align:center}.project156-stats b{display:block;font:22px Georgia,serif;color:#a26341}.project156-stats span{font-size:10px;color:#726e64}.project156-province{border:1px solid #d6b997;background:#fbf3e5;padding:11px 13px;margin-bottom:15px}.project156-province strong{font-size:13px;color:#8c5133}.project156-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;margin:10px 0 13px}.project156-item{display:flex;align-items:center;justify-content:space-between;border:1px solid #d9cebb;background:#faf6ed;color:#51625a;padding:7px 9px;cursor:pointer;font-size:11px}.project156-item:hover,.project156-item.active{background:#e9d5b7;border-color:#b67d52}.project156-item strong{font:600 13px Georgia,serif;color:#9f613b}.project156-note{margin:12px 0}.project156-sources{border-top:1px solid #e1d6c4;padding-top:9px;font-size:10px;color:#a66c47}.project156-sources a{color:#9d6344}
/* Two ways to read the viewpoints: place comparison or one national lens. */
.view-navigation{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:15px 22px;background:#f1e9dc;border-bottom:1px solid #d9cebc}.view-navigation button{min-width:0;text-align:left;border:1px solid #d4c6b1;background:#f9f5ed;padding:10px 11px;color:#385550;cursor:pointer}.view-navigation button.active{border-color:#a86643;background:#e9d7bd;box-shadow:inset 0 3px #a86643}.view-navigation strong,.view-navigation span{display:block}.view-navigation strong{font:600 14px 'Noto Serif SC',serif}.view-navigation span{font-size:10px;color:#7b8277;margin-top:4px;line-height:1.4}.person-picker{display:grid;grid-template-columns:repeat(2,1fr);gap:7px;margin:13px 0 17px}.person-picker button{border:1px solid #d7cdbd;background:#faf6ef;padding:10px 5px;color:#4c625c;font:600 12px 'Noto Sans SC',sans-serif;cursor:pointer}.person-picker button:hover,.person-picker button.active{border-color:#aa724f;background:#dfc5a3;color:#513b2e}.national-thesis{background:#ece1d0;border-left:3px solid #a96d48;padding:17px 18px;margin-bottom:15px}.national-thesis>span{font-size:10px;color:#9e6d4d;letter-spacing:.08em}.national-thesis h3{font:600 20px/1.4 'Noto Serif SC',serif;color:#294b46;margin:8px 0}.national-thesis p{font-size:12px;line-height:1.9;color:#52645b;margin:0 0 10px}.national-thesis a{font-size:10px;color:#a36342}.national-questions{border-top:1px solid #d7cbb8;border-bottom:1px solid #d7cbb8;padding:13px 2px;margin:13px 0 20px}.national-questions strong{color:#8b5b3d;font-size:11px}.national-questions p,.national-questions li{font-size:11px;line-height:1.8;color:#586962}.national-questions ol{margin:8px 0 0;padding-left:19px}.national-region-list{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin:11px 0 18px}.national-region-list button{text-align:left;background:#faf7f0;border:1px solid #ded5c6;padding:10px;cursor:pointer;display:flex;flex-wrap:wrap;gap:3px 7px;align-items:baseline;color:#354e49}.national-region-list button:hover{background:#eee1cf;border-color:#ba8c67}.national-region-list small{font:10px Georgia,serif;color:#ad8565}.national-region-list strong{font-size:12px}.national-region-list span{width:100%;font-size:10px;color:#8d8a7d;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media(max-width:520px){.view-navigation{padding:13px 17px}.view-navigation strong{font-size:12px}.view-navigation span{font-size:9px}}
/* Global initiatives share the planning space, with a separate chronology. */
.initiative-picker{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin:12px 0 16px}.initiative-picker button{display:flex;align-items:baseline;gap:7px;text-align:left;border:1px solid #d9cdbb;background:#faf7f0;color:#405b54;padding:10px;cursor:pointer}.initiative-picker button:hover,.initiative-picker button.active{background:#e8d5b8;border-color:#a86b48}.initiative-picker small{font:10px Georgia,serif;color:#a87859}.initiative-picker strong{font-size:11px}.initiative-detail{border:1px solid #d9cebd;background:#f9f5ed;padding:18px}.initiative-meta{display:flex;justify-content:space-between;gap:8px;color:#a16b49;font-size:10px}.initiative-detail h3{font:600 21px/1.4 'Noto Serif SC',serif;color:#2c4b47;margin:10px 0}.initiative-detail>p,.initiative-question p,.initiative-scope p,.initiative-places p{font-size:12px;line-height:1.85;color:#586962;margin:7px 0}.initiative-question,.initiative-scope,.initiative-places{padding:12px 0;border-top:1px solid #dfd5c5}.initiative-question strong,.initiative-scope strong,.initiative-places strong{font-size:11px;color:#9b603e}.initiative-places b{color:#354e48}.initiative-detail footer{border-top:1px solid #dfd5c5;padding-top:12px;font-size:10px}.initiative-detail footer a{color:#a26240}.initiative-marker{pointer-events:none}.initiative-marker circle{fill:#e5b16d;stroke:#fff1c9;stroke-width:2}.initiative-marker text{font:11px 'Noto Sans SC',sans-serif;fill:#ffe2b0;paint-order:stroke;stroke:#17343a;stroke-width:3px}.initiative-timeline .time-node{min-width:100px}.initiative-timeline .time-node strong{font-size:10px}
/* Reader-added article links and map pins. */
.add-link-button{border:1px solid #b58c65;background:#3a4a48;color:#f4dfbd;padding:8px 11px;margin-left:12px;font-size:11px;cursor:pointer;white-space:nowrap}.add-link-button:hover{background:#5a6153}.pin-dialog{width:min(520px,calc(100vw - 32px));max-height:min(90vh,760px);overflow:auto;box-sizing:border-box}.pin-dialog form{display:flex;flex-direction:column;gap:12px}.pin-dialog h2{margin:2px 0 0}.pin-dialog p{margin:0 0 2px}.pin-dialog label{display:flex;flex-direction:column;gap:6px;font-size:11px;color:#52635b;font-weight:600}.pin-dialog input,.pin-dialog select,.pin-dialog textarea{box-sizing:border-box;width:100%;border:1px solid #cfc3ae;background:#fffdf8;color:#263d3a;padding:10px;font:12px 'Noto Sans SC',sans-serif;outline:none}.pin-dialog input:focus,.pin-dialog select:focus,.pin-dialog textarea:focus{border-color:#a56a49}.pin-point-row{display:flex;align-items:center;justify-content:space-between;gap:12px;background:#ece4d6;padding:10px 12px}.pin-point-row div{display:flex;flex-direction:column;gap:3px}.pin-point-row strong{font-size:11px}.pin-point-row span{font-size:10px;color:#857d70}.pin-point-row button{border:1px solid #a97755;background:#f7f0e5;color:#865637;padding:8px 9px;cursor:pointer;font-size:11px}#pin-form-error{font-size:11px;color:#ad4935;min-height:15px}.pin-dialog .dialog-primary{margin-top:0;cursor:pointer}.point-pick-hint{position:absolute;top:14px;left:50%;transform:translateX(-50%);background:#e9c18c;color:#173438;padding:10px 15px;font-size:12px;z-index:3;box-shadow:0 6px 24px #091b2088;pointer-events:none;white-space:nowrap}.atlas-svg.picking-point,.atlas-svg.picking-point *{cursor:crosshair!important}.user-pin{cursor:pointer}.user-pin circle:nth-of-type(1){fill:#a95f47;stroke:#fff0ce;stroke-width:2;vector-effect:non-scaling-stroke}.user-pin circle:nth-of-type(2){fill:#fff0ce}.user-pin.active circle:nth-of-type(1),.user-pin:hover circle:nth-of-type(1){fill:#e19265;stroke:#fff8d9;stroke-width:3}.user-pin text{font:11px 'Noto Sans SC',sans-serif;fill:#ffedcd;paint-order:stroke;stroke:#16323b;stroke-width:3px;cursor:pointer}.selected-pin-card{margin:0;padding:14px 24px;background:#eadbc6;border-top:1px solid #d2b38e;border-bottom:1px solid #d2b38e}.selected-pin-meta{display:flex;justify-content:space-between;gap:8px;font-size:10px;color:#875b3b}.selected-pin-card p{font-size:12px;line-height:1.7;color:#445c55;margin:9px 0}.selected-pin-actions{display:flex;align-items:center;justify-content:space-between;gap:10px}.selected-pin-actions a{background:#a36545;color:white;text-decoration:none;padding:9px 12px;font-size:11px}.selected-pin-actions button{border:0;background:none;color:#906f57;font-size:10px;cursor:pointer}.selected-pin-card small{display:block;color:#897e6d;font-size:10px;margin-top:9px}
@media(max-width:850px){.add-link-button{margin-left:4px;padding:7px 8px}}
@media(max-width:520px){.add-link-button span{display:none}.add-link-button{font-size:17px;line-height:1;padding:5px 8px}.topbar{padding:0 12px}.mode-switch{padding:8px 5px;font-size:9px}.brand-title{font-size:20px}.brand-sub{font-size:7px;letter-spacing:0}.pin-dialog{padding:20px}.point-pick-hint{font-size:10px;max-width:80vw;white-space:normal;text-align:center}}

.user-pin .pin-hit-area{fill:transparent;cursor:pointer}

/* World chessboard view: China, the United States, active players and pivots. */
.country.role-china{fill:#9f6043;stroke:#ffd9a3;stroke-width:1.15}
.country.role-us{fill:#426aa3;stroke:#cce0ff;stroke-width:1.15}
.country.role-player{fill:#5f7d72;stroke:#bad0b8;stroke-width:.9}
.country.role-pivot{fill:#806b55;stroke:#e1c295;stroke-width:.9}
.country.role-anchor{fill:#676f8f;stroke:#c8d0ef;stroke-width:.9}
.country.role-china:hover,.country.role-us:hover{stroke-width:1.9;filter:brightness(1.12)}
.country.role-pivot:hover,.country.role-player:hover,.country.role-anchor:hover{stroke-width:1.6;filter:brightness(1.12)}
.strategic-marker{pointer-events:none}.strategic-marker circle{vector-effect:non-scaling-stroke;stroke-width:2}.strategic-marker text{font:10px 'Noto Sans SC',sans-serif;fill:#f7ead1;paint-order:stroke;stroke:#132f36;stroke-width:3px;letter-spacing:.02em}.strategic-marker.role-china circle{fill:#d78b57;stroke:#ffe2ad}.strategic-marker.role-us circle{fill:#6d99d5;stroke:#d9ecff}.strategic-marker.role-player circle{fill:#9ab287;stroke:#e1f1c9}.strategic-marker.role-pivot circle{fill:#c6a06d;stroke:#f3d59e}.strategic-marker.role-anchor circle{fill:#9ba3d5;stroke:#e4e8ff}.strategic-marker.role-china text,.strategic-marker.role-us text{font-size:11px;font-weight:700}.legend-china,.legend-us,.legend-player,.legend-pivot,.legend-anchor{width:9px;height:9px;display:inline-block;flex:none;border:1px solid #ead9b6}.legend-china{background:#9f6043}.legend-us{background:#426aa3}.legend-player{background:#5f7d72}.legend-pivot{background:#806b55}.legend-anchor{background:#676f8f}
.initiative-groups{display:flex;flex-direction:column;gap:13px;margin:12px 0 16px}.initiative-group-title{font-size:10px;color:#986445;letter-spacing:.12em;font-weight:700}.initiative-groups .initiative-picker{margin:7px 0 0}.initiative-picker button.side-us:hover,.initiative-picker button.side-us.active{background:#d9e2ef;border-color:#557ba7;color:#29415c}.initiative-picker button.side-china:hover,.initiative-picker button.side-china.active{background:#e8d5b8;border-color:#a86b48}.initiative-place-footnote{padding:12px 0;border-top:1px solid #dfd5c5}.initiative-place-footnote strong{font-size:11px;color:#9b603e}.initiative-place-footnote p{font-size:11px;line-height:1.8;color:#7a7568;margin:6px 0 0}

/* Map zoom and pan controls. */
.map-controls{position:absolute;left:24px;bottom:18px;z-index:4;display:flex;align-items:center;gap:5px;background:#102b33cc;border:1px solid #49656a;box-shadow:0 8px 24px #07191f88;padding:5px;border-radius:2px;backdrop-filter:blur(6px)}
.map-controls button{border:1px solid #6b8587;background:#1d4047;color:#f5e2bf;min-width:28px;height:27px;padding:0 8px;font-size:12px;cursor:pointer}.map-controls button:hover{background:#315b63;border-color:#d5b17d}.map-controls span{font:10px Georgia,serif;color:#a7b7b4;min-width:34px;text-align:right;padding:0 4px}.atlas-svg{touch-action:none}.atlas-svg:not(.picking-point){cursor:grab}.atlas-svg:not(.picking-point):active{cursor:grabbing}
.map-pickers{display:flex;gap:10px;flex-shrink:0}.map-pickers .region-picker{min-width:148px;max-width:190px}.strategic-picker select{border-color:#bb9362;color:#f2dcba}.construction-city circle{fill:#edc17c;stroke:#15343b;stroke-width:1.5;vector-effect:non-scaling-stroke;pointer-events:none}.strategic-city-list{font-size:11px;line-height:1.9;color:#52665e}.strategic-area-view .national-thesis{margin-top:8px}
.reading-context{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:17px 29px;background:#f9f6ee;border-bottom:1px solid var(--line)}.reading-context-title{min-width:0;color:#34514b;font:600 16px 'Noto Serif SC',serif}.reading-context-title span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.scope-switch{display:flex;flex:none;border:1px solid #d5c8b6;padding:2px;background:#eee8dc}.scope-switch button{border:0;background:transparent;color:#79847d;padding:6px 9px;font-size:11px;white-space:nowrap;cursor:pointer}.scope-switch button.active{background:#a76b48;color:#fff6e7}.scope-switch button:focus-visible,.compare-button:focus-visible{outline:2px solid #326a70;outline-offset:2px}.national-view{padding-top:20px}.local-view .view-card{margin-bottom:12px}.compare-button{margin:3px 0 18px;border:1px solid #b78d6e;background:#f7f0e4;color:#89593d;padding:9px 13px;font-size:11px;cursor:pointer}.compare-button:hover{background:#e8d7be}
@media(max-width:520px){.reading-context{padding:12px 17px;gap:8px}.reading-context-title{font-size:13px}.scope-switch button{font-size:10px;padding:6px}}
.area-back{border:0;background:none;color:#93623f;font:11px 'Noto Sans SC',sans-serif;cursor:pointer;padding:0 0 12px}.area-back:hover{text-decoration:underline}
.construction-city{cursor:pointer}.construction-city .city-hit{fill:transparent;stroke:none;pointer-events:all}.construction-city .city-dot{fill:#edc17c;stroke:#15343b;stroke-width:1.5;vector-effect:non-scaling-stroke;pointer-events:none}.construction-city:hover .city-dot,.construction-city.active .city-dot{fill:#fff3c9;stroke:#a45d3e;stroke-width:2.5}
.map-legend{flex-wrap:wrap;row-gap:5px}.map-foot{height:auto;min-height:62px;padding:7px 0}.initiative-participation{padding:12px 0;border-top:1px solid #dfd5c5}.initiative-participation strong{font-size:11px;color:#9b603e}.initiative-participation p{font-size:11px;line-height:1.8;color:#7a7568;margin:6px 0 0}
@media(max-width:1100px){.map-topline{flex-wrap:wrap}.map-pickers{width:100%;justify-content:flex-start}.map-pickers .region-picker{flex:1;max-width:260px}}
@media(max-width:520px){.map-pickers{flex-direction:column;gap:0}.map-pickers .region-picker{max-width:none;width:100%}}