.jh-language-switch{display:inline-flex;align-items:center;gap:2px;border:1px solid #d0c7ac88;border-radius:18px;padding:3px;background:#efe9daee;color:#203f38;box-sizing:border-box;flex:none;font-family:inherit;z-index:20}
.jh-language-switch button{border:0;border-radius:14px;padding:6px 9px;background:transparent;color:inherit;font:inherit;font-size:11px;line-height:1.2;min-height:28px;cursor:pointer;white-space:nowrap}
.jh-language-switch button[aria-pressed=true]{background:#294d42;color:#fff}.jh-language-switch button:focus-visible{outline:2px solid #a5533b;outline-offset:2px}
#guide-transcript{font-size:12px;line-height:1.7;margin:10px 0;color:inherit}#guide-transcript summary{cursor:pointer;font-weight:600}#guide-script{max-height:180px;overflow:auto;padding-right:5px}
html[lang=en] .brand>span:last-child{font-size:23px;letter-spacing:.01em}html[lang=en] .brand small{font-size:8px;letter-spacing:.2em}html[lang=en] .header-note{font-size:11px;letter-spacing:0}
html[lang=en] .intro h1{font-size:clamp(32px,4.2vw,63px);letter-spacing:-.025em;line-height:1.12}html[lang=en] .small-seal{font-size:9px;letter-spacing:.04em;writing-mode:horizontal-tb;display:block;width:max-content;margin-top:12px}
html[lang=en] .lead{font-size:15px;line-height:1.6}html[lang=en] .intro-actions{flex-wrap:wrap}html[lang=en] .intro-foot{font-size:10px;letter-spacing:0}
html[lang=en] .nav-text{font-size:15px;white-space:normal;line-height:1.2}html[lang=en] .nav-text small{font-size:10px;line-height:1.3;letter-spacing:0;margin-top:5px}html[lang=en] .nav-number{flex:none}html[lang=en] .landmarks button{gap:8px}html[lang=en] .nav-arrow{display:none}
html[lang=en] .place-title h2{font-size:26px;letter-spacing:-.02em}html[lang=en] .place-card{width:min(360px,calc(100vw - 32px));max-height:calc(100dvh - 260px);overflow:auto}html[lang=en] .place-actions{flex-wrap:wrap;gap:8px}html[lang=en] .place-actions button{font-size:11px}
html[lang=en] .scene-status{font-size:10px;letter-spacing:0}html[lang=en] #view-status{max-width:50vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}html[lang=en] #quality{display:none}
html[lang=en] .map svg text{font-family:Georgia,serif;font-size:6px;letter-spacing:-.15px}html[lang=en] .map-top,html[lang=en] .map-note{font-size:9px;letter-spacing:0}html[lang=en] #mountain-map{font-size:10px}html[lang=en] #mountain-map span{font-size:8px}
html[lang=en] .right-tools small{font-size:9px;letter-spacing:0}html[lang=en] .bottom-line{font-size:10px;letter-spacing:0}html[lang=en] #control-hint{font-size:10px}html[lang=en] #about{font-size:10px}
html[lang=en] .tea-chapters button{font-size:11px;white-space:normal}html[lang=en] .tea-brand-head a{font-size:11px}html[lang=en] .tea-process li strong{font-size:12px}html[lang=en] .tea-aromas h4{font-size:22px}html[lang=en] .tea-maker-links{flex-wrap:wrap}
html[lang=en] .walk-caption small{font-size:10px}html[lang=en] .walk-actions button{font-size:10px}html[lang=en] .walk-pad small{font-size:9px}
@media(max-width:1000px){html[lang=en] .header-note{display:none}html[lang=en] .nav-text{font-size:12px}html[lang=en] .nav-text small{font-size:9px}html[lang=en] .bottom-line #control-hint{max-width:35%}}
@media(max-width:600px){header{flex-wrap:wrap;align-items:flex-start;row-gap:8px}.top-actions{flex-wrap:wrap;justify-content:flex-end;max-width:230px;gap:4px}.top-actions .jh-language-switch{order:-1}.jh-language-switch button{min-height:26px;padding:5px 8px;font-size:10px}html[lang=en] .brand>span:last-child{font-size:19px}html[lang=en] .times button{font-size:9px;padding:7px 8px}html[lang=en] .intro{top:150px;max-width:calc(100vw - 52px)}html[lang=en] .intro h1{font-size:34px;max-width:315px}html[lang=en] .intro .small-seal{display:none}html[lang=en] .lead{font-size:13px;max-width:270px}html[lang=en] .intro-actions .primary{font-size:12px}html[lang=en] .intro-foot{gap:8px}html[lang=en] .intro-foot>span{font-size:16px}html[lang=en] .landmarks button{min-width:116px;width:116px;padding:8px 7px;gap:5px}html[lang=en] .nav-text{font-size:11px}html[lang=en] .nav-text small{font-size:8px}html[lang=en] .place-card{top:130px;left:16px;max-height:calc(100dvh - 295px)}html[lang=en] .place-title h2{font-size:24px}html[lang=en] .scene-status{top:115px}html[lang=en] .bottom-line #control-hint{display:none}html[lang=en] #about{max-width:46%;text-align:right;line-height:1.4}html[lang=en] .walk-caption{max-width:calc(100vw - 175px)}html[lang=en] .walk-caption small{font-size:9px}html[lang=en] .tea-chapters{gap:4px}html[lang=en] .tea-chapters button{font-size:10px;padding:8px 6px}html[lang=en] .tea-process{grid-template-columns:repeat(3,1fr)}html[lang=en] .tea-brand-head{flex-wrap:wrap}html[lang=en] .tea-brand-head img{max-width:150px}html[lang=en] .tea-brand-head a{margin-left:auto}html[lang=en] #tour-label{font-size:11px;max-width:calc(100vw - 185px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}html[lang=en] #tour-voice{font-size:10px}}
/* Keep English prose and controls above the fixed landmark strip. */
html[lang=en] .intro{top:22%;width:450px;max-width:43vw}html[lang=en] .intro h1{font-size:46px;line-height:1.14;margin:22px 0 15px}html[lang=en] .small-seal{position:static;top:auto;margin:10px 0 0;padding:5px 7px}html[lang=en] .lead{letter-spacing:.2px;max-width:390px}html[lang=en] .intro-actions{margin-top:22px;gap:15px}html[lang=en] .intro-foot{margin-top:20px}
html[lang=en] .place-card,html[lang=en] body.mountain-region .place-card{top:20%;max-height:calc(80dvh - 220px)}html[lang=en] .place-card p{letter-spacing:.1px}html[lang=en] .place-top{letter-spacing:.5px}
@media(max-width:800px){html[lang=en] .intro{top:155px;width:320px;max-width:calc(100vw - 58px)}html[lang=en] .intro h1{font-size:30px;line-height:1.18}html[lang=en] .intro .eyebrow{letter-spacing:1.4px;font-size:8px}html[lang=en] .intro .lead{font-size:13px}html[lang=en] .landmarks{display:flex;overflow-x:auto;scrollbar-width:thin}html[lang=en] .landmarks button{flex:0 0 110px;min-width:110px;width:110px}html[lang=en] .place-card,html[lang=en] body.mountain-region .place-card{top:132px;left:16px;width:calc(100vw - 70px);max-height:calc(100dvh - 320px)}html[lang=en] .route-head{letter-spacing:.7px}html[lang=en] .route-head span:nth-child(2){font-size:5px;letter-spacing:.2px}}
html[lang=en] .map svg text{font-size:8px;letter-spacing:0}
@media(max-width:800px){header{display:block}.top-actions{display:contents}.top-actions>.jh-language-switch{position:absolute;right:22px;top:22px}.top-actions>.times{position:absolute;left:22px;top:74px}#sound{position:absolute;right:82px;top:75px}#fullscreen{position:absolute;right:49px;top:75px}#help{display:inline-flex;align-items:center;justify-content:center;position:absolute;right:16px;top:75px}.scene-status{top:116px}}