.city-page{max-width:1180px;margin:auto;padding:20px;font:17px/1.65 system-ui,sans-serif;color:#edf5ff;background:#0c1927}.city-page a,#static-city-hub a{color:#7ad2ff}.city-page img,#static-city-hub img{max-width:100%;height:auto}.city-page figure,#static-city-hub figure{margin:12px 0}.city-page figcaption,#static-city-hub figcaption{font-size:.9rem;line-height:1.5}.city-page select,#static-city-hub select{max-width:100%;font:inherit;padding:10px;background:#102b42;color:white;border:1px solid #74899a;border-radius:6px}.city-links{line-height:2.1;margin:14px 0;overflow-wrap:anywhere}#static-city-hub{max-width:1180px;margin:24px auto;padding:18px;box-sizing:border-box;border:1px solid #557287;border-radius:10px;background:#0c1927;color:#edf5ff}#static-city-hub [data-city-results]{max-height:none}body:has(>.city-page){margin:0;background:#0c1927}.city-page a:focus-visible,#static-city-hub a:focus-visible{outline:3px solid #ffcd57} .city-page footer{font-size:.85rem}

[data-xionia-static-r70][data-loading="true"]::before{content:"Φόρτωση εικόνας…";display:block;padding:12px;color:#a5d7ff;background:#102b42}html[lang="en"] [data-xionia-static-r70][data-loading="true"]::before{content:"Loading chart…"}

/* Match the shared Xionia page theme; forecast PNGs keep their own black canvas. */
body.xionia-legacy .city-page{color:inherit;background:transparent;padding:12px 0;max-width:1180px;font:inherit}
body.xionia-legacy .city-page a{color:#096ba4}
body.xionia-legacy.xionia-dark .city-page a{color:#7ad2ff}
body.xionia-legacy .city-page select{color:#182f43;background:#fff;border-color:#9eafbe}
body.xionia-legacy.xionia-dark .city-page select{color:#edf5ff;background:#102b42;border-color:#74899a}
body.xionia-legacy .city-page h1{font-size:clamp(1.55rem,3vw,2.3rem);line-height:1.25}
body.xionia-legacy .city-page header{margin:20px 0}
body.xionia-legacy .city-page .city-links{border-block:1px solid #8a9dad;padding:12px 0}
.city-top-forecast{margin:20px 0;padding:12px;border:1px solid #8396a8;border-radius:12px}.city-top-forecast iframe{display:block;width:100%;max-width:100%;border:0;border-radius:8px;background:transparent}.city-top-forecast h2{margin:0 0 8px;font-size:1.15rem}

/* r7083: centered city pages and chart presentation. */
body.xionia-legacy:has(main.city-page){margin-inline:auto!important}
body.xionia-legacy main.city-page{box-sizing:border-box;width:100%;max-width:1180px;margin-inline:auto!important;text-align:center;padding-inline:12px}
.city-page header,.city-page .city-links,.city-page [data-city-inline],.city-page #city-charts,#static-city-hub{text-align:center}
.city-page :is(h1,h2,p,figcaption),#static-city-hub :is(h2,p,figcaption){text-align:center}
.city-page figure,#static-city-hub figure{display:block;width:100%;max-width:100%;margin:12px auto 24px;box-sizing:border-box}
.city-page figure>a,#static-city-hub figure>a{display:block;width:100%;max-width:100%}
.city-page figure img,#static-city-hub figure img{display:block;width:100%;max-width:100%;height:auto;margin-inline:auto}
.city-page .city-top-forecast{box-sizing:border-box;width:100%;margin:16px auto}
.city-page .city-links{max-width:100%;margin-inline:auto}
@media(max-width:600px){body.xionia-legacy main.city-page{padding-inline:4px}.city-page .city-top-forecast{padding:8px}.city-page figcaption{font-size:.82rem;overflow-wrap:anywhere}}