.landscape-index{position:absolute;left:4.3vw;right:4.3vw;bottom:105px;z-index:7;max-width:760px;background:var(--paper);padding:8px 0}
.landscape-index p{margin:0 0 6px;font-size:12px}.landscape-index p span{margin-left:16px;font-size:11px;color:var(--quiet)}
.landscape-index-scroll{display:flex;gap:20px;overflow-x:auto;scrollbar-width:thin;padding:2px 4px 6px}
.landscape-index-scroll button{flex:none;font:15px var(--serif);min-height:44px;padding:8px 0;border-bottom:1px solid #b2bcb1}
.place.landscape-hotspot{font:12px var(--sans);letter-spacing:0;min-height:44px;padding:10px 7px;background:transparent;pointer-events:none;color:#356677}
.landscape-hotspot::after{content:' ↗';font-size:10px}.landscape-hotspot span{background:var(--paper);padding:3px 2px;text-decoration:underline;text-underline-offset:4px}
.landscape-only .landscape-hotspot{pointer-events:auto;cursor:pointer}.landscape-only .landscape-hotspot:hover{color:var(--ink)}
.landscape-hotspot[data-kind="山地"]{color:#63734d}.landscape-only .map-caption{opacity:.5}
.landscape-only .view-tools{bottom:218px}.landscape-only .gesture-hint{display:none}
#landscape-dialog{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);margin:0;width:min(500px,calc(100vw - 32px));max-height:calc(100dvh - 40px);padding:0;overflow:hidden;border:1px solid #c8cec0;background:var(--paper);color:var(--ink)}
#landscape-dialog::backdrop{background:rgba(31,43,36,.24);backdrop-filter:blur(3px)}
.landscape-copy{padding:42px 42px 28px;overflow-y:auto;max-height:calc(100dvh - 42px);overscroll-behavior:contain}
.landscape-meta{font-size:11px;letter-spacing:.12em;color:var(--quiet);margin:0 0 16px}
.landscape-copy h2{font:400 36px/1.5 var(--serif);letter-spacing:.1em;margin:0}.landscape-reading{font-size:11px;letter-spacing:.16em;color:var(--quiet);margin:3px 0 24px}
.landscape-lead{font:20px/1.8 var(--serif);margin:0 0 16px}.landscape-description{font-size:14px;line-height:2.1;margin:0 0 24px}
.landscape-look{border-left:2px solid #b5c2aa;padding-left:15px;margin:0 0 24px}.landscape-look>span{font-size:10px;color:var(--quiet);letter-spacing:.1em}.landscape-look p{font-size:12px;line-height:1.9;margin:5px 0 0}
.landscape-source{font-size:10px;display:block;line-height:1.8;color:var(--quiet)}.landscape-return{font-size:12px;padding:8px 0;margin-top:18px;border-bottom:1px solid #a8b3a0}.landscape-return span{margin-left:28px}
#landscape-dialog .close-dialog{position:absolute;top:8px;right:8px;width:44px;height:44px;background:transparent;border-radius:0;border:0;z-index:2}
@media(max-width:650px){.landscape-index{left:22px;right:22px;bottom:116px;padding:3px 0}.landscape-index p{font-size:11px}.landscape-index p span{display:none}.landscape-index-scroll{gap:20px}.landscape-index-scroll button{font-size:14px}.landscape-only #stage{bottom:204px}.place.landscape-hotspot{font-size:11px;min-height:44px}.landscape-copy{padding:38px 25px 24px}.landscape-copy h2{font-size:30px}.landscape-lead{font-size:18px}.landscape-description{font-size:13px}.landscape-index-scroll{scroll-padding:4px}}
.landscape-only .view-tools button{flex-shrink:0}