/* CND — edição de apresentação. A tinta, os tipos e as três cartas pertencem ao acervo público da própria edição. */
:root{--carbon:#0a343a;--ocean:#0e4145;--moss:#196055;--chalk:#f7f4e9;--copper:#a74922;--sand:#f4c18d;--hair:#b9c6b7;--mono:ui-monospace,Consolas,"Microsoft YaHei",monospace}
[hidden]{display:none!important}
header{background:#f8f6edf7;box-shadow:none;border-bottom:1px solid #b8c4b6}
.mast{min-height:62px}.widena a{position:relative}.widena a:after{content:"";position:absolute;left:0;right:0;bottom:-5px;height:2px;background:var(--copper);transform:scaleX(0);transform-origin:left;transition:transform .16s}.widena a:hover:after,.widena a:focus-visible:after{transform:scaleX(1)}.langs a{min-width:35px;min-height:36px;display:grid;place-items:center}
.hero{position:relative;isolation:isolate;color:var(--carbon);background:linear-gradient(90deg,#f6f2e5 0%,#f6f2e5 50%,#103740 50%,#103740 100%)}
.hero:before{content:"";position:absolute;inset:0 50% 0 0;z-index:-1;background-image:radial-gradient(#9c9f8040 .7px,transparent .85px);background-size:7px 7px;mask-image:linear-gradient(125deg,#0006,transparent 50%,#0002);pointer-events:none}
.editionline{display:flex;align-items:center;justify-content:space-between;gap:12px;font:600 11px/1.5 var(--mono);letter-spacing:.12em;text-transform:uppercase;padding-block:16px 11px;border-bottom:1px solid #83998a80}
.editionline b,.editionline span{display:inline-flex;align-items:center;gap:12px}.editionline b:before{content:"";display:block;width:28px;height:6px;background:repeating-linear-gradient(90deg,var(--copper) 0 2px,transparent 2px 4px)}.editionline span{color:#e7ecd9}.editionline i{color:var(--copper);font-style:normal}.editionline span i{color:#ecbb85}
.herogrid{grid-template-columns:minmax(0,.92fr) minmax(0,1.04fr);gap:7%;padding-block:clamp(26px,2.7vw,46px)}
.intro .eyebrow{color:#346358;letter-spacing:.075em;font-size:clamp(10px,.8vw,13px)}
.intro .eyebrow i{background:#9e4a26;box-shadow:0 0 0 3px #a749221a}
.intro h1{font-size:clamp(56px,6.2vw,105px);margin:21px 0 17px;letter-spacing:-.065em;font-weight:600}
.intro h1 em{color:#a34c27;letter-spacing:-.067em}.intro>p{color:#354f4d;font-size:clamp(16px,1.27vw,22px);max-width:45ch}
.hero .btn.light{background:var(--carbon);color:#fff6e5;border-color:var(--carbon);box-shadow:0 4px 0 #c9cbb8}.hero .btn.light:hover{background:#1b5753}.hero .textbtn{border-color:#9bafa0;color:var(--carbon);min-height:40px}
.cover{color:#f4f1df;background:#143b44;border:1px solid #628079;border-radius:4px;box-shadow:8px 8px 0 #062b324d;overflow:visible}
.cover:before,.cover:after{content:"";position:absolute;pointer-events:none;width:13px;height:13px;border-color:#ffd69b;z-index:2}
.cover:before{top:-1px;left:-1px;border-left:2px solid;border-top:2px solid;color:#edbe87}.cover:after{bottom:-1px;right:-1px;border-right:2px solid;border-bottom:2px solid;color:#edbe87}
.platetop{border-bottom:1px solid #426368;background:#12333a;padding:9px 14px;letter-spacing:.12em;border-radius:4px 4px 0 0}
.cover .mapplate img{background:#173a44;max-height:clamp(260px,23vw,405px)}
.lens{right:12px;top:43px;box-shadow:0 2px 8px #102b3150}.lens label{display:grid;align-items:center;min-height:30px}
.platecount{background:#13353e;padding:11px 15px;justify-content:flex-start;gap:9%;font-variant-numeric:tabular-nums}
.platecount>div{display:flex;flex-direction:column;align-items:flex-start;gap:1px}.platecount strong,.platecount b{font-weight:600;line-height:1;font-size:clamp(25px,2.3vw,40px)}.platecount span{font-size:12px;letter-spacing:0;line-height:1.35}
.cover figcaption{min-height:57px;padding:7px 168px 8px 15px;font-size:11px;line-height:1.34;background:#103139}.figsource{line-height:1.3;font-size:10px}
.project-launch{position:absolute;right:11px;bottom:11px;display:flex;align-items:center;justify-content:center;gap:7px;min-height:38px;padding:7px 11px;background:#244a4c;color:#fff4d8;border:1px solid #899e88;border-radius:4px;font:600 12px var(--head);cursor:pointer}
.project-launch svg{width:18px;height:18px}.project-launch:hover{background:#315c59}.strip{background:#092d35;color:#fff5df;border-top:0}.stripgrid{padding-block:13px}.stripgrid span{color:#adc8bd}
.observatory{background:#e9ecdf;color:var(--carbon);border-bottom:1px solid #b9c9b8;padding:clamp(35px,4.4vw,75px) 0}
.obs-k{display:flex;align-items:center;gap:12px;color:#315c52;font:600 11px/1.4 var(--head);letter-spacing:.11em;text-transform:uppercase}
.obs-k>span{padding:4px 6px;background:var(--carbon);color:#f9f3df;letter-spacing:.07em}.obs-k i{width:32px;height:1px;background:#7f998a}.obs-k b{margin-left:auto;font:500 12px var(--mono);letter-spacing:.06em}
.obs-grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.25fr);align-items:center;gap:7%;padding-block:23px}.obs-copy h2{max-width:17ch;font:600 clamp(32px,3.4vw,58px)/1.02 var(--head);letter-spacing:-.055em;text-wrap:balance}
.obs-copy>p{max-width:39ch;font-size:16px;line-height:1.45;color:#405b54;margin:12px 0}
.obs-year{display:flex;align-items:baseline;gap:7px;font-variant-numeric:tabular-nums}.obs-year small{font:600 11px var(--head);text-transform:uppercase;letter-spacing:.08em;color:#46685c}.obs-year strong{font:600 19px var(--head)}
.obs-count{display:flex;gap:22px;margin:6px 0 9px}.obs-count>div{display:flex;flex-direction:column-reverse}.obs-count dd{font:600 clamp(24px,3vw,42px)/1.16 var(--head);letter-spacing:-.055em;font-variant-numeric:tabular-nums}.obs-count dt{color:#36584d;font-size:12px}
.obs-link{font-size:14px;font-weight:600;text-decoration-thickness:1px;text-underline-offset:4px;display:inline-block;padding:8px 0}
.obs-plot{padding:clamp(16px,2vw,29px);border:1px solid #aabbaa;background:#f6f6e9;border-top:3px solid var(--moss);box-shadow:4px 4px 0 #afbba332}
.plot-head,.plot-y,.plot-years,.plot-control,.obs-source{font-variant-numeric:tabular-nums}
.plot-head,.plot-control{display:flex;align-items:center;justify-content:space-between;gap:12px}
.plot-head{font-size:13px}.plot-head span{font:11px var(--mono);color:var(--moss)}
.plot-grid{display:grid;grid-template-columns:42px minmax(0,1fr);margin-top:14px;height:clamp(115px,11.4vw,175px)}
.plot-y{display:flex;flex-direction:column;justify-content:space-between;padding:2px 5px 0 0;text-align:right;font:10px var(--mono);color:#4d635c}
#obs-svg{display:block;width:100%;height:100%;cursor:crosshair}#obs-svg rect{fill:#709f91}#obs-svg rect.chosen{fill:#a74922}#obs-svg rect:hover{fill:var(--carbon)}.plot-years{display:flex;justify-content:space-between;margin:4px 0 0 42px;font:10px var(--mono);color:#38594c}
.plot-control{margin:14px 0 5px;border-top:1px solid #bdcdbb;padding-top:6px;font-size:13px;font-weight:600}.plot-control input{accent-color:#176958;min-width:35px;flex:1;height:36px;cursor:pointer}.plot-control output{font:600 14px var(--mono)}
.obs-source{font-size:12px;color:#436356}.obs-tail{border-top:1px solid #adbdaa;padding-top:12px;display:grid;grid-template-columns:1.2fr 1fr;gap:6%;align-items:start}.obs-tail p,.obs-tail summary{font-size:13px}.obs-tail p{max-width:75ch;line-height:1.5;color:#3b5a4e}.obs-tail details>div{max-height:275px;overflow:auto;margin-top:8px}.obs-tail summary{font-weight:600;cursor:pointer;min-height:32px}.obs-tail table{width:100%;border-collapse:collapse;text-align:right;font-size:13px;font-variant-numeric:tabular-nums}.obs-tail td,.obs-tail th{padding:4px;border-bottom:1px solid #c6d0bd}.obs-tail thead{position:sticky;top:0;background:#dce6d6}
.section .tag b{border-radius:2px;background:var(--teal);color:white;padding:5px 7px}.section .tag:after{content:"";height:1px;flex:1;background:currentColor;opacity:.25}
.case-label{background:#163e46!important;color:#f8edd3;min-height:147px;overflow:hidden;isolation:isolate;border-radius:2px;align-content:space-between}
.case-label img{position:absolute;right:0;bottom:0;z-index:-1;width:72%;height:90%;object-fit:contain}.case-label span,.case-label i{color:#f3cea0}.case-label b{font:600 54px/.95 var(--head)}.case-label i{justify-self:start;grid-column:1}
.projector{width:min(1180px,95vw);max-height:96dvh;padding:0;border:1px solid #68817b;background:#0a3039;color:#f8f4e5;box-shadow:0 25px 90px #051b27a1;margin:auto;overflow:auto}
.projector::backdrop{background:#061d25df}.projector:fullscreen{width:100vw;height:100dvh;max-width:none;max-height:none;border:none}
.proj-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:18px 4%;align-items:center;padding:clamp(15px,3vw,48px)}
.projector:fullscreen .proj-grid{min-height:100%;align-content:center}
.proj-top{grid-column:1/-1;border-bottom:1px solid #67807b;display:flex;align-items:center;justify-content:space-between;padding-bottom:8px;font-size:14px;font-weight:600}
.proj-top i{color:#eabd88;margin:0 6px}.projector button{background:transparent;color:inherit;border:1px solid #82958d;min-width:44px;min-height:44px;border-radius:4px;font:600 23px var(--head);cursor:pointer}.projector button:hover:not(:disabled){background:#23545b}.projector button:disabled{opacity:.35;cursor:default}
.proj-eyebrow{color:#efc68a;font:600 13px var(--head);text-transform:uppercase;letter-spacing:.09em}.proj-data h2{font:600 clamp(38px,5vw,86px)/1.02 var(--head);letter-spacing:-.06em;margin:10px 0 3px}.proj-period{color:#d0e2d0;font:400 clamp(22px,2.8vw,44px)/1.2 var(--head)}.proj-data dl{display:grid;gap:13px;margin:19px 0 7px}.proj-data dl div{display:flex;gap:14px;align-items:baseline;flex-direction:row-reverse;justify-content:flex-end}.proj-data dt{color:#d8e5d7;font-size:clamp(13px,1.25vw,19px)}.proj-data dd{font:600 clamp(32px,3.5vw,59px)/1 var(--head);color:#f7cd94;letter-spacing:-.045em}
.proj-map{background:#173b45;border:1px solid #4a686b}.proj-map img{width:100%;height:clamp(150px,39vh,520px);display:block;object-fit:contain}.proj-caption p{font-size:clamp(12px,.95vw,16px);line-height:1.5;color:#cfdfd2}.proj-controls{display:flex;gap:14px;align-items:center;justify-content:flex-end;font:600 14px var(--mono)}
:lang(zh-CN) .intro h1,:lang(zh-CN) .intro h1 em,:lang(zh-CN) .obs-copy h2,:lang(zh-CN) .proj-data h2{letter-spacing:-.025em;line-height:1.12}
@media(max-width:1000px){.intro h1{font-size:clamp(49px,6.95vw,70px)}.cover figcaption{padding-right:12px;padding-bottom:5px}.project-launch{position:static;margin:4px 10px 9px}.obs-grid{gap:4%}}
@media(max-width:690px){.hero{background:#f6f2e5}.hero:before{inset:0 0 35%}.editionline{padding-block:11px 8px;font-size:9px;letter-spacing:.07em}.editionline b,.editionline span{gap:6px}.editionline span{color:#456258}.editionline span i{color:#9f5133}.editionline b:before{width:16px;height:5px}
.herogrid,.obs-grid{grid-template-columns:minmax(0,1fr)}.herogrid{padding:21px 0 25px;gap:20px}.intro h1{font-size:clamp(47px,10.7vw,70px)}.intro .eyebrow{font-size:10px}.cover .mapplate img{max-height:250px}.project-launch{min-height:42px}.platecount strong,.platecount b{font-size:28px}.platecount span,.cover figcaption{font-size:12px}.cover figcaption{padding-bottom:9px}
.obs-grid{gap:17px;padding-block:16px}.obs-tail{grid-template-columns:1fr;gap:7px}.obs-k{font-size:9px;gap:7px}.obs-k>i{width:14px}.obs-k>b{font-size:10px}.obs-count{gap:24px}.obs-plot{padding:14px 10px}.plot-grid{grid-template-columns:33px minmax(0,1fr)}.plot-years{margin-left:33px}.obs-tail summary{min-height:40px;padding-block:6px}.obs-copy h2{font-size:34px}.case-label{min-height:105px}.case-label b{font-size:34px}.case-label span{grid-column:1/-1}.case-label i{display:none}
.proj-grid{grid-template-columns:1fr;gap:10px}.proj-data h2{font-size:35px}.proj-top,.proj-data,.proj-map,.proj-caption,.proj-controls{grid-column:1}.proj-data dl{display:flex;gap:14px}.proj-data dl div{display:flex;flex-direction:column-reverse;gap:2px;align-items:flex-start}.proj-data dt{font-size:12px}.proj-map img{height:clamp(110px,27dvh,240px)}.proj-controls{justify-content:center}.proj-top{font-size:13px}.projector{max-height:98dvh}.proj-data .obs-link{font-size:13px}.proj-data dd{font-size:28px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:0s!important;animation-duration:0s!important}}
@media print{.project-launch,.projector,.plot-control{display:none!important}.hero{background:white}.intro h1{font-size:45px}.editionline span{color:var(--ink)}.observatory{break-inside:avoid;padding:18px 0}.cover,.observatory,.obs-plot{-webkit-print-color-adjust:exact;print-color-adjust:exact}}
.plot-years{position:relative;display:block;height:1.2em}.plot-years span{position:absolute;transform:translateX(-50%)}.plot-years span:first-child{left:1.25%;transform:none}.plot-years span:nth-child(2){left:27.14%}.plot-years span:nth-child(3){left:55.71%}.plot-years span:nth-child(4){left:84.29%}.plot-years span:last-child{right:0;transform:none}
html:fullscreen .projector[open]{width:100vw;height:100dvh;max-width:none;max-height:none;border:none}
html:fullscreen .projector .proj-grid{min-height:100%;align-content:center}
@media(min-width:1001px){.cover .mapplate img{max-height:clamp(270px,25.5vw,435px)}}
@media(max-width:690px){html[lang^=zh] .intro h1>span,html[lang^=zh] .intro h1>em{display:inline-block;white-space:nowrap}html[lang^=zh] .intro h1>span:first-child{display:block}}