/* Extends the approved orange / forest-green camping interface. */
.h-object-art b{font-family:Georgia,"Times New Roman",serif;font-size:37px;font-weight:500;letter-spacing:.035em}.h-photo:nth-child(odd) .h-object-art b{transform:rotate(-4deg)}
.skip-link{opacity:0;pointer-events:none}.skip-link:focus{opacity:1;pointer-events:auto}
@media(max-width:650px){.toast{top:16px;bottom:auto}}
.map-hotspot.history-hotspot{left:14.7%;top:28%;width:15%;height:7.5%;border-color:#287451;animation-delay:1s}.map-footnote .map-open-stations{display:flex;gap:16px;flex-wrap:wrap}.town-welcome-info .welcome-story{margin:16px 0}.town-welcome-info .welcome-stats{margin-bottom:20px}.town-welcome-info .secondary-station{border-top:1px solid var(--line);padding-top:18px;margin-top:22px;display:flex;flex-direction:column;gap:12px}.secondary-station>div{display:flex;justify-content:space-between;align-items:center}.secondary-station strong{font-size:15px}.secondary-station small{font-size:12px;color:var(--muted)}.h-layout{display:grid;grid-template-columns:248px minmax(0,1fr);gap:28px;align-items:start;max-width:1376px;margin:auto}.h-album-rail{position:sticky;top:24px}.h-rail-cover{border-radius:18px;overflow:hidden;background:#e5ecd9;border:1px solid #d5e1d3}.h-rail-cover img{width:100%;height:132px;object-fit:cover}.h-rail-cover>div{padding:17px 18px}.h-rail-cover strong{display:block;font-size:19px;letter-spacing:-.035em}.h-rail-cover span{display:block;font-size:12px;color:var(--muted);margin-top:7px}.h-chapter-list{list-style:none;margin:20px 0 14px;padding:0;display:grid;gap:5px}.h-chapter{display:flex;align-items:center;gap:10px;width:100%;padding:11px 9px;border:1px solid transparent;background:transparent;text-align:left;border-radius:13px;min-height:64px}.h-chapter:hover:enabled{background:#ecf1e8}.h-chapter.current{background:#fff;border-color:#d5dfcf;box-shadow:0 5px 14px #304c2109}.h-chapter:disabled{opacity:.6}.h-chapter-icon{width:35px;height:39px;display:grid;place-items:center;border:1px dashed #b9c7b1;border-radius:7px;color:#8d9c84;flex:none}.h-chapter.current .h-chapter-icon{border-style:solid;background:#fff0d9;border-color:#ebc289;color:#b46119}.h-chapter.collected .h-chapter-icon{border-style:solid;background:#e7f0dd;border-color:#a8bf8b;color:#41682f}.h-chapter strong{font-size:13px;display:block;font-weight:650}.h-chapter small{font-size:11px;color:var(--muted);display:block;margin-top:5px}.h-chapter-number{font-size:11px;color:#81917a;margin-left:auto}.h-chapter-number svg{width:15px}.h-album-link{display:flex;align-items:center;gap:10px;border:1px solid #d7dfcf;background:white;padding:12px 16px;width:100%;border-radius:12px;font-size:13px}.h-album-link svg:last-child{margin-left:auto;width:16px}.h-guide{display:flex;align-items:center;gap:12px;margin-top:23px;padding:0 8px}.h-guide img{height:75px;width:66px;object-fit:contain}.h-guide p{font-size:12px;color:var(--muted);line-height:1.9}.h-explore{background:white;border:1px solid var(--line);border-radius:25px;overflow:hidden;box-shadow:var(--shadow);min-width:0}.h-explore-header{padding:27px 30px 24px}.h-breadcrumb{font-size:12px;display:flex;align-items:center;justify-content:space-between;color:var(--muted);letter-spacing:.03em;margin-bottom:13px}.h-explore-header h1{font-size:30px}.h-explore-header>p{font-size:14px;color:var(--muted);max-width:760px;margin-top:10px;line-height:1.8}.h-workbench{display:grid;grid-template-columns:minmax(0,1.03fr) minmax(0,1fr);gap:25px;padding:28px;background:#f1f1e6;border-top:1px solid #e6e6da;border-bottom:1px solid #e6e6da;align-items:start;min-height:487px}.h-prop{min-width:0}.h-prop-title{display:flex;justify-content:space-between;align-items:center;margin:0 0 18px;color:#796851;font-size:12px;letter-spacing:.08em}.h-prop-title svg{width:19px}.h-photo-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px 14px;padding:1px 5px 8px}.h-object{position:relative;text-align:left;color:var(--ink);background:#fffdf6;border:1px solid #e2dac7;transition:transform .2s,box-shadow .2s,border-color .2s}.h-photo{padding:10px 10px 12px;box-shadow:0 5px 10px #5d523313;transform:rotate(-3deg)}.h-photo:nth-child(even){transform:rotate(3deg)}.h-object:hover{transform:translateY(-3px);box-shadow:0 8px 20px #4e452323}.h-object.selected{border-color:#dc9850;box-shadow:0 0 0 2px #e4b57d;transform:rotate(0)}.h-object-art{display:flex;align-items:center;justify-content:center;background:#e9ecdb;min-height:68px;margin-bottom:10px;border:1px solid #dde0cd;color:#788952}.h-photo:nth-child(2) .h-object-art{background:#f1dfc4;color:#9c773b}.h-photo:nth-child(3) .h-object-art{background:#e0e7da;color:#558269}.h-photo:nth-child(4) .h-object-art{background:#f5e7b7;color:#a58430}.h-object-art svg{width:35px;height:35px}.h-object-date{font-size:10px;color:#8e7b62;display:block;margin-bottom:6px}.h-object strong{font-size:12px;line-height:1.65;display:block;font-weight:650}.h-object-cta,.h-read-seal{display:flex;gap:4px;align-items:center;font-size:10px;line-height:1.5;margin-top:10px;color:#8e785a}.h-object-cta svg,.h-read-seal svg{width:12px;height:12px}.h-read-seal{color:var(--green)}.h-prop-caption{font-size:11px;color:#8c7e65;text-align:center;margin-top:22px}.h-story{background:#fffdf6;border:1px solid #e5dcc5;position:relative;padding:26px 25px 23px;box-shadow:2px 4px 0 #e4dfce;min-height:370px;border-radius:3px;animation:enter .24s ease-out}.h-paperclip{position:absolute;top:-9px;right:24px;width:13px;height:32px;border:2px solid #b8b7a3;border-radius:8px;transform:rotate(12deg);background:transparent}.h-story-date{display:flex;justify-content:space-between;font-size:11px;color:#a17843;gap:10px;margin-bottom:16px}.h-story-date>span{color:#99a18b;white-space:nowrap}.h-story h2{font-size:22px;line-height:1.55;outline:none}.h-story-body{margin-top:18px}.h-story-body p{font-size:14px;line-height:1.95;color:#5f604f;margin-top:14px;overflow-wrap:anywhere;white-space:pre-line}.h-story-body p:first-child{margin-top:0}.h-story-action{padding-top:23px}.h-story-action p{font-size:12px;color:var(--green);display:flex;align-items:center;gap:7px}.h-story-action svg{width:17px}.h-story .button.secondary{background:#edf1e4;border-color:#c7d1b9;color:#4d6739;font-size:13px;min-height:44px}.h-story-empty{min-height:370px;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#758260}.h-story-empty>svg{width:47px;height:47px;opacity:.65;margin-bottom:19px}.h-story-empty h2{font-size:20px}.h-story-empty p{font-size:14px;line-height:1.8;margin:12px 0 20px}.h-story-empty small{font-size:10px;line-height:1.8;margin-top:17px;color:#969783}.h-scene-footer{padding:22px 28px;display:flex;justify-content:space-between;align-items:center;gap:20px}.h-reward-preview{display:flex;align-items:center;gap:12px;min-width:0}.h-souvenir-icon{height:45px;width:40px;border:1px dashed #b9c4ac;border-radius:7px;display:grid;place-items:center;color:#96a186;flex:none}.h-souvenir-icon.stamped{color:#547a34;border:2px solid #a8bb8b;background:#f1f6e9;transform:rotate(-8deg);animation:stamp-in .4s ease-out}.h-reward-preview strong{font-size:12px;display:block}.h-reward-preview small{font-size:11px;color:var(--muted);display:block;margin-top:6px}.h-scene-footer>.button{font-size:13px;min-height:46px;white-space:nowrap}.h-scene-footer.is-collected{background:#fbfcf7}.h-magazine{padding:0 3px 5px}.h-magazine-cover{position:relative;background:#fff8e8;border:1px solid #dbceb3;border-left:7px solid #ce783c;padding:17px 20px 18px 18px;box-shadow:3px 4px 0 #e8dec8,6px 7px 0 #d4c9ae;overflow:hidden}.h-magazine-masthead{display:flex;justify-content:space-between;gap:10px;align-items:center;border-bottom:1px solid #b5b89b;padding-bottom:10px;color:#415840;font-size:12px;font-weight:600;letter-spacing:.04em}.h-magazine-masthead>span:last-child{font-size:10px;font-weight:500;letter-spacing:0}.h-magazine-feature{position:relative;padding:17px 0 49px}.h-magazine-feature>p{font-size:9px;letter-spacing:.12em;color:#96764c;margin:0 0 5px}.h-magazine-feature h3{font-size:40px;line-height:1.3;color:#2e4939;letter-spacing:.045em;font-weight:750}.h-magazine-feature>span{display:block;color:#77785e;font-size:11px;margin-top:7px;position:relative;z-index:1}.h-magazine-curve{position:absolute;bottom:-2px;right:-20px;width:90%;height:67px;stroke:#d5894d;stroke-width:3}.h-magazine-curve circle{fill:#f5cc7b;stroke:#fff8e8;stroke-width:3}.h-magazine-quote{border-top:1px solid #daceb5;padding-top:11px;position:relative}.h-magazine-quote>span{display:block;font-size:9px;color:#978467;margin-bottom:5px;letter-spacing:.08em}.h-magazine-quote>strong{display:block;font-size:14px;color:#486047;line-height:1.6;font-weight:600}.h-magazine-contents{margin-top:24px}.h-magazine-contents-title{display:flex;justify-content:space-between;align-items:center;gap:9px;color:#6a7054;padding:0 2px 10px;font-size:12px;letter-spacing:.05em}.h-magazine-contents-title small{font-size:10px;color:#99947b;letter-spacing:0}.h-magazine-entry{display:grid;grid-template-columns:25px minmax(0,1fr) 17px;gap:10px;width:100%;padding:13px 12px;background:#fffcf3;border:1px solid #ded7c4;border-radius:5px;text-align:left;align-items:start;margin-bottom:8px;transition:background .15s,border-color .15s,box-shadow .15s}.h-magazine-entry:last-child{margin-bottom:0}.h-magazine-entry:hover{background:#fff4e2;border-color:#d4b58c}.h-magazine-entry.selected{border-color:#ce8547;background:#fff2dc;box-shadow:0 0 0 1px #ce8547}.h-magazine-page{font-family:Georgia,serif;font-size:23px;line-height:1;color:#b59564;padding-top:2px}.h-magazine-entry.selected .h-magazine-page{color:#bd7638}.h-magazine-date{font-size:10px;color:#9a805d;display:block;margin-bottom:4px}.h-magazine-entry-copy>strong{font-size:12px;line-height:1.65;color:var(--ink);font-weight:600;display:block}.h-magazine-entry-state{display:block;font-size:9px;color:#92866f;margin-top:5px}.h-magazine-entry.selected .h-magazine-entry-state,.h-magazine-entry.read .h-magazine-entry-state{color:#597347}.h-magazine-entry>svg{width:16px;height:16px;align-self:center;color:#8b9c6d}.h-magazine-entry:focus-visible{outline:3px solid #ae743d;outline-offset:3px}.h-crossroads{position:relative;min-height:335px;padding:16px 4px 0}.h-crossroads-title{font-size:38px;color:#6c754e;font-weight:650;position:relative;text-align:center;margin-bottom:25px}.h-crossroads-title span{display:block;font-size:11px;font-weight:500;margin-top:6px;letter-spacing:.08em}.h-trail-line{position:absolute;width:15px;top:100px;bottom:0;left:49%;background:#d5bd88;border-left:2px dashed #aa956b;border-right:2px dashed #aa956b;transform:rotate(10deg)}.h-signpost{display:block;width:85%;border:2px solid #bcb18a;background:#ece3c2;border-radius:5px;padding:15px 18px;margin-bottom:20px;box-shadow:0 5px 0 #baac8599;transform:rotate(-3deg)}.h-signpost:nth-of-type(2){margin-left:15%;transform:rotate(3deg)}.h-signpost .h-object-art{display:none}.h-signpost strong{font-size:15px}.h-signpost .h-object-date{color:#8b734b}.h-crossroads-mascot{height:77px;width:77px;object-fit:contain;position:relative;margin-left:15px}.h-route-map{position:relative;min-height:405px;border:1px solid #dbdbc5;border-radius:5px;background:linear-gradient(90deg,#c5ceb526 1px,transparent 1px),linear-gradient(#c5ceb526 1px,transparent 1px),#f8f6e7;background-size:28px 28px;padding:18px}.h-route-path{position:absolute;width:38%;height:62%;left:30%;top:21%;border:3px dashed #becba4;border-radius:45% 50% 45% 50%;transform:rotate(16deg)}.h-city-pin{position:absolute;display:flex;align-items:center;gap:8px;background:#fffef6;border:1px solid #ddd9bf;padding:9px 11px;border-radius:9px;text-align:left;box-shadow:0 3px 4px #6558310c;max-width:78%;transition:transform .2s}.h-city-pin strong{font-size:12px;line-height:1.5;display:block}.h-city-pin small{font-size:10px;color:#8b876f;display:block;margin-top:3px}.h-pin-dot{width:25px;height:25px;border-radius:50%;background:#e5e9d1;color:#8b9b60;display:grid;place-items:center;flex:none}.h-pin-dot svg{width:15px;height:15px}.h-city-pin.selected{border-color:var(--orange);box-shadow:0 0 0 1px var(--orange);transform:translateY(-2px)}.h-city-pin.read .h-pin-dot{background:#527449;color:#fff}.pin-0{left:8%;top:61px}.pin-1{right:8%;top:130px}.pin-2{left:8%;top:193px}.pin-3{right:8%;top:257px}.pin-4{left:8%;top:324px}.h-route-label{position:absolute;right:16px;bottom:13px;font-size:9px;color:#9aa188;writing-mode:vertical-rl;letter-spacing:3px}.h-lab{padding:0 2px}.h-lab-orbit{height:78px;display:flex;align-items:center;justify-content:center;gap:15px;border:1px dashed #c7d0b3;border-radius:50%;width:82%;margin:6px auto 20px;color:#94a375;transform:rotate(-5deg)}.h-lab-orbit svg{height:37px;width:37px}.h-lab-orbit span{font-size:12px;letter-spacing:.06em}.h-file-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px 10px}.h-file{background:#f9f5e7;border:1px solid #d8caa9;border-top:6px solid #c9ac73;padding:13px 11px;min-height:119px;border-radius:3px 9px 8px 8px;text-align:left;position:relative;box-shadow:0 4px 0 #dfd9c8;transition:transform .2s}.h-file:before{content:'';position:absolute;top:-12px;left:-1px;width:42%;height:6px;background:#c9ac73;border-radius:4px 4px 0 0}.h-file:last-child:nth-child(odd){grid-column:1/-1;min-height:98px}.h-file:nth-child(even){border-top-color:#9cb78d}.h-file:nth-child(even):before{background:#9cb78d}.h-file-number{display:block;font-size:8px;letter-spacing:.07em;color:#a79b7e}.h-file>strong{display:block;font-size:13px;margin:8px 0;line-height:1.6}.h-file>small{display:block;font-size:10px;color:#8b8066}.h-file.selected{border-color:#c48436;box-shadow:0 0 0 1px #c48436;transform:translateY(-2px)}.h-cafe{border:1px solid #d4c8aa;border-radius:12px;background:#eee3ca;overflow:hidden;box-shadow:0 6px 0 #d5c9ae}.h-cafe-awning{height:29px;background:repeating-linear-gradient(90deg,#699265 0 26px,#fdf6df 26px 52px);border-bottom:4px solid #5c805580}.h-cafe-sign{text-align:center;padding:18px 8px 15px;color:#4e6840;font-size:20px;font-weight:750}.h-cafe-sign>span{display:block;font-size:10px;font-weight:500;letter-spacing:.16em;margin-top:7px}.h-cafe-window{position:relative;margin:0 23px;border:5px solid #af8b54;border-bottom-width:11px;border-radius:45px 45px 2px 2px;background:#dde6ca;height:151px;display:flex;align-items:flex-end;padding:6px 8px 0}.h-cafe-window>img{width:100px;height:110px;object-fit:contain;position:absolute;right:6px;bottom:0}.h-cafe-glass{align-self:center;display:flex;flex-direction:column;align-items:center;gap:12px;width:65%;color:#809365}.h-cafe-glass svg{width:41px;height:41px}.h-cafe-glass span{font-size:9px;letter-spacing:.05em}.h-cafe-menu{padding:17px 19px;display:grid;gap:8px}.h-menu-item{display:flex;align-items:center;gap:9px;background:#fffcf1;border:1px solid #dfd2b4;padding:10px 11px;border-radius:7px;text-align:left}.h-menu-item>span{font-size:10px;color:#a89773}.h-menu-item>strong{font-size:12px;font-weight:600;line-height:1.5}.h-menu-item svg{width:15px;height:15px;margin-left:auto;color:#8b9a67}.h-menu-item.selected{border-color:#b67b34;box-shadow:0 0 0 1px #b67b34}.h-souvenir-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:22px 0}.h-souvenir-slot{min-height:118px;border:1px dashed #ccd5c0;border-radius:9px;background:#f6f7ee;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:13px 7px;gap:9px;color:#a2ae92}.h-souvenir-slot svg{width:31px;height:31px}.h-souvenir-slot strong{font-size:12px;font-weight:600}.h-souvenir-slot small{font-size:10px}.h-souvenir-slot.filled{background:#f9f5e7;border:1px solid #d7c6a0;color:#897042;box-shadow:0 3px 0 #e6ddc5;transform:rotate(-2deg)}.h-souvenir-slot.filled:nth-child(even){transform:rotate(2deg);background:#eef3e5;border-color:#c3d2ae;color:#5c7a41}.h-souvenir-slot:hover:enabled{transform:translateY(-3px)}.h-album-intro{font-size:14px;color:var(--muted)}.h-signature-cover{text-align:center;border:1px solid #e7ddbd;background:#fffaf0;padding:22px 16px;border-radius:12px;margin-bottom:23px}.h-signature-cover>svg{width:44px;height:44px;color:#aa8140;margin-bottom:12px}.h-signature-cover strong{font-size:21px;display:block}.h-signature-cover p{color:#847659;font-size:14px;line-height:1.8;margin-top:9px}.h-name-label{display:block;font-size:14px;margin-bottom:10px}.h-name-label span{font-size:12px;color:var(--muted);margin-left:7px}.h-name-input{border:1px solid #cdd9ce;padding:12px 15px;border-radius:9px;background:#fcfdf9;width:100%;margin-bottom:23px;min-height:48px}.h-complete{display:grid;grid-template-columns:.7fr 1.3fr;max-width:1080px;margin:0 auto;background:white;border:1px solid var(--line);border-radius:26px;overflow:hidden;box-shadow:var(--shadow)}.h-complete-left{display:flex;flex-direction:column;align-items:center;justify-content:center;background:#e8efdd;padding:45px 26px;position:relative}.h-complete-stamp{height:200px;width:200px;border:7px double #baa46a;border-radius:50%;background:#fff8df;display:flex;flex-direction:column;justify-content:center;align-items:center;transform:rotate(-10deg);color:#8e763b;box-shadow:0 10px 0 #d2dbc1;animation:stamp-in .4s ease-out}.h-complete-stamp>svg{width:55px;height:55px}.h-complete-stamp>strong{font-size:25px;margin-top:8px;letter-spacing:.1em}.h-complete-stamp>span{font-size:11px;margin-top:12px}.h-complete-left>img{width:215px;height:215px;object-fit:contain;margin-top:28px}.h-complete-year{font-size:15px;color:#91a079;letter-spacing:.25em;margin-top:25px}.h-complete-content{padding:36px 38px}.h-complete-content h1{font-size:30px;line-height:1.6;overflow-wrap:anywhere}.h-complete-content>.lead{font-size:14px}.h-complete-reward{border-top:1px dashed #d9dfca;border-bottom:1px dashed #d9dfca;padding:16px 0;display:flex;align-items:center;justify-content:space-between;margin:25px 0}.h-complete-reward>strong{color:var(--orange);font-size:52px;line-height:1;font-weight:750}.h-complete-reward>strong>span{color:var(--muted);font-size:11px;display:block;margin-top:9px;font-weight:400}.h-complete-reward>small{font-size:11px;color:var(--muted)}.h-complete-actions{display:flex;flex-wrap:wrap;gap:10px}.h-complete-actions>.button{font-size:13px;padding:12px 14px;min-height:44px}.h-complete-content>.fine-print{margin-top:20px;line-height:1.8;font-size:10px}.h-album-rail .h-chapter:disabled .h-chapter-icon svg{height:17px}.h-workbench .h-object:focus-visible{transform:none}.h-story-action .button{white-space:normal}@keyframes stamp-in{from{opacity:0;transform:scale(1.3) rotate(-16deg)}to{opacity:1;transform:scale(1) rotate(-8deg)}}
@media(min-width:1600px){.h-workbench{padding:34px;gap:30px}.h-story{padding:30px}.h-story-body p{font-size:15px}.h-object strong{font-size:13px}.h-object-art{min-height:85px}.h-photo{padding:12px}.h-explore-header{padding:30px 34px}.h-workbench{min-height:520px}.h-story-empty{min-height:410px}}
@media(max-width:1200px){.h-layout{grid-template-columns:210px minmax(0,1fr);gap:20px}.h-workbench{padding:22px;gap:19px}.h-story{padding:23px 20px}.h-explore-header{padding:24px}.h-explore-header h1{font-size:28px}.h-chapter{padding:10px 6px;gap:7px}.h-chapter strong{font-size:12px}.h-chapter small{font-size:10px}.h-chapter-number{display:none}.h-scene-footer{padding:20px;gap:12px}.h-scene-footer>.button{font-size:12px;padding:12px 14px}.h-scene-footer .h-reward-preview strong{font-size:11px}.h-magazine-cover{padding-left:15px;padding-right:15px}.h-magazine-feature h3{font-size:36px}.h-magazine-entry{gap:8px;padding:12px 10px}.h-photo-grid{gap:17px 11px}.h-photo{padding:8px}.h-object strong{font-size:11px}.h-object-art{min-height:63px}.h-story h2{font-size:20px}.h-story-body p{font-size:13px}.h-city-pin strong{font-size:11px}.h-city-pin{padding:8px;gap:6px}.h-cafe-window{margin:0 15px}.h-cafe-menu{padding:14px 11px}.h-cafe-sign{font-size:18px}.h-cafe-glass span{font-size:8px}}
@media(max-width:980px){.h-layout{grid-template-columns:1fr}.h-album-rail{position:static}.h-rail-cover,.h-guide{display:none}.h-chapter-list{display:grid;grid-template-columns:repeat(6,1fr);gap:7px;margin:0 0 12px}.h-chapter{display:flex;flex-direction:column;align-items:center;padding:10px 3px;gap:6px;min-height:91px;text-align:center;background:#edf1e6}.h-chapter>span>strong{font-size:10px}.h-chapter>span>small{display:none}.h-chapter-icon{height:30px;width:29px}.h-chapter-icon svg{height:18px;width:18px}.h-album-link{width:fit-content;margin-left:auto;padding:7px 12px;font-size:11px}.h-album-link svg{width:15px;height:15px}.h-workbench{padding:27px;gap:28px}.h-story-body p{font-size:14px}.h-object strong{font-size:12px}.h-object-art{min-height:80px}.h-explore-header{padding:26px 28px}.h-photo{padding:11px}.h-scene-footer{padding:23px 28px}.h-scene-footer .h-reward-preview strong{font-size:12px}.h-scene-footer>.button{font-size:13px;padding:13px 20px}.h-cafe-window{margin:0 25px}.h-complete-content{padding:30px}.h-complete-content h1{font-size:26px}.h-complete-stamp{height:167px;width:167px}.h-complete-stamp strong{font-size:21px}.h-complete-left>img{width:170px;height:170px}}
@media(max-width:650px){.map-footnote{flex-wrap:wrap;gap:8px}.map-footnote .map-open-stations{gap:13px}.town-welcome-info{display:block}.h-layout{gap:14px}.h-chapter-list{gap:5px}.h-chapter{min-height:74px;border-radius:9px;padding:9px 2px}.h-chapter>span>strong{font-size:9px;line-height:1.45;max-width:50px}.h-chapter-icon{width:25px;height:26px;border-radius:5px}.h-chapter-icon svg{width:16px;height:16px}.h-explore{border-radius:18px}.h-explore-header{padding:23px 21px 19px}.h-explore-header h1{font-size:26px}.h-explore-header>p{font-size:13px;line-height:1.85}.h-breadcrumb{font-size:11px;margin-bottom:12px}.h-workbench{grid-template-columns:1fr;gap:24px;padding:23px 20px}.h-photo-grid{gap:18px 16px;padding:0 5px}.h-object-art{min-height:75px}.h-object-art svg{height:33px;width:33px}.h-photo{padding:10px}.h-object strong{font-size:12px}.h-prop-title{margin-bottom:18px}.h-prop-caption{margin-top:17px}.h-story{padding:25px 23px;min-height:0}.h-story h2{font-size:23px}.h-story-body p{font-size:14px;line-height:1.9}.h-story-empty{min-height:270px}.h-story-empty h2{font-size:20px}.h-story-empty small{font-size:11px}.h-story-date{font-size:11px}.h-story-action{padding-top:22px}.h-scene-footer{padding:19px 20px;flex-direction:column;align-items:stretch;gap:18px}.h-scene-footer>.button{width:100%;min-height:46px}.h-souvenir-icon{height:40px;width:36px}.h-reward-preview strong{font-size:12px!important}.h-magazine{max-width:380px;margin:0 auto}.h-magazine-cover{padding:15px 18px 16px;border-left-width:6px}.h-magazine-feature{padding:14px 0 40px}.h-magazine-feature h3{font-size:38px}.h-magazine-quote>strong{font-size:14px}.h-magazine-contents{margin-top:22px}.h-magazine-entry{padding:12px;gap:10px}.h-magazine-entry-copy>strong{font-size:13px}.h-magazine-entry-state{font-size:10px}.h-crossroads{min-height:335px;padding:5px 13px 0}.h-signpost{padding:13px 18px}.h-signpost strong{font-size:14px}.h-crossroads-title{margin-bottom:20px}.h-route-map{min-height:403px}.h-city-pin{padding:10px 12px}.h-city-pin strong{font-size:12px}.h-file-grid{gap:17px 12px}.h-file{padding:14px 12px}.h-file>strong{font-size:13px}.h-cafe{max-width:340px;margin:auto}.h-cafe-sign{font-size:21px}.h-cafe-window{height:150px;margin:0 27px}.h-cafe-menu{padding:17px}.h-menu-item{padding:12px}.h-menu-item strong{font-size:13px}.h-complete{display:block;border-radius:19px}.h-complete-left{padding:25px 20px;flex-direction:row;gap:20px}.h-complete-stamp{height:125px;width:125px;border-width:5px;flex:none}.h-complete-stamp>svg{width:35px;height:35px}.h-complete-stamp>strong{font-size:17px;margin-top:5px}.h-complete-stamp>span{font-size:8px;margin-top:7px}.h-complete-left>img{height:130px;width:125px;margin:0}.h-complete-year{display:none}.h-complete-content{padding:27px 24px}.h-complete-content h1{font-size:25px}.h-complete-content .lead{font-size:13px}.h-souvenir-grid{gap:10px;margin:23px 0}.h-souvenir-slot{min-height:100px;padding:11px 5px;gap:8px}.h-souvenir-slot strong{font-size:10px}.h-souvenir-slot small{font-size:9px}.h-souvenir-slot svg{width:26px;height:26px}.h-complete-reward{padding:18px 0;margin:23px 0}.h-complete-reward>strong{font-size:46px}.h-complete-actions{display:grid;grid-template-columns:1fr}.h-complete-actions .button{min-height:46px}.h-complete-content .fine-print{font-size:10px}.h-album-intro{font-size:13px}}

/* The final camp display connects the company story to its next chapter. */
.h-evolution{border:1px solid #becaae;border-radius:12px;background:#e5ecd7;overflow:hidden;box-shadow:0 6px 0 #cbd5b8}
.h-evolution-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 20px;background:#647f56;color:#fff9e8;font-size:11px;letter-spacing:.1em}
.h-evolution-heading svg{width:20px;height:20px;flex:none}
.h-evolution-art{position:relative;min-height:245px;padding:27px 23px 0;isolation:isolate;overflow:hidden;background:linear-gradient(160deg,#edf1e0 35%,#e3eaca 35%,#e3eaca 68%,#d5e0ba 68%)}
.h-evolution-year{display:block;color:#86936b;font-size:10px;letter-spacing:.15em}
.h-evolution-art>strong{display:block;margin-top:10px;color:#50673e;font-size:23px;line-height:1.55;letter-spacing:.04em}
.h-evolution-trail{position:absolute;width:100%;height:150px;left:0;bottom:0;color:#9dad79;z-index:-1}
.h-evolution-trail-base{stroke:#eee3bd;stroke-width:26;stroke-linecap:round}
.h-evolution-trail-line{stroke:#b4aa79;stroke-width:2;stroke-dasharray:5 7}
.h-evolution-trail circle{fill:#f7f2dc;stroke:#94a174;stroke-width:3}
.h-evolution-trail-arrow{stroke:#94a174;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
.h-evolution-art>img{position:absolute;width:123px;height:130px;object-fit:contain;right:12px;bottom:2px}
.h-evolution-entries{padding:20px}
.h-evolution-entry{display:block;width:100%;padding:17px 18px;border:1px solid #c7cfb1;border-radius:8px;background:#fffcf1;color:var(--ink);text-align:left;transition:border-color .2s,box-shadow .2s}
.h-evolution-entry:hover{border-color:#9aa875;box-shadow:0 4px 10px #596a3110}
.h-evolution-entry.selected{border-color:#bd863c;box-shadow:0 0 0 1px #bd863c}
.h-evolution-entry-label{display:block;font-size:10px;color:#84916a;letter-spacing:.06em;margin-bottom:8px}
.h-evolution-entry>strong{display:block;font-size:18px;line-height:1.7;font-weight:650;text-wrap:pretty}
.h-evolution-entry .h-object-cta,.h-evolution-entry .h-read-seal{margin-top:12px;font-size:11px}
@media(max-width:1200px){.h-evolution-heading{padding:14px 15px}.h-evolution-art{padding:24px 17px 0;min-height:225px}.h-evolution-art>strong{font-size:19px}.h-evolution-entries{padding:16px}.h-evolution-entry{padding:14px}.h-evolution-entry>strong{font-size:16px}}
@media(max-width:650px){.h-evolution{max-width:380px;margin:auto}.h-evolution-art{min-height:230px;padding:24px 21px 0}.h-evolution-art>strong{font-size:23px}.h-evolution-heading{padding:15px 19px}.h-evolution-entry>strong{font-size:17px}.h-evolution-entries{padding:18px}.h-evolution-entry{padding:16px}}
/* Archival sand film: optional viewing, with the original picture and sound. */
.h-story-action>p+.button{margin-top:15px}
.h-footer-progress{flex:1;min-width:0}
.h-unread-guide{margin-top:13px}
.h-unread-guide>p,.h-collection-ready{color:var(--muted);font-size:12px;line-height:1.8}
.h-collection-ready{margin-top:11px;color:var(--green)}
.h-unread-pages{display:grid;gap:6px;margin-top:9px}
.h-unread-pages>button{display:flex;align-items:center;flex-wrap:wrap;gap:3px 7px;min-height:38px;border:1px solid #e0e5d7;border-radius:7px;padding:7px 9px;text-align:left;background:#f8faf3;color:#526943;font-size:11px;line-height:1.7}
.h-unread-pages>button:hover{border-color:#aebf96;background:#f0f5e8}
.h-unread-pages>button>span{color:#867047;white-space:nowrap}
.h-unread-pages>button>strong{font-weight:500;flex:1;min-width:100px;overflow-wrap:anywhere}
.h-unread-pages>button>svg{width:14px;height:14px;flex:none;margin-left:auto}
@media(max-width:650px){.h-footer-progress{width:100%}.h-unread-pages>button{min-height:44px;font-size:11px}.h-unread-guide>p,.h-collection-ready{font-size:12px}}
.h-opening{max-width:1160px;margin:auto;background:#fffdf7;border:1px solid #dfe3d4;border-radius:25px;overflow:hidden;box-shadow:var(--shadow)}
.h-opening-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;padding:30px 34px 25px}
.h-opening-heading h1{font-size:32px;line-height:1.5;letter-spacing:-.04em}
.h-opening-heading .h-breadcrumb{margin-bottom:10px}
.h-opening-heading p:last-child{font-size:14px;line-height:1.8;color:var(--muted);margin-top:10px}
.h-film-badge{display:inline-flex;align-items:center;gap:8px;flex:none;margin-top:5px;padding:9px 12px;border:1px dashed #c7be9e;border-radius:7px;color:#8a7046;font-size:11px;white-space:nowrap;transform:rotate(2deg);background:#f9f3e4}
.h-film-badge svg{width:14px;height:14px}
.h-mobile-break{display:none}
.h-opening-film{margin:0 34px;background:#423927;border:6px solid #423927;border-radius:13px;box-shadow:0 8px 25px #46331e12;overflow:hidden}
.h-video-frame{position:relative;isolation:isolate;background:#171713;aspect-ratio:16/9;overflow:hidden}
.h-video-frame video{display:block;width:100%;height:100%;object-fit:contain;background:#171713}
.h-video-play{position:absolute;left:50%;top:46%;transform:translate(-50%,-50%);display:flex;gap:13px;align-items:center;color:#fff8e8;background:#352c20e8;border:1px solid #e5d7b896;box-shadow:0 8px 30px #0003;border-radius:60px;padding:13px 22px 13px 16px;font-size:16px;min-height:68px;white-space:nowrap}
.h-video-play:hover{background:#54432cee;box-shadow:0 8px 30px #0006}
.h-video-play>svg{width:36px;height:36px;fill:#fff0cf;stroke-width:1}
.h-video-play>span{text-align:left;font-weight:600;line-height:1.5}
.h-video-play>span>span{display:block;color:#ddceb5;font-size:11px;font-weight:400;letter-spacing:.03em}
.h-video-play[hidden],.h-video-error[hidden]{display:none}
.h-video-error{padding:12px 18px;background:#fff5de;color:#806136;font-size:13px;line-height:1.7}
.h-video-error p{margin:0 0 7px}
.h-video-error .text-button{color:#785723;min-height:36px}
.h-film-caption{color:#eee2c9;display:flex;justify-content:space-between;gap:20px;font-size:11px;line-height:1.7;padding:12px 15px 8px}
.h-film-caption>span:last-child{white-space:nowrap;color:#c7bba3}
.h-opening-bottom{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:24px 34px 29px}
.h-opening-guide{display:flex;gap:14px;align-items:center}
.h-opening-guide img{height:66px;width:58px;object-fit:contain;flex:none}
.h-opening-guide p{margin:0;line-height:1.8}
.h-opening-guide strong{display:block;font-weight:600;font-size:14px}
.h-opening-guide span{display:block;font-size:12px;color:var(--muted);margin-top:4px}
.h-opening-actions{display:flex;flex-direction:column;align-items:center;gap:8px;flex:none}
.h-opening-actions>.button{min-width:190px}
.h-opening-actions>span{font-size:10px;color:var(--muted)}
.h-replay-link{display:flex;align-items:center;justify-content:center;gap:8px;font-size:12px;color:#7c7258;min-height:42px;width:100%;margin-top:7px;border-radius:10px;background:transparent;border:1px solid transparent}
.h-replay-link:hover{background:#f6f2e6;border-color:#e5ddc6}
.h-replay-link svg{width:17px;height:17px}
.h-video-card{display:flex;align-items:center;gap:15px;background:#f8f4e8;border:1px solid #e3d8bc;border-radius:12px;padding:10px;text-align:left;max-width:100%;width:100%;margin-top:19px;transition:background .2s,border-color .2s}
.h-video-card:hover{background:#fff2d9;border-color:#ccaa70}
.h-video-thumb{width:140px;aspect-ratio:16/9;position:relative;flex:none;border-radius:6px;overflow:hidden;background:#382e1f}
.h-video-thumb>img{width:100%;height:100%;object-fit:contain;display:block}
.h-video-thumb>span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:32px;height:32px;border:1px solid #fff9;border-radius:50%;background:#443222d9;color:#fff2d8}
.h-video-thumb svg{width:18px;height:18px;fill:currentColor}
.h-video-card-copy{min-width:0;display:flex;flex-direction:column;gap:5px}
.h-video-card-copy small{color:#927947;font-size:10px;line-height:1.5}
.h-video-card-copy strong{font-size:14px;line-height:1.6;font-weight:600;overflow-wrap:anywhere}
.h-video-card-copy>span{font-size:11px;color:#7e795f;display:flex;align-items:center;gap:5px;line-height:1.6}
.h-video-card-copy svg{width:14px;height:14px;flex:none}
.h-video-card-compact{gap:10px;padding:8px;margin-top:21px;border-radius:8px}
.h-video-card-compact .h-video-thumb{width:86px}
.h-video-card-compact .h-video-card-copy strong{font-size:12px}
.h-video-card-compact .h-video-card-copy small{font-size:9px}
.h-video-card-compact .h-video-card-copy>span{font-size:10px}
.h-video-dialog{width:min(960px,calc(100% - 32px))}
.h-video-dialog .h-video-frame{border-radius:9px}
.h-modal-caption{font-size:12px;color:var(--muted);margin-top:15px;line-height:1.8}
.h-video-return{min-height:42px;margin-top:17px;font-size:13px}
@media(max-width:980px){
  .h-opening-heading{padding:26px 27px 23px;gap:18px}.h-opening-heading h1{font-size:28px}.h-opening-film{margin:0 27px}.h-opening-bottom{padding:24px 27px;gap:20px}.h-opening-guide strong{font-size:12px}.h-opening-guide span{font-size:11px}.h-opening-actions>.button{min-width:160px}.h-film-badge{font-size:10px;padding:8px 10px}.h-opening-guide img{height:58px;width:48px}.h-replay-link{width:fit-content;margin:5px 0 0 auto;min-height:36px;padding:0 12px;font-size:11px}
}
@media(max-width:650px){
  .h-opening{border-radius:18px}.h-opening-heading{display:block;padding:22px 21px 20px}.h-opening-heading h1{font-size:26px;line-height:1.55}.h-opening-heading p:last-child{font-size:13px;line-height:1.8}.h-mobile-break{display:block}.h-film-badge{margin-top:18px;font-size:10px;transform:none}.h-opening-film{margin:0 12px;border-width:4px;border-radius:9px}.h-film-caption{font-size:10px;gap:12px;padding:10px 9px 7px}.h-video-play{min-height:50px;padding:8px 17px 8px 12px;gap:8px;font-size:13px}.h-video-play>svg{width:27px;height:27px}.h-video-play>span>span{font-size:10px}.h-opening-bottom{display:block;padding:20px 21px 23px}.h-opening-guide{gap:11px}.h-opening-guide strong{font-size:12px}.h-opening-guide span{font-size:11px;line-height:1.8}.h-opening-guide img{width:45px;height:58px}.h-opening-actions{align-items:stretch;margin-top:18px;gap:9px;text-align:center}.h-opening-actions>.button{width:100%;min-height:46px}.h-video-card{gap:11px;padding:8px}.h-video-thumb{width:96px}.h-video-card-copy strong{font-size:12px}.h-video-card-copy>span{font-size:10px}.h-video-card-copy small{font-size:9px}.h-video-dialog{padding:18px 15px}.h-video-dialog .dialog-head{margin-bottom:16px;gap:12px}.h-video-dialog .dialog-head h2{font-size:18px;line-height:1.6}.h-video-return{width:100%;margin-top:14px}.h-modal-caption{font-size:11px}.h-video-error{font-size:12px;padding:10px 13px}
}
@media(min-width:981px){
  .h-opening-film{width:calc(100% - 68px);max-width:max(440px,calc((100svh - 460px)*1.7778));margin-inline:auto}
}
.h-full-film-link{display:flex;align-items:center;justify-content:center;gap:9px;min-height:44px;padding:10px 15px;border:1px solid #c9b791;border-radius:10px;background:#f6efdc;color:#73572e;font-size:13px;line-height:1.6;text-align:left}
.h-full-film-link:hover{background:#efe2c0;border-color:#b89a67}
.h-full-film-link>svg{width:17px;height:17px;flex:none}
.h-full-film-link>svg:first-child{fill:#ac8952;stroke-width:1}
.h-full-film-link small{font-size:11px;font-weight:400;white-space:nowrap}
.h-full-film-opening{margin:0 34px 27px;width:calc(100% - 68px);background:#f7f0de}
.h-full-film-rail{width:100%;margin-top:4px;padding:10px 8px;font-size:11px;gap:6px}
.h-full-film-rail small{font-size:10px}
.h-full-film-rail>svg{width:14px;height:14px}
.h-full-film-complete{margin-top:15px;width:100%}
.h-full-film-album{width:100%;margin-top:16px}
@media(min-width:981px){.h-opening-film{max-width:max(420px,calc((100svh - 524px)*1.7778))}}
@media(max-width:980px){.h-full-film-opening{margin:0 27px 25px;width:calc(100% - 54px)}.h-full-film-rail{width:fit-content;margin:5px 0 0 auto;padding:8px 12px}}
@media(max-width:650px){.h-full-film-opening{margin:0 21px 22px;width:calc(100% - 42px);font-size:12px}.h-opening-bottom{padding-bottom:16px}.h-full-film-rail{font-size:11px;min-height:39px}.h-full-film-link small{font-size:10px}}

/* Chapter names lead the development-history overview; souvenirs remain secondary. */
.h-souvenir-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.h-souvenir-slot{min-width:0;min-height:154px;padding:16px 12px;gap:10px}
.h-souvenir-slot>svg{flex-shrink:0}
.h-souvenir-slot strong{font-size:14px;line-height:1.65;overflow-wrap:anywhere;text-wrap:balance}
.h-souvenir-name{font-size:11px;line-height:1.7}
.h-souvenir-slot small{font-size:10px;line-height:1.7}
.h-souvenir-slot.available{background:#f1f5e9;border:1px solid #bbcca8;color:#52723e}
@media(max-width:650px){.h-souvenir-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.h-souvenir-slot{min-height:150px;padding:14px 10px}.h-souvenir-slot strong{font-size:13px}.h-souvenir-name{font-size:11px}.h-souvenir-slot small{font-size:10px}}

/* An archival event photo accompanies the second-curve feature. */
.h-story-feature{margin-top:24px;padding-top:22px;border-top:1px solid #e4dac1}
.h-feature-date{font-size:11px;color:#a17843;margin:0 0 8px;line-height:1.7}
.h-story-feature h3{font-size:17px;line-height:1.65;color:var(--ink);margin:0}
.h-story-feature .h-story-body{margin-top:12px}
.h-story-quote{margin:22px 0 0;padding:18px 18px 16px;background:#f9edda;border-left:3px solid #d9893d;border-radius:0 8px 8px 0}
.h-story:has(.h-story-quote) h2{text-wrap:balance}
.h-story-quote blockquote{margin:0}
.h-story-quote blockquote p{margin:0;color:#72512d;font-size:17px;font-weight:650;line-height:1.8;overflow-wrap:anywhere}
.h-story-quote figcaption{margin-top:10px;color:#8b7356;font-size:11px;line-height:1.7;text-align:right}
.h-story-photo{margin:18px 0 0}
.h-story-photo-button{display:flex;flex-direction:column;align-items:center;gap:10px;background:#f3efe2;border:1px solid #e0d7c0;border-radius:8px;padding:12px;width:100%;color:#795f3a}
.h-story-photo-button:hover{border-color:#bf975f;background:#eee6d3}
.h-story-photo-button img{display:block;width:auto;max-width:100%;height:auto;max-height:340px;object-fit:contain}
.h-story-photo-button>span{display:flex;align-items:center;gap:6px;font-size:12px;line-height:1.7}
.h-story-photo-button svg{height:15px;width:15px}
.h-story-photo figcaption{font-size:11px;line-height:1.8;color:var(--muted);margin-top:8px;text-align:center}
.h-story:has(.h-story-gallery) h2{text-wrap:balance}
.h-story:has(.h-story-gallery) h2>span{display:inline-block;max-width:100%}
.h-story-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:18px 0}
.h-story-gallery .h-story-photo{margin:0;min-width:0}
.h-story-gallery .h-story-photo-button{padding:5px;gap:6px;border-radius:6px}
.h-story-gallery .h-story-photo-button img{width:100%;height:auto;aspect-ratio:3/4;object-fit:contain;background:#e4e8dc;border-radius:3px}
.h-story-gallery .h-story-photo-button>span{gap:4px;font-size:10px;line-height:1.6;padding:2px 0}
.h-story-gallery .h-story-photo-button svg{width:12px;height:12px}
.h-story-gallery .h-story-photo figcaption{font-size:10px;line-height:1.7;margin-top:7px;overflow-wrap:anywhere}
.h-feature-note{margin:18px 0 0;padding-top:14px;border-top:1px dashed #e4dac1;color:var(--muted);font-size:11px;line-height:1.8;overflow-wrap:anywhere}
.h-photo-full{display:block;width:100%;height:auto;max-height:63vh;object-fit:contain;margin:auto}
@media(max-width:650px){.h-story-feature h3{font-size:17px}.h-story-photo-button{padding:9px}.h-story-photo-button img{max-height:310px}.h-story-photo figcaption{font-size:10px}}

/* Keep the original presentation legible at its full resolution. */
.h-slide-preview{margin:22px 0 14px}
.h-slide-open{display:block;width:100%;padding:0;background:#fff;border:1px solid #dcd7ca;border-radius:9px;overflow:hidden;color:var(--green)}
.h-slide-open:hover{border-color:var(--green)}
.h-slide-open img{display:block;width:100%;height:auto}
.h-slide-open>span{display:flex;align-items:center;justify-content:center;gap:7px;padding:10px;background:#f0f4e9;font-size:12px}
.h-slide-open svg{width:15px;height:15px}
.h-slide-transcript{font-size:13px;color:var(--muted);margin:16px 0 24px}
.h-slide-transcript summary{cursor:pointer;padding:6px 0}
.h-slide-transcript .h-story-body{margin-top:12px}
.h-slide-dialog{width:min(1280px,calc(100% - 32px))}
.h-slide-tools{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:14px}
.h-slide-tools p{font-size:12px;color:var(--muted);margin:0}
.h-slide-tools .button{flex-shrink:0;min-height:40px;padding:8px 16px;font-size:13px}
.h-slide-viewport{max-height:62vh;overflow:auto;overscroll-behavior:contain;background:#fff;border:1px solid var(--line);border-radius:7px}
.h-slide-viewport:focus-visible{outline:2px solid var(--green);outline-offset:3px}
.h-slide-viewport img{display:block;width:100%;height:auto;max-width:none}
.h-slide-viewport:not(.is-zoomed) img{max-height:calc(62vh - 2px);object-fit:contain}
.h-slide-viewport.is-zoomed img{width:var(--image-width)}
.h-slide-return{margin-top:18px}
@media(max-width:650px){.h-slide-dialog{padding:18px 15px}.h-slide-dialog .dialog-head{gap:12px;margin-bottom:14px}.h-slide-dialog .dialog-head h2{font-size:18px}.h-slide-tools{gap:10px}.h-slide-tools p{font-size:11px}.h-slide-return{width:100%}}

/* City points and province boundaries share the same geographic projection. */
.h-china-map{border:1px solid #d8ddc9;border-radius:12px;overflow:hidden;background:#f8f8ef;box-shadow:0 4px 0 #dbe2cd66}
.h-china-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:19px 18px 0;color:#5e7053}
.h-china-heading>span{font-size:15px;font-weight:650;letter-spacing:.04em}
.h-china-heading small{font-size:10px;color:#849079}
.h-china-surface{position:relative;aspect-ratio:760/620;margin:0 7px}
.h-china-geography{position:absolute;inset:0;display:block;width:100%;height:100%}
.h-china-province{fill:#dce6c9;stroke:#f8f8ef;stroke-width:.8;stroke-linejoin:round;vector-effect:non-scaling-stroke}
.h-china-inset-frame{fill:#f1f4e8;stroke:#bdcbae;stroke-width:1;vector-effect:non-scaling-stroke}
.h-china-inset-title{fill:#718564;font-size:15px;letter-spacing:2px}
.h-china-leader{fill:none;stroke:#8f9e79;stroke-width:1;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}
.h-china-halo{fill:#6c865329}
.h-china-point{cursor:pointer}
.h-china-dot{fill:#537449;stroke:#fffef5;stroke-width:1.5;vector-effect:non-scaling-stroke}
.h-china-point.headquarters .h-china-dot,.h-china-point.selected .h-china-dot{fill:var(--orange)}
.h-china-point.headquarters .h-china-halo,.h-china-point.selected .h-china-halo{fill:#eb660025}
.h-china-point.selected .h-china-leader{stroke:var(--orange);stroke-width:1.5}
.h-map-city{position:absolute;transform:translate(-50%,-50%);width:26%;min-height:45px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:3px;padding:7px 9px;border:1px solid #d3d9c3;border-radius:8px;background:#fffef8;color:var(--ink);text-align:left;box-shadow:0 3px 9px #4456310d}
.h-map-city:hover{background:#f4f7e9;border-color:#89a16c}
.h-map-city:focus-visible{outline:2px solid var(--orange);outline-offset:3px}
.h-map-city.selected{border-color:var(--orange);box-shadow:0 0 0 1px var(--orange);background:#fff9ed}
.h-map-city-name{display:flex;align-items:center;gap:5px;width:100%;white-space:nowrap}
.h-map-city strong{font-size:13px;line-height:1.4}
.h-map-city small{font-size:10px;line-height:1.4;color:#7d876d;white-space:nowrap}
.h-map-city-name>svg{width:12px;height:12px;margin-left:auto;color:var(--green);flex:none}
.h-map-hq{font-size:9px;line-height:1.4;padding:2px 4px;border-radius:4px;color:#aa591c;background:#ffeed3}
.h-china-hint{margin:0;padding:12px 14px 17px;font-size:11px;color:#7d896d;text-align:center;line-height:1.6}
@media(max-width:1200px){.h-map-city{padding:6px;gap:2px;min-height:42px}.h-map-city strong{font-size:11px}.h-map-city small{font-size:9px}.h-map-city-name{gap:3px}.h-map-hq{padding:1px 3px;font-size:8px}.h-china-heading{padding:15px 13px 0}.h-china-heading>span{font-size:13px}}
@media(max-width:650px){.h-china-surface{margin:2px 3px 5px}.h-china-heading>span{font-size:14px}.h-map-city{min-height:42px;padding:6px}.h-china-hint{font-size:10px;padding:10px 10px 14px}}