@charset "UTF-8";
.city-navigation{border-bottom:1px solid var(--line);background:var(--cream)}
.city-navigation>.wrap{display:flex;align-items:center;gap:30px;min-height:46px;overflow-x:auto;scrollbar-width:thin}
.city-navigation a{font:500 11px/1.4 var(--sans);white-space:nowrap;color:var(--muted)}
.city-navigation a:first-child{color:var(--brand-primary);margin-right:auto;font-weight:700}
.city-navigation a:hover{color:var(--brand-primary)}
.city-navigation a{display:flex;align-items:center;min-height:44px;flex-shrink:0}.city-navigation>.wrap{scroll-padding-inline:12px;overscroll-behavior-x:contain}
.city-columns{display:grid;grid-template-columns:1fr 1.25fr 1.25fr;border:1px solid var(--line);background:#fff}
.city-columns>section{padding:28px;min-width:0}
.city-columns>section+section{border-left:1px solid var(--line)}
.city-columns>.weather-panel{background:var(--brand-sea-soft)}
.city-panel-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}
.city-panel-heading .eyebrow{margin:0;font-size:9px;letter-spacing:.11em}
.city-panel-heading .text-link{font-size:10px;white-space:nowrap}
.city-widget h2{font-size:42px}
.city-columns h2,.agenda-live h2{font-size:27px;line-height:1.25;margin:0 0 22px}
.weather-current{display:flex;gap:18px;align-items:center;margin:20px 0}
.weather-symbol{font-size:56px;color:var(--brand-gold);line-height:1}
.weather-current strong{display:block;font:400 70px/1 var(--serif)}
.weather-current [data-weather-description]{display:block;font:500 12px/1.5 var(--sans);margin-top:10px}
.weather-metrics{display:flex;flex-wrap:wrap;gap:8px 20px;font-size:11px}
.weather-forecast-label{font-size:10px;color:var(--muted);margin:14px 0 0}
.forecast-explanation{font-size:11px;line-height:1.7;color:var(--muted);margin-top:25px}
.city-update{font-size:10px;line-height:1.6;color:var(--muted);margin-top:22px}
.city-source{font-size:10px;line-height:1.7;color:var(--muted);margin-top:9px}
.city-source a{color:var(--brand-primary);text-decoration:underline;text-underline-offset:3px}
.city-event,.city-news-item{padding:0 0 17px;margin:0 0 17px;border-bottom:1px solid var(--line)}
.city-event:last-child,.city-news-item:last-child{margin-bottom:0}
.city-event h3,.city-news-item h3{font:400 19px/1.4 var(--serif);margin:7px 0 8px;overflow-wrap:anywhere}
.city-event h3 a:hover,.city-news-item h3 a:hover{color:var(--brand-primary)}
.city-event p,.city-news-item p{font-size:11px;line-height:1.6;margin:0}
.city-event .city-event-date{color:var(--brand-primary);font-size:11px;font-weight:600}
.city-event .city-event-source,.city-news-item p{color:var(--muted);font-size:10px}
.city-language{display:inline-block;font-size:9px;letter-spacing:.02em;background:var(--cream);color:var(--muted);padding:4px 7px}
.city-empty,.city-editorial-note{font-size:14px;line-height:1.8;color:var(--muted)}
.city-tabs{display:flex;gap:28px;flex-wrap:wrap;padding:0 0 24px;border-bottom:1px solid var(--line);margin-bottom:35px;font-size:12px}
.city-tabs [aria-current]{color:var(--brand-primary);font-weight:600}
.city-page>.weather-panel{background:var(--brand-sea-soft);padding:34px}
.city-page .weather-panel h2{font-size:34px;margin:0}
.forecast-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:12px;margin-top:30px}
.forecast-grid article{background:#ffffffa3;border:1px solid #d0dcdd;padding:17px 12px}
.forecast-grid time{font:600 11px/1.5 var(--sans);display:block}
.forecast-description{font-size:11px;line-height:1.5;display:block;margin:12px 0;min-height:33px}
.forecast-grid p{margin:12px 0;font-size:18px}
.forecast-grid p strong{font-size:27px}
.forecast-grid p span,.forecast-grid small{color:var(--muted);font-size:10px}
.city-detail-columns{display:grid;grid-template-columns:1fr 1fr;gap:55px;margin:55px 0 0}
.city-detail-columns h2,.city-page>.city-news-panel h2{font-size:34px;margin:0 0 24px}
.city-detail-columns .city-event h3,.city-page .city-news-item h3{font-size:24px}
.city-page,.gallery-page{padding-bottom:85px}
.weather-plans{margin-top:55px}
.weather-plans h2{font-size:38px}
.weather-plans>div{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}
.weather-plans a{display:flex;flex-direction:column;gap:12px;background:var(--cream);padding:24px}
.weather-plans strong{font:400 22px/1.3 var(--serif)}
.weather-plans span{font-size:12px;line-height:1.7;color:var(--muted)}
.weather-plans a:hover strong{color:var(--brand-primary)}
.agenda-live{background:#fff;padding:28px 32px;margin-bottom:35px;border:1px solid var(--line)}
.agenda-live .city-events-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}
.photo-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:34px 24px}
.photo-gallery figure{margin:0;min-width:0}
.photo-gallery figure>a{display:block;overflow:hidden;background:var(--cream)}
.photo-gallery img{display:block;width:100%;height:290px;object-fit:cover;transition:transform .4s ease}
.photo-gallery a:hover img{transform:scale(1.03)}
.photo-gallery figcaption{font:400 12px/1.7 var(--sans);padding-top:14px;color:var(--muted)}
.photo-gallery figcaption p{margin:0 0 8px}
.photo-gallery .text-link{font-size:11px;line-height:1.6}
.photo-gallery-preview img{height:230px}
.city-page .city-news-list{max-width:860px}
@media(max-width:1100px){.city-columns>section{padding:22px}.city-columns{grid-template-columns:1fr 1.2fr 1.2fr}.city-panel-heading{align-items:flex-start;flex-direction:column}.forecast-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.photo-gallery img{height:240px}}
@media(max-width:800px){.city-navigation>.wrap{gap:22px}.city-columns{grid-template-columns:1fr}.city-columns>section+section{border-left:0;border-top:1px solid var(--line)}.city-panel-heading{flex-direction:row;align-items:center}.city-detail-columns{grid-template-columns:1fr;gap:35px}.agenda-live .city-events-list{grid-template-columns:1fr}.photo-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.weather-plans>div{grid-template-columns:1fr}.city-columns h2{font-size:30px}.city-widget h2{font-size:34px}}
@media(max-width:500px){.forecast-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.city-page>.weather-panel{padding:23px}.city-tabs{gap:16px;font-size:11px}.photo-gallery{grid-template-columns:1fr}.photo-gallery img{height:auto;max-height:420px;aspect-ratio:4/3}.city-navigation a{font-size:10px}.agenda-live{padding:22px}.city-page .weather-panel h2{font-size:30px}}
@media(prefers-reduced-motion:reduce){.photo-gallery img{transition:none}.photo-gallery a:hover img{transform:none}}