/* Blue and mint palette shared by both cities and both presentation languages. */
:root{--bg:#edf8f7;--line:#dce8ed;--muted:#596f87}
body{background:linear-gradient(125deg,#eaf3ff 0%,#f1f8fc 42%,#e5f7ee 100%);background-attachment:fixed}
.sidebar{background:linear-gradient(180deg,#edf5ff 0%,#f3f8ff 64%,#edf8f6 100%);border-right-color:#cbdff0}
.side-bottom{background:#e7f1fb;border-color:#ccdfef}
.city-selector{background:#f8fcff;border-color:#c4daef;box-shadow:0 4px 12px #204f7b08}
.nav-group{margin:14px 0 7px;padding:7px 12px;border-radius:7px;font-weight:800;letter-spacing:1.2px;color:#21664f;background:#dbf2e9}
.nav-group:nth-of-type(2){color:#285ea0;background:#deebfc}
.nav-group:nth-of-type(3){color:#654b97;background:#eae3fa}
.nav-group:nth-of-type(4){color:#995329;background:#fbe8d9}
.nav-link{color:#49627e}.nav-link:hover{background:#dfecfc}.nav-link.active{background:#d6e7ff;color:#064ecb;box-shadow:inset 0 0 0 1px #bad3fb}
.topbar{background:#ffffffed;border-color:#d9e6ef}
/* The welcome heading is specific to the city home page. */
main:has(> .city-strip)>.page-heading{padding:24px 27px;border:1px solid #cde4ec;border-radius:17px;background:linear-gradient(110deg,#e0edff,#e4f6ee);box-shadow:0 5px 20px #234a7405}
main:has(> .city-strip)>.page-heading h1{color:#163b68}
main:has(> .city-strip)>.page-heading p{color:#47667f}
/* City shortcuts and city cards retain a clear selected state. */
.city-shortcut{border:1px solid #accbee;border-top:3px solid #76a9e8;box-shadow:0 5px 15px #244d7a0d;transition:box-shadow .18s,border-color .18s}
.city-shortcut:nth-child(2){border-color:#a4d6c4;border-top-color:#42ad90}
.city-shortcut.more{border-color:#d0bdea;border-top-color:#a78bcf;background:#f9f6ff;color:#65509a}
.city-shortcut.selected{background:#edf5ff;border-color:#76a7e8;border-top:3px solid #246fd4;box-shadow:0 5px 17px #1f65bc15}
.city-shortcut.selected:nth-child(2){background:#edf9f3;border-color:#73bfa8;border-top-color:#159171}
.city-shortcut:hover{box-shadow:0 8px 21px #244d7a1b}
.city-card{border:1px solid #9dbfe9;border-top:3px solid #508ad4;box-shadow:0 6px 22px #28517a12}
.city-card:nth-child(3n+2){border-color:#af94d4;border-top-color:#9071bf}
.city-card:nth-child(3n){border-color:#83c5ad;border-top-color:#2d9d7c}
.city-card .photo{border-bottom:1px solid #d6e6ed}
/* Four everyday shortcuts, in the requested order. */
.quick-link{--tile-bg:#e0f6ed;--tile-border:#a4d9c5;--tile-icon:#c5eddd;--tile-ink:#17694e;background:var(--tile-bg);border:1px solid var(--tile-border);box-shadow:0 4px 13px #275c7209;transition:box-shadow .18s,transform .18s}
.quick-link:nth-child(2){--tile-bg:#e5f0ff;--tile-border:#b3cef3;--tile-icon:#cee1ff;--tile-ink:#245ca7}
.quick-link:nth-child(3){--tile-bg:#eee8fb;--tile-border:#cec0eb;--tile-icon:#e0d4f6;--tile-ink:#6b459c}
.quick-link:nth-child(4){--tile-bg:#fff0e5;--tile-border:#ecc5a8;--tile-icon:#ffdfc6;--tile-ink:#975326}
.quick-link .icon-tile{background:var(--tile-icon);color:var(--tile-ink)}
.quick-link strong{color:var(--tile-ink);font-weight:750}.quick-link:hover{background:var(--tile-bg);box-shadow:0 7px 18px #28517a17;transform:translateY(-2px)}
/* Larger editorial photos with clearly colored category labels. */
.news-card{border-color:#d3e3ec;box-shadow:0 6px 20px #214c7710}
.news-card .photo,.detail-content .news-card .photo{height:245px;position:relative;overflow:hidden}
.news-card .photo img{height:100%;width:100%;object-fit:cover;transition:transform .35s}
.news-card .photo:hover img{transform:scale(1.025)}
.news-card .photo .tag{background:#d9eaff;color:#194b90;border:1px solid #a9c9f5;padding:6px 11px;font-size:11px;font-weight:800;box-shadow:0 3px 12px #0c284d24;z-index:2}
.news-card .photo .tag.green{background:#cff1e1;color:#155e47;border-color:#8dccb0}
.news-card .photo .tag.orange{background:#ffe1c8;color:#894616;border-color:#edb180}
.news-card .photo .tag.purple{background:#e9dcff;color:#60378b;border-color:#bda0e6}
.news-card .photo .tag.pink{background:#f9ddef;color:#8d346b;border-color:#dca3c8}
.news-card .photo .tag.cyan{background:#d0f1f3;color:#17616d;border-color:#8fcdd3}
.news-card .news-body{padding-top:18px}.news-title{color:#183b61}
@media(min-width:1550px){.news-card .photo,.detail-content .news-card .photo{height:275px}}
@media(max-width:760px){main:has(> .city-strip)>.page-heading{padding:20px 18px}.quick-links{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.quick-link{min-height:84px;padding:14px}.quick-link strong{font-size:12px}.news-card .photo,.detail-content .news-card .photo{height:225px}.nav-group{margin-top:10px}}
@media(prefers-reduced-motion:reduce){.quick-link,.news-card .photo img{transition:none}.quick-link:hover{transform:none}.news-card .photo:hover img{transform:none}}
@media print{body,.sidebar{background:white}}