/* All selectors are limited to the shared navigation, never editorial type. */
.ho-global-header,.ho-global-dialog{--ho-nav-bg:#f7f3e9;--ho-nav-ink:#2d3524;--ho-nav-line:#d5d5c1;--ho-nav-accent:#627344;--ho-nav-hover:#e8ebdb}
.ho-global-header[data-section=history],.ho-global-dialog[data-section=history]{--ho-nav-bg:#e5d2b5;--ho-nav-ink:#21180f;--ho-nav-line:#ba9e79;--ho-nav-accent:#963d2b;--ho-nav-hover:#d9bd96}
.ho-global-header,.ho-global-dialog,.ho-global-crumb{box-sizing:border-box;color:#2d3524;font:400 14px/1.5 "Avenir Next",'HO Chinese UI',Arial,sans-serif;letter-spacing:normal}
.ho-global-header *,.ho-global-dialog *{box-sizing:border-box}.ho-global-header{background:#f7f3e9;border-bottom:1px solid #d5d5c1;position:relative;z-index:30;width:100%}.ho-global-top{min-height:76px;max-width:1440px;padding:0 4%;margin:auto;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:28px}.ho-global-brand{display:flex;align-items:center;min-height:44px}.ho-global-brand img{display:block;width:212px;height:auto}.ho-global-top nav{display:flex;justify-content:center;gap:24px}.ho-global-header a{color:inherit;text-decoration:none;font-size:14px}.ho-global-header a[aria-current]{font-weight:600;color:#627344}.ho-global-actions{display:flex;gap:8px}.ho-global-actions button{border:0!important;background:none!important;color:inherit;padding:10px!important;width:44px;height:44px;display:grid;place-items:center;cursor:pointer}.ho-global-actions button:hover{background:#e8ebdb!important;border-radius:50%}.ho-global-actions svg{width:24px;height:24px;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;fill:none}
.ho-global-crumb{max-width:1440px;margin:auto;padding:22px 4% 0;display:flex;gap:9px;flex-wrap:wrap;font-size:11px;letter-spacing:.07em}.ho-global-crumb a{color:inherit;text-decoration:none}.ho-global-crumb span{opacity:.5}.ho-global-dialog{border:1px solid #d5d5c1;background:#f7f3e9;padding:28px;width:min(600px,calc(100% - 24px));max-height:calc(100dvh - 32px);margin:auto;overflow:auto}.ho-global-dialog::backdrop{background:#28331e60}.ho-global-dialog-head{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #d5d5c1;padding-bottom:22px;gap:24px}.ho-global-dialog-head img{width:210px}.ho-global-dialog h2{margin:0;font:400 24px/1.3 Georgia,serif}.ho-global-dialog button{font:inherit;background:none;border:0;color:inherit;cursor:pointer;min-height:44px}.ho-global-dialog a{color:inherit;text-decoration:none;display:block;min-height:44px;padding:10px 0}.ho-global-dialog a:hover{color:#627344}.ho-menu-columns{display:grid;grid-template-columns:1fr 1fr;gap:28px;padding:24px 0}.ho-menu-columns h3{font:600 13px/1.5 "Avenir Next",Arial,sans-serif;letter-spacing:.08em;border-bottom:2px solid #c6d0b0;padding:0 0 16px;margin:0 0 12px}.ho-menu-account{border-top:1px solid #d5d5c1;padding-top:14px;display:flex;justify-content:space-between;gap:20px}.ho-global-dialog input{width:100%;font:inherit;border:0;border-bottom:1px solid #8e9b7b;background:transparent;padding:18px 0;margin:18px 0;border-radius:0}.ho-search-results a{border-bottom:1px solid #d5d5c1}.ho-search-results small{display:block;font-size:10px;letter-spacing:.1em;color:#67734e}.ho-global-header :focus-visible,.ho-global-dialog :focus-visible{outline:2px solid #6c7f4f;outline-offset:3px}.ho-account-links{padding-top:20px}
body[data-ho-shell] .ho-site-header{display:none!important}
.ho-global-header{position:sticky;top:0;z-index:80;background:var(--ho-nav-bg);color:var(--ho-nav-ink);border-color:var(--ho-nav-line)}
.ho-global-header .ho-global-top{min-height:76px;grid-template-columns:auto 1fr auto;padding:0 4%;gap:28px}
.ho-global-header .ho-global-top>nav{display:flex;justify-content:center;gap:38px;overflow:visible}
.ho-global-header .ho-global-brand img{width:200px;max-width:none;height:auto}
.ho-global-header .ho-nav-dropdown{border:0;margin:0;padding:0;background:none;position:relative}
.ho-global-header .ho-nav-dropdown>summary{display:flex;align-items:center;gap:9px;min-height:76px;padding:0 3px;list-style:none;border:0;border-bottom:2px solid transparent;font:500 15px/1.4 'Avenir Next','HO Chinese UI','Hiragino Sans',Arial,sans-serif;color:inherit;cursor:pointer;background:none;white-space:nowrap}
.ho-global-header .ho-nav-dropdown>summary::-webkit-details-marker{display:none}
.ho-global-header .ho-nav-dropdown>summary::after{display:none}
.ho-global-header .ho-nav-dropdown[data-active=true]>summary{border-color:var(--ho-nav-accent);color:var(--ho-nav-accent)}
.ho-global-header .ho-nav-dropdown>summary>span{font-size:15px;transition:transform .18s}
.ho-global-header .ho-nav-dropdown[open]>summary>span{transform:rotate(180deg)}
.ho-global-header .ho-nav-panel{position:absolute;top:100%;left:-24px;width:250px;padding:17px 24px;background:var(--ho-nav-bg);border:1px solid var(--ho-nav-line);box-shadow:0 14px 25px #21180f14}
.ho-global-header .ho-nav-panel a{display:block;min-height:44px;padding:11px 0;font:400 14px/1.5 'Avenir Next','HO Chinese UI','Hiragino Sans',Arial,sans-serif;color:inherit;text-decoration:none;white-space:normal}
.ho-global-header .ho-nav-panel a:hover,.ho-global-header .ho-nav-panel a[aria-current]{color:var(--ho-nav-accent)}
.ho-global-header .ho-global-actions{gap:6px;grid-column:3}
.ho-global-header .ho-global-actions button:hover{background:var(--ho-nav-hover)!important}
.ho-global-dialog{background:var(--ho-nav-bg);color:var(--ho-nav-ink);border-color:var(--ho-nav-line);inset:0;z-index:2000}
.ho-global-dialog .ho-global-dialog-head,.ho-global-dialog .ho-menu-account,.ho-global-dialog .ho-search-results a{border-color:var(--ho-nav-line)}
.ho-global-dialog .ho-menu-columns h3{border-color:var(--ho-nav-line)}
.ho-global-dialog a:hover{color:var(--ho-nav-accent)}
.ho-global-dialog .ho-menu-account{flex-wrap:wrap;font-size:13px;gap:12px}
.ho-global-dialog .ho-search-scopes{display:flex;gap:22px;margin-bottom:12px}
.ho-global-dialog .ho-search-scopes button{border-bottom:2px solid transparent;padding:5px 2px;border-radius:0}
.ho-global-dialog .ho-search-scopes button[aria-pressed=true]{border-color:var(--ho-nav-accent);color:var(--ho-nav-accent)}
.ho-global-header :focus-visible,.ho-global-dialog :focus-visible{outline-color:var(--ho-nav-accent)}
.ho-global-crumb{position:relative;align-items:center;padding:14px 4%;min-height:46px;width:100%;max-width:1440px;font:400 11px/1.5 'Avenir Next','HO Chinese UI','Hiragino Sans',Arial,sans-serif;letter-spacing:.04em;color:inherit;box-sizing:border-box}
.ho-global-crumb a{color:inherit;text-decoration:none}
.ho-global-crumb .ho-reading-tools{display:flex;gap:20px;margin-left:auto;align-items:center;letter-spacing:0;font-size:12px}
.ho-reading-tools button{min-height:30px;padding:3px 0;border:0;background:none;color:inherit;cursor:pointer;font:inherit}
.ho-reading-tools [aria-pressed=true]{font-weight:600}
.ho-feedback-toast{position:fixed;z-index:3000;bottom:30px;left:50%;transform:translateX(-50%);max-width:calc(100% - 32px);padding:12px 20px;background:#2d3524;color:#fffdf5;font:14px/1.5 'Avenir Next','Hiragino Sans',Arial,sans-serif;box-shadow:0 4px 16px #0002;border-radius:3px}
.ho-feedback-toast[hidden]{display:none}
@media(max-width:760px){
.ho-global-header .ho-global-top{padding:10px 18px 0;grid-template-columns:1fr auto;gap:0;min-height:105px}
.ho-global-header .ho-global-brand img{width:150px}
.ho-global-header .ho-global-actions{grid-column:2;grid-row:1;gap:0}
.ho-global-header .ho-global-actions button{width:36px;padding:7px!important}
.ho-global-header .ho-global-top>nav{grid-column:1/-1;grid-row:2;justify-content:flex-start;gap:30px;min-height:44px;overflow:visible}
.ho-global-header .ho-nav-dropdown{position:static}
.ho-global-header .ho-nav-dropdown>summary{min-height:44px;font-size:14px}
.ho-global-header .ho-nav-panel{left:0;right:0;top:100%;width:auto;padding:12px 21px;max-height:calc(100dvh - 130px);overflow:auto}
.ho-global-dialog{padding:20px}
.ho-global-dialog-head img{width:170px}.ho-menu-columns{gap:24px}
.ho-global-crumb{padding:12px 20px;gap:7px;font-size:10px}
.ho-global-crumb .ho-reading-tools{width:100%;margin-left:0;padding-top:6px;justify-content:space-between;font-size:12px}
}
@media(prefers-reduced-motion:reduce){.ho-global-header .ho-nav-dropdown>summary>span{transition:none}}
.ho-global-header>.ho-global-crumb{border-top:1px solid var(--ho-nav-line);padding-top:7px;padding-bottom:7px;min-height:42px;color:var(--ho-nav-ink);font-size:11px}
.ho-global-header>.ho-global-crumb a{font-size:inherit}
body[data-ho-shell=history] .ho-reader[data-ho-reader]{--reader-frame-top:var(--ho-global-height,77px)!important}
@media(max-width:760px){.ho-global-header[data-section=history]>.ho-global-crumb .ho-reading-tools{width:auto;margin-left:auto;padding-top:0;gap:12px}}
/* Preserve the owner's previously requested removal of listening controls. */
body[data-ho-shell=history] :is([data-article-listen],[data-corner-audio],.listen-button,.reading-audio-action,[data-city-guide-listen],[data-audio-play],[data-library-listen],[data-audio-queue],.ho-audio-player){display:none!important}

/* Chinese reader: never let opposing illustration floats trap prose. */
html:lang(zh) .ho-reader__article-visual{clear:both}
html:lang(zh) [data-reader-body]>p{display:flow-root;min-inline-size:min(100%,12em)}

/* Selected A: both section directories remain directly accessible. */
.ho-global-header .ho-global-top{gap:22px;padding-inline:3%}
.ho-global-header .ho-global-brand img{width:180px}
.ho-global-header .ho-global-top>nav{gap:24px;min-width:0;justify-content:center}
.ho-global-header .ho-direct-group{display:flex;align-items:center;gap:18px;white-space:nowrap;min-height:76px}
.ho-global-header .ho-direct-group+.ho-direct-group{border-left:1px solid var(--ho-nav-line);padding-left:24px}
.ho-global-header .ho-direct-group a{display:flex;align-items:center;min-height:44px;font-size:13px;border-bottom:2px solid transparent}
.ho-global-header .ho-direct-group .ho-direct-label{font-size:11px;letter-spacing:.06em;color:var(--ho-nav-accent)}
.ho-global-header .ho-direct-group a:hover,.ho-global-header .ho-direct-group a[aria-current]{color:var(--ho-nav-accent);text-decoration:none}
.ho-global-header .ho-direct-group a[aria-current]{border-bottom-color:var(--ho-nav-accent)}
@media(max-width:1150px){.ho-global-header .ho-global-top{grid-template-columns:1fr auto;gap:0;padding:12px 3% 0}.ho-global-header .ho-global-actions{grid-column:2;grid-row:1}.ho-global-header .ho-global-top>nav{grid-column:1/-1;grid-row:2;justify-content:flex-start;flex-wrap:wrap;gap:0 24px}.ho-global-header .ho-direct-group{min-height:48px}}
@media(max-width:760px){.ho-global-header .ho-global-brand img{width:150px}.ho-global-header .ho-global-top{min-height:0}.ho-global-header .ho-global-top>nav{padding:8px 0;gap:0;width:100%}.ho-global-header .ho-direct-group{width:100%;gap:18px;min-height:40px;flex-wrap:wrap}.ho-global-header .ho-direct-group+.ho-direct-group{padding-left:0;border-left:0}.ho-global-header .ho-direct-group a{min-height:40px;font-size:12px}.ho-global-header .ho-direct-group .ho-direct-label{font-size:10px}}

/* Left aligned directories with a short, vertically centered divider. */
.ho-global-header .ho-global-top>nav{justify-content:flex-start}
.ho-global-header .ho-direct-group+.ho-direct-group{border-left:0;position:relative}
.ho-global-header .ho-direct-group+.ho-direct-group::before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);height:24px;width:1px;background:var(--ho-nav-line)}
@media(max-width:760px){.ho-global-header .ho-direct-group+.ho-direct-group::before{display:none}.ho-global-header .ho-direct-group{gap:14px}}

/* Phone header keeps only the brand and three shared actions. */
@media(max-width:760px){
.ho-global-header .ho-global-top>nav{display:none}
.ho-global-header .ho-global-top{padding:10px 18px;min-height:64px;grid-template-columns:1fr auto}
}

.ho-breadcrumb-path{display:contents}.ho-mobile-sections{display:none}
@media(max-width:760px){
.ho-global-header .ho-mobile-sections{display:flex;gap:20px;align-items:center;justify-content:flex-start;overflow-x:auto;white-space:nowrap;padding:0 18px;border-top:1px solid var(--ho-nav-line);scrollbar-width:none}
.ho-global-header .ho-mobile-sections a{font-size:12px;min-height:46px;display:flex;align-items:center;border-bottom:2px solid transparent;flex-shrink:0}
.ho-global-header .ho-mobile-sections a[aria-current]{color:var(--ho-nav-accent);border-bottom-color:var(--ho-nav-accent)}
.ho-global-header .ho-breadcrumb-path{display:none}
.ho-global-header .ho-global-crumb:not(:has(.ho-reading-tools)){display:none}
.ho-global-header .ho-global-crumb .ho-reading-tools{width:100%;padding:0;margin:0;justify-content:space-between}
}

.ho-global-crumb .ho-breadcrumb-path{opacity:1}

/* The logo opens the two home destinations in the current language. */
.ho-global-header .ho-brand-switch{position:relative;border:0;margin:0;padding:0;background:transparent}
.ho-global-header .ho-brand-switch>summary{list-style:none;cursor:pointer;padding:0;border:0;background:transparent}
.ho-global-header .ho-brand-switch>summary::-webkit-details-marker{display:none}
.ho-global-header .ho-brand-switch>summary::after{display:none}
.ho-global-header .ho-brand-options{position:absolute;top:calc(100% + 12px);left:0;min-width:210px;padding:10px 18px;background:var(--ho-nav-bg);border:1px solid var(--ho-nav-line);box-shadow:0 10px 24px #21180f18;z-index:90}
.ho-global-header .ho-brand-options a{display:flex;align-items:center;min-height:46px;white-space:nowrap;color:var(--ho-nav-ink);font-size:14px}
.ho-global-header .ho-brand-options a:hover{color:var(--ho-nav-accent);text-decoration:none}
.ho-global-header .ho-brand-options a+a{border-top:1px solid var(--ho-nav-line)}
@media(max-width:760px){.ho-global-header .ho-brand-options{min-width:190px;top:calc(100% + 10px)}}

/* History cards: consistent small rounding at all four corners. */
:is(body[data-ho-shell=history],html:has(meta[name="ho-history-scope"]) body:not(.ho-common-page):not([data-ho-shell=culture])) :is(.reading-card,.comment-card,.reader-related-card,.topic-panel,.essentials-entry,.topics-collection-card,.topics-reading-card,.ho-reader__reward-reveal-card,.city-entry__guide-card,.city-topic-preview-card,.city-topic-entry,.ho-city-history-card,.ho-cross-card,.ho-card,.event-card,.person-card,.place-card,.topic-card,.omakase-card,.collection-card,.discovery-card,.ho-culture-stack-images>span){border-radius:6px!important;overflow:hidden}
:is(body[data-ho-shell=history],html:has(meta[name="ho-history-scope"]) body:not(.ho-common-page):not([data-ho-shell=culture])) :is(.reading-card,.comment-card,.reader-related-card,.topic-panel,.essentials-entry,.topics-collection-card,.topics-reading-card,.ho-reader__reward-reveal-card,.city-entry__guide-card,.city-topic-preview-card,.city-topic-entry,.ho-city-history-card,.ho-cross-card,.ho-card,.event-card,.person-card,.place-card,.topic-card,.omakase-card,.collection-card,.discovery-card,.ho-culture-stack-images>span) :is(.city-entry__guide-visual,.city-entry__guide-copy,.reader-related-image,.reading-card-image,.card-image,.card-media){border-radius:0!important}

/* The panel heading had a separate 27px corner inside the outer card. */
:is(body[data-ho-shell=history],html:has(meta[name="ho-history-scope"]) body:not(.ho-common-page):not([data-ho-shell=culture])) .topic-panel>header{border-radius:0!important}

.ho-retired-audio{display:none!important}
.ho-global-crumb .ho-reading-tools{gap:8px;width:auto!important;margin-left:auto!important;opacity:1}
.ho-global-crumb .ho-reading-tools :is(a,button){display:grid;place-items:center;width:38px;height:38px;min-height:38px;padding:8px;border:1px solid #655b4c29;border-radius:50%;background:#faecd62e;color:var(--ho-nav-ink);box-shadow:0 3px 14px #281e140f;box-sizing:border-box}
.ho-global-crumb .ho-reading-tools svg{width:20px;height:20px}
.ho-global-crumb .ho-reading-tools [aria-pressed=true]{background:var(--ho-nav-hover)}

/* Text actions in the shared breadcrumb; floating reader tools retain their design. */
.ho-global-crumb .ho-reading-tools :is(a,button){display:inline-flex;align-items:center;justify-content:center;width:auto;min-width:44px;height:auto;min-height:38px;padding:6px 10px;border:0;border-radius:0;background:transparent;box-shadow:none;font:inherit;white-space:nowrap;text-decoration:none}
.ho-global-crumb .ho-reading-tools{gap:12px}

/* Related-card media fills its column independently of text height. */
.reader-related-image{position:relative;overflow:hidden;align-self:stretch}
.reader-related-image>.ho-card-image{position:absolute!important;inset:0;width:100%!important;height:100%!important;aspect-ratio:auto!important}
.reader-related-image img{display:block;width:100%!important;height:100%!important;object-fit:cover!important;transform:scale(1.14);transform-origin:center}
/* This source includes a white bottom strip; crop only card presentations. */
:is(.reader-related-image,.ho-card-image) img[src$="/event-cards/reg-a-evt-03.webp"]{transform:scale(1.14);transform-origin:center}

/* Keep imported article header rules outside the shared navigation shell. */
header.ho-global-header{display:block;padding:0;margin:0;max-width:none;min-height:0}
.ho-global-header>.ho-global-top{width:100%;min-width:0}
@media(max-width:760px){.ho-global-header>.ho-global-crumb{display:none!important}}

/* Owner-selected C: quiet section labels and a filled current-page tab. */
.ho-global-header .ho-direct-group .ho-direct-label{color:var(--ho-nav-ink);opacity:.65}
.ho-global-header .ho-direct-group a[aria-current]:not(.ho-direct-label){color:var(--ho-nav-ink);background:var(--ho-nav-hover);border-bottom-color:transparent;border-radius:5px;padding:8px 12px;min-height:38px}