.breadcrumbs{padding:10px 6% 25px;display:flex;gap:14px;font-size:12px;color:var(--muted)}.breadcrumbs a:hover{color:var(--red)}.city-hero{height:470px;min-height:350px}.city-hero .hero-content{top:auto;bottom:65px}.city-hero h1{font-size:clamp(45px,6vw,86px)}.city-jump{display:flex;gap:45px;padding:25px 6%;border-bottom:1px solid var(--line);font-size:12px}.city-jump a:hover{color:var(--red)}.overview{display:grid;grid-template-columns:1fr 1.2fr;gap:8%;align-items:start}.overview p{line-height:1.95;color:var(--muted);margin:0 0 20px}.overview .overview-lead{font-size:19px;line-height:1.85;color:var(--ink)}.sights-section{padding-top:0}.detail-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.detail-card{padding:30px 25px;background:#f1f2ee;border-top:2px solid #dce1d9}.detail-number{font-size:10px;letter-spacing:2px;color:var(--red)}.detail-card h3{font-size:24px;line-height:1.4;margin:20px 0 12px}.detail-card p{font-size:14px;line-height:1.9;color:var(--muted);margin:0}.detail-note{font-size:12px;line-height:1.8;color:var(--muted);margin-top:24px}.food-section{background:#f3f3ee}.food-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.food-grid .detail-card{background:var(--paper);border-color:var(--red);padding:35px}.source-link{font-size:11px;color:var(--red);text-decoration:underline}.city-cta{background:#315a47;color:#fff;padding:65px 6%;display:flex;align-items:center;justify-content:space-between;gap:35px}.city-cta p{color:#dae7d5;font-size:14px;line-height:1.8}.city-cta .button{flex-shrink:0}.next-links{display:flex;flex-wrap:wrap;gap:15px;margin-top:30px}.next-links a{border:1px solid var(--line);border-radius:3px;padding:16px 23px;font-size:14px}.next-links a:hover{background:var(--ink);color:white}footer>div{margin-top:30px}@media(max-width:700px){.city-hero{height:380px}.city-hero .hero-content{bottom:45px}.city-hero h1{font-size:43px}.city-jump{gap:20px;font-size:10px;justify-content:space-between}.overview{grid-template-columns:1fr;gap:25px}.overview .overview-lead{font-size:17px}.detail-grid{grid-template-columns:1fr}.city-cta{display:block;padding:45px 6%}.city-cta .button{margin-top:15px}.detail-card{padding:25px}.next-links{gap:10px}.next-links a{padding:12px 16px}.sights-section{padding-top:0}}

/* Local photography for attraction and food cards. */
.detail-card,.food-grid .detail-card{padding:0;border-top:0;border-radius:5px;overflow:hidden}
.detail-photo{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;background:#eeeeea}
.detail-card-body{padding:27px 25px 30px;border-top:2px solid #dce1d9}
.food-grid .detail-card-body{border-color:var(--red)}
.detail-card h3{margin-top:16px}
@media(max-width:1000px) and (min-width:701px){.detail-card-body{padding:22px 18px}.detail-card h3{font-size:21px}}
@media(max-width:700px){.detail-card-body{padding:25px}.detail-photo{max-height:320px}}

.photo-credits{position:relative;clear:both;margin:28px 6% 36px;padding:12px 0;font-size:11px;line-height:1.8;color:var(--muted)}.photo-credits summary{cursor:pointer;padding:8px 0;min-height:36px}.photo-credits ul{display:flex;flex-wrap:wrap;gap:12px 30px;padding-left:16px;margin-top:18px}.photo-credits a{text-decoration:underline}

/* Editorial city stories and flexible day itineraries. */
.city-jump{flex-wrap:wrap}.overview{padding-bottom:45px}.overview h2{max-width:430px;font-size:clamp(30px,3.5vw,48px)}
.reasons-section{padding-top:15px;padding-bottom:75px}.reasons-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;border-top:1px solid var(--line);padding-top:30px}
.reason h3{line-height:1.4;font-size:22px;margin:15px 0}.reason p{color:var(--muted);line-height:1.9;font-size:14px;margin:0}
.detail-card p.sight-story{margin-top:18px;padding-top:18px;border-top:1px solid var(--line)}
.food-story{max-width:880px;font-size:17px;line-height:1.95;color:var(--muted);margin:0 0 35px}
.day-section{display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:start}.day-intro h2{max-width:420px}.day-photo{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;border-radius:5px;margin-top:30px}
.day-timeline{list-style:none;padding:0;margin:0}.day-timeline li{display:flex;gap:23px;padding:27px 0;border-bottom:1px solid var(--line)}.day-timeline li:first-child{padding-top:0}.day-step{color:var(--red);font-size:12px;letter-spacing:1px;padding-top:8px}.day-timeline h3{margin:0 0 14px;line-height:1.4;font-size:24px}.day-timeline p{line-height:1.9;font-size:15px;color:var(--muted);margin:0}
.planning-note{margin:0 6% 75px;padding:35px;background:#f1f2ee;display:grid;grid-template-columns:1fr 1.2fr;gap:7%;border-left:3px solid var(--red)}.planning-note h2{font-size:28px}.planning-note p{line-height:1.9;font-size:14px;color:var(--muted);margin:0 0 18px}
@media(max-width:1000px) and (min-width:701px){.city-jump{gap:25px}.day-section{gap:5%}.day-timeline h3{font-size:21px}}
@media(max-width:700px){.reasons-grid{grid-template-columns:1fr;gap:25px}.reasons-section{padding-bottom:50px}.reason{padding-bottom:20px;border-bottom:1px solid var(--line)}.reason:last-child{border:0;padding-bottom:0}.food-story{font-size:15px}.day-section{grid-template-columns:1fr;gap:35px}.planning-note{grid-template-columns:1fr;gap:25px;padding:25px;margin-bottom:45px}.city-jump{display:grid;grid-template-columns:1fr 1fr;gap:18px}.overview{padding-bottom:30px}.day-timeline h3{font-size:22px}}

.region-scope{margin:32px 6% 0;padding:24px 28px;border-left:3px solid var(--red);background:#f1f2ee}.region-scope p{font-size:14px;line-height:1.8;margin:10px 0;color:var(--muted)}.scope-links{display:flex;gap:20px;flex-wrap:wrap;font-size:12px}.scope-links a{text-decoration:underline}.next-links a{font-size:12px}.city-hero h1{overflow-wrap:anywhere}@media(max-width:700px){.region-scope{padding:20px}.city-hero h1{font-size:38px}}

/* Region-to-city navigation and the full destination directory. */
.breadcrumbs{flex-wrap:wrap;line-height:1.7}.parent-up{display:inline-block;margin:28px 6% 0;color:var(--red);font-size:13px}.region-children{padding-top:45px;padding-bottom:40px;border-bottom:1px solid var(--line)}.hierarchy-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:23px;margin-top:28px}.hierarchy-card{display:block;background:#f1f2ee;border-radius:5px;overflow:hidden}.hierarchy-card>img{display:block;width:100%;height:auto;flex-shrink:0;aspect-ratio:16/10;object-fit:cover}.hierarchy-card>div{padding:23px}.hierarchy-card h3{margin:9px 0 12px;font-size:25px}.hierarchy-card p{font-size:13px;color:var(--muted);line-height:1.8;margin:0}.hierarchy-card:hover h3{color:var(--red)}.subregion-heading{margin-top:38px}.parent-region{margin-bottom:10px}.directory-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:25px;margin-top:35px}.directory-branch{padding:28px;background:#f1f2ee;border-radius:4px}.directory-region-link{font-size:25px;display:inline-block;margin-bottom:15px}.directory-city-links{display:flex;flex-wrap:wrap;gap:12px 20px;font-size:14px}.directory-city-links a{text-decoration:underline;text-underline-offset:4px}.directory-subregions{margin-top:22px;border-left:2px solid #d8dfd4;padding-left:22px;display:grid;gap:24px}.directory-subregions .directory-region-link{font-size:18px;margin-bottom:12px}.directory-search{display:block;max-width:520px;font-size:13px}.directory-search input{margin-top:10px}.region-children+.overview{padding-top:50px}.detail-grid:has(>.detail-card:only-child){grid-template-columns:minmax(0,700px)}
@media(max-width:900px){.hierarchy-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.hierarchy-grid,.directory-grid{grid-template-columns:1fr}.directory-branch{padding:23px}.region-children{padding-top:35px}.breadcrumbs{font-size:11px;gap:8px}}

/* Minimal hero breadcrumbs with explicit, non-intercepting overlay layers. */
.city-hero{isolation:isolate}
.city-hero>img{pointer-events:none}
.city-hero>.hero-shade{z-index:0;pointer-events:none}
.city-hero::after{content:"";position:absolute;inset:0 0 auto;height:110px;background:linear-gradient(180deg,rgba(0,0,0,.34),transparent);z-index:1;pointer-events:none}
.city-hero>.hero-content{z-index:2;pointer-events:none}
.city-hero>.hero-content a,.city-hero>.hero-content button{pointer-events:auto}
.city-hero .breadcrumbs{position:absolute;z-index:4;top:17px;left:6%;right:6%;display:flex;align-items:center;flex-wrap:wrap;gap:2px 8px;width:auto;max-width:none;margin:0;padding:0;border:0;border-radius:0;background:none;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;overflow:visible;color:#fff;font-size:12px;line-height:1.5;pointer-events:auto;text-shadow:0 1px 5px #0008}
.city-hero .breadcrumbs>a{position:relative;display:inline-flex;align-items:center;min-height:40px;padding:5px 3px;color:#ffffffe0;text-decoration:none;cursor:pointer;pointer-events:auto;white-space:nowrap}
.city-hero .breadcrumbs>a:hover{color:#fff;text-decoration:underline;text-underline-offset:5px;text-decoration-thickness:1px}
.city-hero .breadcrumbs>[aria-hidden]{font-size:0;width:12px;display:inline-flex;align-items:center;justify-content:center;opacity:.65;pointer-events:none}
.city-hero .breadcrumbs>[aria-hidden]::after{content:"";width:5px;height:5px;border-top:1px solid currentColor;border-right:1px solid currentColor;transform:rotate(45deg)}
.city-hero .breadcrumbs>[aria-current]{font-weight:500;color:#fff;white-space:nowrap;padding:5px 3px}
.city-hero .breadcrumbs>a:focus-visible{outline:2px solid #fff;outline-offset:1px;border-radius:2px}
@media(max-width:700px){.city-hero .breadcrumbs{top:10px;left:6%;right:6%;gap:0 5px;font-size:11px}.city-hero .breadcrumbs>a{min-height:44px}.city-hero .breadcrumbs>[aria-hidden]{width:9px}.city-hero::after{height:120px}}
/* Distinguish destination cards from the mist-green page canvas. */
.detail-card,.food-grid .detail-card,.hierarchy-card,.directory-branch{background:var(--surface-raised)}
.food-section{background:#f3f3ee}
.region-scope,.planning-note{background:#f0f2ec}

/* Calm reading surfaces, with photographs rendered independently of the theme. */
.detail-card,.food-grid .detail-card,.hierarchy-card,.directory-branch{background:#fff;border:1px solid var(--line);box-shadow:0 3px 12px #00000003}
.detail-card-body{border-top:0}.food-grid .detail-card-body{border-top:0}
.food-section{background:#f2f2ec}.region-scope,.planning-note{background:#f0f2ec;border-left-color:#81927c}
.city-hero>.hero-shade{background:linear-gradient(0deg,rgba(0,0,0,.46),transparent 62%)}
.city-cta{background:#294a3b}.city-cta p{color:#e0e7dd}
.next-links a{background:#fff}.next-links a:hover{background:var(--primary);color:#fff}
/* Destination directory search: a generous, restrained search surface. */
.directory-search-area{width:100%;max-width:660px;margin:32px 0 38px}.directory-search-label{display:block;font-size:12px;font-weight:600;color:var(--ink);margin-bottom:12px}.directory-search-bar{display:flex;align-items:center;gap:14px;min-height:66px;padding:10px 16px;background:#fff;border:1px solid #dce3da;border-radius:14px;box-shadow:0 4px 18px #24362a05;transition:border-color .2s,box-shadow .2s}.directory-search-bar:focus-within{border-color:#789582;box-shadow:0 0 0 4px #315a470c}.directory-search-icon{display:grid;place-items:center;flex-shrink:0;width:38px;height:38px;border-radius:50%;background:#edf2eb;color:var(--primary)}.directory-search-icon svg{width:21px;height:21px}.directory-search-bar input{flex:1;min-width:0;width:100%;margin:0;padding:10px 0;border:0;outline:none;box-shadow:none;background:transparent;font-size:15px;line-height:1.5;color:var(--ink);border-radius:0}.directory-search-bar input:focus{outline:none;box-shadow:none}.directory-search-bar input::placeholder{color:#80877f}.directory-search-bar input::-webkit-search-cancel-button{display:none}#directory-search-clear{display:grid;place-items:center;flex-shrink:0;width:36px;height:36px;padding:8px;border:0;border-radius:50%;background:#f4f5f1;color:#69786b;cursor:pointer}#directory-search-clear:hover{background:#e7ede3;color:var(--primary)}#directory-search-clear svg{width:18px;height:18px}.directory-search-caption{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:11px;padding:0 3px;font-size:11px;color:var(--muted)}#directory-search-status{white-space:nowrap;font-variant-numeric:tabular-nums}#directory-empty{max-width:660px;padding:18px 22px;background:#f0f2ec;border:1px solid var(--line);border-radius:10px;font-size:14px;line-height:1.8}
@media(max-width:600px){.directory-search-area{margin:25px 0 30px}.directory-search-bar{gap:10px;min-height:60px;padding:9px 12px;border-radius:12px}.directory-search-bar input{font-size:16px}.directory-search-icon{width:32px;height:32px}.directory-search-icon svg{width:18px;height:18px}.directory-search-caption{font-size:10px}}

.city-source{margin:-35px 6% 60px;font-size:12px}
.directory-themes{border-top:1px solid var(--line);padding-top:35px;margin-top:55px}.directory-themes>p{color:var(--muted);font-size:14px;line-height:1.8}.directory-themes .hierarchy-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.directory-region-link{max-width:100%;overflow-wrap:anywhere}.directory-branch>.admin-badge{margin-left:0;display:table}@media(max-width:650px){.directory-themes .hierarchy-grid{grid-template-columns:1fr}}

/* Separate the local food guide from the following journey-planning card. */
.food-section + .planning-note{
 margin-top:clamp(36px,4.5vw,64px);
 padding:clamp(24px,3vw,40px);
 background:var(--surface-raised);
 border:1px solid var(--line);
 border-left:3px solid #81927c;
 border-radius:8px;
 grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);
 align-items:start;
}
.food-section + .planning-note h2{margin:0;line-height:1.35}
.food-section + .planning-note p:last-child{margin-bottom:0}
.food-section + .planning-note .source-link{display:inline-block;line-height:1.7;text-underline-offset:4px}
@media(max-width:700px){
 .food-section + .planning-note{grid-template-columns:minmax(0,1fr);gap:18px;margin-top:32px}
 .food-section + .planning-note h2{font-size:25px}
}

/* Short editorial chapters add depth without turning the overview into one long paragraph. */
.overview .city-context-block{margin-top:28px;padding-top:24px;border-top:1px solid var(--line)}
.overview .city-context-block h3{margin:0 0 12px;font-size:19px;line-height:1.5;letter-spacing:-.25px;color:var(--ink)}
.overview .city-context-block p{margin:0;font-size:15px;line-height:1.95}
@media(max-width:700px){
 .overview .city-context-block{margin-top:24px;padding-top:20px}
 .overview .city-context-block h3{font-size:18px}
}

/* A short planning brief before the full city story. */
.trip-summary{margin:48px 6% 0;padding:28px 30px;background:var(--surface-raised);border:1px solid var(--line);border-radius:12px}
.trip-summary>.eyebrow{font-size:10px;letter-spacing:1.6px}
.trip-summary h2{margin:10px 0 24px;font-size:25px;line-height:1.3;letter-spacing:-.6px}
.trip-facts{display:grid;grid-template-columns:.65fr 1fr 1fr 1.4fr;gap:22px;margin:0}
.trip-facts>div{min-width:0;padding-left:22px;border-left:1px solid var(--line)}
.trip-facts>div:first-child{padding-left:0;border-left:0}
.trip-facts dt{margin-bottom:9px;font-size:11px;line-height:1.5;color:var(--muted)}
.trip-facts dd{margin:0;font-size:14px;line-height:1.75;color:var(--ink)}
.trip-summary .trip-facts>div:first-child dd{font-size:23px;line-height:1.4;font-weight:600;color:var(--primary)}
.trip-summary-footer{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px 22px;margin-top:24px;padding-top:15px;border-top:1px solid var(--line)}
.trip-summary-footer p{margin:0;max-width:800px;font-size:11px;line-height:1.8;color:var(--muted)}
.trip-source{font-size:11px;line-height:1.7;color:var(--primary);text-decoration:underline;text-underline-offset:4px}
.trip-summary+.overview{padding-top:48px}
/* Help readers choose within a region using a shared, comparable set of facts. */
.region-choice-intro{max-width:920px;margin:28px 0 24px;padding:22px 26px;background:#edf2eb;border-left:3px solid #81927c;border-radius:0 8px 8px 0}
.region-choice-intro>.eyebrow{font-size:9px;letter-spacing:1.4px}
.region-choice-intro h3{font-size:22px;line-height:1.4;margin:10px 0 12px}
.region-choice-intro p{font-size:14px;line-height:1.9;color:var(--muted);margin:0}
.region-choice-filters{display:flex;flex-wrap:wrap;gap:8px}
.region-choice-filters button{min-height:40px;padding:9px 16px;border:1px solid var(--line);border-radius:22px;background:var(--surface-raised);font-size:12px;line-height:1.5}
.region-choice-filters button:hover{border-color:#81927c}
.region-choice-filters button[aria-pressed=true]{background:var(--primary);border-color:var(--primary);color:white}
.region-choice-count,.region-choice-note{font-size:11px;line-height:1.8;color:var(--muted)}
.region-choice-count{margin:12px 0 0}.region-choice-note{margin:18px 0 0}
.region-choice-grid{margin-top:20px;align-items:stretch}
.region-city-choice{display:flex;flex-direction:column}
.region-city-choice>div{display:flex;flex-direction:column;flex:1;min-width:0;padding:22px}
.region-city-choice h3{margin:0 0 10px;font-size:25px;line-height:1.3}
.region-city-choice .choice-experience{font-size:14px;line-height:1.7;color:var(--ink);margin:0 0 18px}
.region-city-choice .trip-facts-compact{grid-template-columns:.7fr 1.3fr;gap:16px;padding-top:16px;border-top:1px solid var(--line);margin-top:auto}
.region-city-choice .trip-facts-compact>div{padding-left:0;border:0}
.region-city-choice .trip-facts dt{font-size:10px;margin-bottom:6px}
.region-city-choice .trip-facts dd{font-size:12px;line-height:1.7}
.region-city-choice .trip-facts>div:first-child dd{color:var(--primary);font-size:17px;font-weight:600}
.choice-link{font-size:11px;line-height:1.6;font-weight:600;color:var(--primary);margin-top:20px}
@media(max-width:1000px){.trip-facts{grid-template-columns:1fr 1fr;gap:24px}.trip-facts>div{padding-left:0;border:0}.trip-facts>div:nth-child(n+3){border-top:1px solid var(--line);padding-top:18px}}
@media(max-width:700px){
 .trip-summary{margin-top:28px;padding:22px 20px;border-radius:10px}
 .trip-summary h2{font-size:23px;margin-bottom:22px}
 .trip-facts{gap:20px 16px}.trip-facts dd{font-size:13px}
 .trip-summary+.overview{padding-top:36px}
 .region-choice-intro{padding:20px;margin:24px 0 20px}
 .region-choice-intro h3{font-size:21px}.region-choice-intro p{font-size:13px}
 .region-choice-filters button{min-height:44px;padding:10px 14px}
 .region-city-choice .trip-facts-compact{grid-template-columns:.7fr 1.3fr}
}

/* Inner-page photography is a concise introduction, leaving room for the trip brief. */
.city-hero{height:clamp(280px,27vw,360px);min-height:280px;margin:0 22px;border-radius:8px}
.city-hero .hero-content{top:auto;bottom:32px;left:6%;right:6%;max-width:900px}
.city-hero h1{font-size:clamp(38px,4.5vw,64px);line-height:1.08;margin:10px 0 0;text-wrap:balance;letter-spacing:-1.5px}
.city-hero .hero-content>.eyebrow{font-size:10px;line-height:1.6;letter-spacing:1.5px}
.city-hero .hero-content>p{max-width:660px;margin:12px 0 0;font-size:13px;line-height:1.7}
.city-hero .breadcrumbs{top:12px;font-size:11px}
.city-hero>.hero-shade{background:linear-gradient(0deg,rgba(17,30,24,.62),rgba(17,30,24,.03) 75%)}
.city-hero>img{object-position:var(--photo-focus,50% 50%)}
.city-jump{padding-top:18px;padding-bottom:18px;gap:28px}
.trip-summary{margin-top:30px}
.hierarchy-card>img{aspect-ratio:16/10;object-fit:cover;object-position:var(--photo-focus,50% 50%)}
.detail-photo{aspect-ratio:3/2;object-fit:cover;object-position:var(--photo-focus,50% 50%)}
html:lang(zh) .city-hero h1{font-size:clamp(36px,4.2vw,58px);line-height:1.25;letter-spacing:.04em;font-weight:600}
html:lang(zh) .overview h2{font-size:clamp(27px,3vw,40px);line-height:1.5;letter-spacing:.015em}
html:lang(zh) .overview p{line-height:2;font-size:16px}
html:lang(zh) .overview .overview-lead{font-size:18px;line-height:1.9}
html:lang(zh) .city-context-block h3{font-size:20px;line-height:1.6}
html:lang(zh) .city-context-block p{font-size:15px;line-height:2}
html:lang(zh) .detail-card h3,html:lang(zh) .hierarchy-card h3{font-size:23px;line-height:1.45}
html:lang(zh) .detail-card p{line-height:1.95}
@media(max-width:700px){
 .city-hero{height:260px;min-height:260px;margin:0 10px;border-radius:6px}
 .city-hero .hero-content{bottom:25px;left:6%;right:6%}
 .city-hero h1{font-size:clamp(34px,9vw,44px);line-height:1.15;letter-spacing:-.8px}
 .city-hero .hero-content>p{display:none}
 .city-hero .breadcrumbs{top:8px;font-size:10px;gap:0 4px}
 .city-jump{gap:12px;padding-top:16px;padding-bottom:16px;font-size:11px}
 .trip-summary{margin-top:24px}
 html:lang(zh) .city-hero h1{font-size:34px;line-height:1.3}
 html:lang(zh) .overview h2{font-size:27px;line-height:1.5}
 html:lang(zh) .overview .overview-lead{font-size:17px;line-height:1.95}
 html:lang(zh) .city-context-block h3{font-size:18px}
 html:lang(zh) .detail-card h3,html:lang(zh) .hierarchy-card h3{font-size:22px}
}

/* Keep section navigation visible while reading a city guide. */
.has-city-page-nav{scroll-padding-top:calc(var(--site-header-height) + var(--city-nav-height,56px) + 16px)}
.city-page-nav{display:flex;align-items:center;gap:24px;position:sticky;top:var(--site-header-height);z-index:85;margin:0;padding:0 6%;min-height:56px;background:#faf9f6;border-bottom:1px solid var(--line)}
.city-page-nav-title{font-size:13px;font-weight:600;white-space:nowrap;max-width:180px;overflow:hidden;text-overflow:ellipsis}
.city-page-nav-links{display:flex;align-items:center;gap:24px;min-width:0;overflow-x:auto;scrollbar-width:thin}
.city-page-nav-links>a{display:flex;align-items:center;min-height:56px;white-space:nowrap;font-size:12px;border-bottom:2px solid transparent;color:var(--muted)}
.city-page-nav-links>a[aria-current=location]{color:var(--primary);border-bottom-color:var(--primary);font-weight:600}
.city-page-nav-inquiry{margin-left:auto;white-space:nowrap;font-size:12px;font-weight:600;color:var(--primary)}
.related-cities{border-top:1px solid var(--line);padding-top:48px;padding-bottom:54px}
.related-cities-heading{display:flex;align-items:end;justify-content:space-between;gap:20px}
.related-cities-heading h2{font-size:32px;line-height:1.4;margin:12px 0 0}
.related-region-link{font-size:12px;color:var(--primary);text-decoration:underline;text-underline-offset:4px;white-space:nowrap}
.related-cities-intro{font-size:14px;line-height:1.8;color:var(--muted);margin:16px 0 0}
.related-city-stay{display:inline-block;margin-top:18px;font-size:12px;font-weight:600;color:var(--primary)}
.related-city-link{display:block;margin-top:12px;font-size:11px;color:var(--primary)}
.related-region-prompt{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:0 6% 40px;padding:24px 0;border-top:1px solid var(--line)}
.related-region-prompt p{font-size:14px;line-height:1.8;color:var(--muted);margin:0}
.related-region-prompt a{font-size:12px;line-height:1.7;color:var(--primary);white-space:nowrap}
@media(max-width:900px){.city-page-nav-title{display:none}.city-page-nav{gap:18px}.city-page-nav-links{gap:20px}}
@media(max-width:700px){
 .city-page-nav{padding:0 5%;gap:0;min-height:48px}
 .city-page-nav-links{width:100%;justify-content:space-between;gap:18px}
 .city-page-nav-links>a{min-height:48px;font-size:12px}
 .city-page-nav-inquiry{display:none}
 .related-cities{padding-top:36px;padding-bottom:40px}
 .related-cities-heading{align-items:start;flex-direction:column;gap:12px}
 .related-cities-heading h2{font-size:27px}
 .related-region-prompt{align-items:start;flex-direction:column;gap:12px}
}
.city-page-nav .city-page-nav-links>a{display:flex}

/* An editorial destination list replaces the old outlined link buttons. */
.more-cities{padding-top:48px;padding-bottom:48px}
.next-destinations-heading{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:26px}
.next-destinations-heading h2{margin:12px 0 0;font-size:32px;line-height:1.35}
.next-directory-link{font-size:12px;color:var(--primary);text-decoration:underline;text-underline-offset:5px;white-space:nowrap}
.next-destination-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:36px}
.next-destination-card{display:flex;align-items:center;gap:20px;padding:20px 0;border-top:1px solid var(--line);min-width:0}
.next-destination-card>img{display:block;flex:0 0 96px;width:96px;height:96px;border-radius:8px;object-fit:cover;object-position:var(--photo-focus,50% 50%)}
.next-destination-copy{min-width:0;flex:1}
.next-destination-kind{font-size:9px;letter-spacing:1.1px;color:var(--muted)}
.next-destination-copy h3{font-size:24px;line-height:1.35;margin:7px 0;transition:color .15s}
.next-destination-copy p{font-size:12px;line-height:1.7;margin:0;color:var(--muted)}
.next-destination-arrow{display:grid;place-items:center;flex:0 0 32px;width:32px;height:32px;color:var(--primary);font-size:22px;transition:transform .15s}
.next-destination-card:hover h3{color:var(--primary)}
.next-destination-card:hover .next-destination-arrow{transform:translate(2px,-2px)}
.next-destination-card:focus-visible{outline:2px solid var(--primary);outline-offset:5px;border-radius:4px}
@media(max-width:700px){
 .next-destinations-heading{align-items:start;flex-direction:column;gap:14px;margin-bottom:22px}
 .next-destinations-heading h2{font-size:28px}
 .next-destination-grid{grid-template-columns:minmax(0,1fr)}
 .next-destination-card{gap:15px;padding:18px 0}
 .next-destination-card>img{flex-basis:80px;width:80px;height:80px;border-radius:6px}
 .next-destination-copy h3{font-size:21px}
 .next-destination-arrow{flex-basis:24px;width:24px;font-size:20px}
}

.next-destinations-intro{max-width:740px;margin:-8px 0 24px;font-size:13px;line-height:1.85;color:var(--muted)}
