.city-heading{background:#edf6f1;padding:42px 0;color:var(--brand)}.city-heading h1{font-size:clamp(34px,5vw,58px);margin:10px 0}.city-heading [lang=en]{text-align:right;color:var(--muted)}.city-content{padding-bottom:54px;min-width:0}.city-breadcrumb{display:flex;flex-wrap:wrap;gap:9px;padding:22px 0;font-size:13px;overflow-wrap:anywhere}.city-content section{padding-block:32px;scroll-margin-top:var(--detail-scroll-offset)}.city-content h2{font-size:28px;margin-bottom:22px}.city-overview{display:block}.city-overview>div{min-width:0}.city-weather-facts dt{font-size:12px;color:var(--muted)}.city-weather-facts dd{margin:6px 0 0;font-weight:600;overflow-wrap:anywhere}.city-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.city-cards article{border:1px solid var(--border);border-radius:12px;overflow:hidden;min-width:0;background:#fff}.city-cards img{width:100%;aspect-ratio:1.6;object-fit:cover}.city-cards a>div{padding:20px}.city-cards h3{font-size:21px}.city-cards p{color:var(--muted);font-size:14px;line-height:1.9;margin-block:12px}.city-cards span{display:block;color:var(--primary);margin-top:16px;font-size:13px}.city-gallery{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.city-gallery button{position:relative;border-radius:10px;overflow:hidden}.city-gallery button:first-child{grid-column:span 2;grid-row:span 2}.city-gallery img{width:100%;height:100%;min-height:140px;object-fit:cover;aspect-ratio:1.5}.city-gallery span{position:absolute;bottom:0;inset-inline:0;padding:10px;background:#163e4cce;color:white}.city-resources{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.city-resources a{padding:20px;border:1px solid var(--border);border-radius:10px;background:#f5faf8;display:flex;justify-content:space-between;gap:12px}.city-map{width:100%;height:350px;border:0;border-radius:12px}.city-weather{border:1px solid var(--border);padding:24px;border-radius:12px}.city-weather-current{display:flex;gap:18px;align-items:center}.city-weather-current strong{font-size:36px}.city-weather-current small,.city-weather-source{color:var(--muted);font-size:12px}.city-weather-facts{display:flex;flex-wrap:wrap;gap:24px;margin-block:22px}.city-weather-days{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.city-weather-days article{padding:18px 12px;border:1px solid var(--border);border-radius:12px;text-align:center;background:#f4f9f7}.city-weather-days h3{font-size:14px}.city-weather-days img{margin:auto}.city-weather-days p{font-size:13px}.city-weather-source{margin-top:16px}.city-content [data-section-nav]{scrollbar-width:none}.city-content [data-section-nav]::-webkit-scrollbar{display:none}
@media(min-width:1024px){.city-content [data-section-nav]{flex-wrap:wrap;gap:4px;overflow:visible}.city-content [data-section-nav] a{padding:8px;font-size:14px}}
@media(max-width:900px){.city-cards,.city-resources{grid-template-columns:repeat(2,minmax(0,1fr))}.city-weather-days{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:600px){.city-heading{padding:28px 0}.city-content section{padding-block:24px}.city-content h2{font-size:24px}.city-cards,.city-resources{grid-template-columns:1fr}.city-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.city-gallery button:first-child{grid-row:auto}.city-weather{padding:16px}.city-weather-days{grid-template-columns:repeat(2,minmax(0,1fr))}.city-weather-facts{gap:16px}.city-content [data-section-nav] a{min-height:44px;font-size:13px}}

.city-narrative{width:100%;min-width:0}
.city-cover{display:block;width:100%;max-width:1200px;height:auto;aspect-ratio:16/9;object-fit:cover;border-radius:12px;margin-top:24px}
.city-narrative .rich-content{max-width:none}
.city-context{line-height:2.1;text-align:justify;margin-bottom:24px}
.city-context a,.city-section-heading>a{color:var(--primary);text-decoration:underline;text-underline-offset:4px}
.city-section-heading{display:flex;align-items:baseline;justify-content:space-between;gap:16px;flex-wrap:wrap}

.city-essentials{display:flex;align-items:center;gap:24px;max-width:70rem;margin-bottom:28px;border-block:1px solid var(--border);padding-block:10px;min-width:0}
.city-content .city-essentials h2{flex:none;font-size:16px;margin:0}
.city-quick-facts{display:flex;flex-wrap:nowrap;align-items:stretch;min-width:0;list-style:none;margin:0;padding:0;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none}
.city-quick-facts::-webkit-scrollbar{display:none}
.city-quick-facts li{flex:0 0 auto;border-inline-start:1px solid var(--border)}
.city-quick-fact{display:flex;align-items:center;gap:10px;min-height:54px;padding:4px 24px;color:var(--brand)}
.city-quick-fact img{flex:none}.city-quick-fact>span{display:grid;gap:2px}.city-quick-fact strong{font-size:20px;line-height:1.3}.city-quick-fact span>span{font-size:12px;color:var(--muted);white-space:nowrap}
.city-quick-facts a:hover{background:#f1f8f5}.city-quick-facts:focus-visible,.city-quick-facts a:focus-visible{outline:2px solid var(--primary);outline-offset:-2px}
@media(max-width:600px){.city-essentials{display:block;padding-block:12px;margin-bottom:22px}.city-content .city-essentials h2{margin-bottom:10px;font-size:14px}.city-quick-fact{padding-inline:18px}.city-quick-facts li:first-child{border-inline-start:0}.city-quick-facts li:first-child .city-quick-fact{padding-inline-start:0}}