*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#fff;color:#202020;font-family:'Microsoft YaHei UI','PingFang SC',Arial,sans-serif}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}button,a{touch-action:manipulation}button:focus-visible,a:focus-visible,.home-region:focus-visible{outline:2px solid #21894a;outline-offset:4px}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
#atlas{position:fixed;inset:0;overflow:hidden;background:#fff;isolation:isolate;touch-action:auto}#home-map{position:absolute;inset:0;display:block;width:100%;height:100%;touch-action:none;cursor:grab}#home-map:active,.map-is-dragging #home-map,.map-is-dragging .region-label{cursor:grabbing}.map-is-focused #home-map,.map-is-focused #home-map:active{cursor:default}.line-map-base,.satellite-detail,#satellite-windows,#river-flow{pointer-events:none}#river-flow path{fill:#36bd60;opacity:.96}
.home-region{fill:transparent;stroke:#535353;stroke-opacity:.35;stroke-width:.7;vector-effect:non-scaling-stroke;cursor:pointer;outline:none;transition:fill .22s,stroke .22s,stroke-opacity .22s}.home-region.is-open{stroke:#38935a;stroke-width:1.1;stroke-opacity:.85}.home-region.is-hovered,.home-region:hover,.home-region:focus-visible{fill:#ffffff1f;stroke:#333;stroke-opacity:.9;stroke-width:1.2}.home-region.is-selected{fill:#ffffff17;stroke:#222;stroke-opacity:1;stroke-width:1.5}.home-region.is-open.is-hovered,.home-region.is-open:hover,.home-region.is-open.is-selected,.home-region.is-open:focus-visible{stroke:#2a9951;fill:#45c76a21;stroke-width:1.8}.region-leader{fill:none;stroke:#5b5b5b;stroke-width:.6;vector-effect:non-scaling-stroke;opacity:.42;pointer-events:none}.region-leader.is-selected{opacity:.8}
.cover-heading{position:absolute;left:8.1%;top:12.5%;z-index:3;display:flex;align-items:flex-start;pointer-events:none;color:#080808;transition:opacity .28s,transform .4s}.cover-heading h1{font-size:clamp(48px,5.4vw,112px);line-height:1.16;letter-spacing:-.045em;font-weight:900;margin:.32em 0 0}.quote-open,.quote-close{font-size:clamp(46px,5vw,103px);font-weight:800;line-height:1}.quote-open{margin-left:-.65em;margin-right:-.08em}.quote-close{align-self:flex-end;transform:translate(-.3em,.5em);margin-left:-.16em}.map-is-focused .cover-heading{opacity:0;transform:translateY(-8px)}
#region-labels{position:absolute;inset:0;pointer-events:none}.region-label{position:absolute;transform:translate(-50%,-50%);pointer-events:auto;touch-action:none;background:#ffffffc7;border:1px solid transparent;border-radius:3px;min-height:28px;min-width:38px;padding:4px 6px;font-size:12px;line-height:1.25;font-weight:450;white-space:nowrap;color:#383838;transition:color .2s,border-color .2s,background .2s}.region-label.is-open{color:#226d3d;font-weight:600}.region-label.is-open:before{content:'';display:inline-block;width:5px;height:5px;border-radius:50%;background:#35b85f;margin-right:5px;vertical-align:2px}.region-label:hover,.region-label.is-hovered,.region-label.is-selected{background:#fff;border-color:#bababa;color:#111}.region-label.is-open:hover,.region-label.is-open.is-selected{border-color:#6baa7c;color:#237d42}.region-label .open-caption{font-size:9px;color:#44875a;margin-left:6px;font-weight:400}
.map-tools{position:absolute;right:26px;bottom:50px;z-index:6;display:flex;gap:5px}.map-tools button{height:33px;min-width:33px;padding:0 10px;border:1px solid #dedede;border-radius:4px;background:#ffffffed;font-size:14px}.map-tools button:last-child{font-size:11px}.map-tools button:hover{border-color:#777}.map-orientation{position:absolute;right:30px;top:20px;color:#777;font-size:10px;pointer-events:none}.map-orientation span{display:inline-block;font-size:23px;transform:rotate(-22deg);margin-left:5px;vertical-align:-2px}.home-footer{position:fixed;inset:auto 0 0;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 27px 13px;background:transparent;border:0;font-size:10px;color:#777;pointer-events:none;z-index:7;text-shadow:0 1px 3px #fff}.map-legend{display:flex;gap:17px}.map-legend span{display:flex;align-items:center;gap:6px}.map-legend i{display:inline-block;width:12px;height:8px}.open-key{border:1px solid #3b9359;background:#7caa8a55}.archive-key{border:1px solid #777;background:#a0a0a055}.map-credit{font-size:9px}
html,body,#atlas,.region-label{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}#home-map,.line-map-base,.satellite-detail{-webkit-user-drag:none}.region-card,.card-scroll{touch-action:pan-y}
.region-card{position:absolute;right:24px;bottom:66px;z-index:8;width:350px;max-height:calc(100% - 110px);display:flex;flex-direction:column;background:#fffffffa;border:1px solid #d8d8d8;border-radius:6px;box-shadow:0 8px 28px #0000000d;backdrop-filter:blur(14px);animation:card-in .2s ease-out}.region-card.on-left{right:auto;left:24px}.close-card{position:absolute;top:13px;right:14px;z-index:1;background:transparent;border:0;font-size:22px;font-weight:300;color:#777;line-height:1;padding:3px}.card-scroll{padding:25px 26px 18px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;min-height:0}.card-status{font-size:10px;color:#888;margin:0 26px 16px 0}.card-status.is-open{color:#333}.region-card h1{font-size:24px;font-weight:500;letter-spacing:0;margin:0 0 5px;line-height:1.4}.card-english{font-size:9px;color:#929292;margin:0 0 23px;letter-spacing:.8px}.card-tagline{font-size:14px;color:#555;margin:0 0 18px}.card-old-name{font-size:11px;color:#777;line-height:1.7;border-top:1px solid #eee;padding-top:13px}.card-old-name span{display:block;color:#aaa;font-size:9px;margin-bottom:3px}.card-body{font-size:12px;line-height:1.95;color:#666;margin:0}.region-card h2{font-size:10px;color:#888;font-weight:400;margin:22px 0 10px}.region-card dl{margin:0}.region-card dt{font-size:11px;color:#444;margin-top:10px}.region-card dd{margin:3px 0 0;font-size:11px;color:#777;line-height:1.7}.card-footer{padding:15px 26px 18px;border-top:1px solid #eee;flex-shrink:0}.card-footer>span{font-size:10px;color:#999}.card-footer a{display:flex;justify-content:space-between;align-items:center;background:#303030;color:#fff;padding:12px 14px;border-radius:4px;text-decoration:none;font-size:12px}.card-footer a:hover{background:#111}.card-footer p{font-size:9px;color:#999;margin:8px 0 0}.home-veil{position:fixed;inset:0;background:#fff;opacity:0;pointer-events:none;transition:opacity .4s;z-index:50}body.leaving .home-veil{opacity:1;pointer-events:auto}@keyframes card-in{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}

.region-card #card-name{font-size:24px;font-weight:500;letter-spacing:0;margin:0 0 5px;line-height:1.4;color:#252525}.card-status.is-open{color:#338151}.card-footer a{background:#333}.card-footer a:hover{background:#222}.region-card{max-height:calc(100% - 112px)}
@media(max-width:700px){.cover-heading{left:38px;top:8.5%}.cover-heading h1{font-size:clamp(43px,10vw,62px)}.quote-open,.quote-close{font-size:48px}.region-label{font-size:11px;padding:4px 5px}.region-label .open-caption{display:none}.map-tools{right:14px;bottom:48px}.map-orientation{right:18px;top:16px}.home-footer{padding:0 14px 11px;gap:12px}.map-legend{gap:11px;font-size:9px}.map-credit{font-size:7px;max-width:150px;text-align:right}.region-card,.region-card.on-left{left:12px;right:12px;bottom:94px;width:auto;max-height:calc(68% - 28px)}.card-scroll{padding:20px}.region-card #card-name{font-size:21px}.card-english{margin-bottom:16px}.card-footer{padding:12px 20px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}

/* River knowledge shares the introduction panel; only its reading area scrolls. */
.region-card{width:390px}.card-tabs{display:flex;gap:25px;border-bottom:1px solid #e8e8e8;margin:0 0 23px}.card-tabs button{position:relative;border:0;background:none;padding:0 0 12px;font-size:12px;color:#8b8b8b;line-height:1.5}.card-tabs button[aria-selected="true"]{color:#202020;font-weight:600}.card-tabs button[aria-selected="true"]:after{content:'';position:absolute;bottom:-1px;left:0;right:0;height:2px;background:#303030}.card-english{margin-bottom:24px}.card-body{font-size:13px;line-height:1.95}.river-position{border-left:2px solid #b5c1b8;padding:0 0 0 13px;margin:3px 0 25px}.river-position span{font-size:10px;letter-spacing:1px;color:#6b796f}.river-position p{font-size:12px;line-height:1.8;margin:6px 0 0;color:#707070}.region-card #river-question{font-size:19px;font-weight:500;line-height:1.65;letter-spacing:.01em;margin:0 0 18px;color:#262626}.river-copy{font-size:13px;line-height:2;color:#595959;margin:0 0 16px;text-wrap:pretty}.river-observation{color:#777;margin-bottom:4px}.region-card #panel-river{min-height:285px}@media(max-width:700px){.region-card,.region-card.on-left{width:auto}.card-tabs{margin-bottom:19px}.region-card #river-question{font-size:18px}.region-card #panel-river{min-height:0}}