/* Native language dropdown; anchors remain as a no-JavaScript fallback. */
.language{flex-shrink:0;max-width:45%;padding:3px}
.language select{font:inherit;font-size:13px;font-weight:700;color:#142a34;background:#f6f2e9;border:0;border-radius:6px;min-height:36px;padding:6px 26px 6px 10px;max-width:100%;cursor:pointer;color-scheme:light}
.language select:focus-visible{outline:2px solid #e8ab62;outline-offset:2px}
.language noscript a{color:inherit;font-size:12px;margin:4px}
.language a[hidden]{display:none}
@media(max-width:420px){.language select{font-size:12px;padding-left:6px;padding-right:18px}.brand{gap:8px}}
/* Longer translated city headings sit below the language picker on phones. */
@media(max-width:720px){.intro{top:56px}}
/* Localized text follows reading direction; geography and numeric scales do not mirror. */
html[dir=rtl] .panel{text-align:right;box-shadow:-8px 0 35px #10202a32}
html[dir=rtl] .language{margin-left:0;margin-right:auto}
html[dir=rtl] .brand-home{direction:ltr;unicode-bidi:isolate}
html[dir=rtl] .map-wrap,html[dir=rtl] #map,html[dir=rtl] .legend-scale,html[dir=rtl] .legend-labels{direction:ltr}
html[dir=rtl] .legend-labels>*{direction:rtl;unicode-bidi:isolate}
html[dir=rtl] .city-picker-current,html[dir=rtl] .city-picker-option span,html[dir=rtl] .number{direction:ltr;unicode-bidi:isolate}
.cross-street-coordinates input{direction:ltr;unicode-bidi:isolate;text-align:left}
#place-query{unicode-bidi:plaintext}
html[lang=ar] body,html[lang=hi] body{line-height:1.5}
@media(max-width:720px){html[dir=rtl] .panel{box-shadow:none}html[dir=rtl] .intro{left:12px;right:12px;text-align:right}}

@font-face{font-family:VidenteArabic;src:url('/native-fonts/notosansarabic.ttf') format('truetype');font-weight:100 900;font-display:swap}
@font-face{font-family:VidenteHindi;src:url('/native-fonts/notosansdevanagari.ttf') format('truetype');font-weight:100 900;font-display:swap}
html[lang=ar] body,html[lang=ar] h1,html[lang=ar] h2{font-family:VidenteArabic,system-ui,sans-serif}
html[lang=hi] body,html[lang=hi] h1,html[lang=hi] h2{font-family:VidenteHindi,system-ui,sans-serif}
html[dir=rtl] .index-number,html[dir=rtl] .area-card-number{direction:ltr;unicode-bidi:isolate;display:inline-block}

@font-face{font-family:VidenteJapanese;src:url('/native-fonts/notosansjp.ttf') format('truetype');font-weight:100 900;font-display:swap}
@font-face{font-family:VidenteChinese;src:url('/native-fonts/notosanssc.ttf') format('truetype');font-weight:100 900;font-display:swap}
html[lang=ja] body,html[lang=ja] h1,html[lang=ja] h2{font-family:VidenteJapanese,system-ui,sans-serif;line-height:1.5}
html[lang=zh] body,html[lang=zh] h1,html[lang=zh] h2{font-family:VidenteChinese,system-ui,sans-serif;line-height:1.5}
html[lang=ja] #intro-title{word-break:keep-all;overflow-wrap:normal}

/* Supporting copy stays outside the map controls and collapsed until requested. */
.city-guide{border-top:1px solid #36505a;margin-top:18px;padding-top:14px;color:#bed0ce;font-size:12px;line-height:1.65;overflow-wrap:anywhere}
.city-guide summary{cursor:pointer;color:#e8ab62;font-weight:700;line-height:1.5}
.city-guide summary:focus-visible{outline:2px solid #e8ab62;outline-offset:4px}
.city-guide h2{font-size:13px;font-weight:600;line-height:1.5;color:#eef2ed;margin:20px 0 6px}
.city-guide p{margin:10px 0}
@media(max-width:720px){.detail-sheet .city-guide{display:none;margin:0 18px 18px}.detail-sheet.is-open .city-guide{display:block}}

/* Shared language menu follows Vidente's control palette instead of OS chrome. */
.language{position:relative;z-index:1500;padding:0;border:0;background:transparent}
.language .language-native{position:absolute!important;inline-size:1px!important;block-size:1px!important;min-height:0!important;padding:0!important;border:0!important;clip-path:inset(50%);opacity:0;pointer-events:none}
.language .language-trigger{position:relative;display:block;max-width:100%;min-height:40px;margin:0;padding-block:9px;padding-inline:12px 32px;border:1px solid #b9c1bb;border-radius:8px;background:#fffdf8;color:#142a34;font:inherit;font-size:13px;font-weight:700;line-height:1.35;cursor:pointer;text-align:start;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.language .language-trigger::after{content:"";position:absolute;inset-inline-end:13px;top:15px;width:6px;height:6px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg)}
.language .language-trigger:hover,.language .language-trigger[aria-expanded=true]{border-color:#bb8626;background:#f6f2e9}
.language .language-trigger:focus-visible,.language-menu button:focus-visible{outline:2px solid #bb8626;outline-offset:2px}
.language-menu{position:absolute;inset-block-start:calc(100% + 7px);inset-inline-end:0;width:210px;max-width:calc(100vw - 24px);max-height:min(420px,calc(100dvh - 100px));overflow-y:auto;padding:6px;border:1px solid #d7d1c7;border-radius:10px;background:#fffdf8;color:#142a34;box-shadow:0 12px 32px #10202a33}
.language-menu[hidden]{display:none}
.language .language-menu button{position:relative;display:block;width:100%;min-height:36px;margin:0;padding-block:8px;padding-inline:11px 30px;border:0;border-radius:6px;background:transparent;color:#142a34;font:inherit;font-size:13px;font-weight:500;text-align:start;cursor:pointer}
.language .language-menu button:hover,.language .language-menu button:focus{background:#f0e8d9;outline-offset:-2px}
.language .language-menu button[aria-checked=true]{background:#e8ab62;color:#10202a;font-weight:700}
.language .language-menu button[aria-checked=true]::after{content:"";position:absolute;inset-inline-end:13px;top:11px;width:5px;height:9px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg)}