/* Public presentation only; the existing APIs and map controls remain independent. */
:root{--blue:#18715b;--blue-deep:#125442;--cyan:#328d78;--navy:#163d34;--ink:#253e36;--muted:#68796f;--bg:#f5f6f2;--soft:#edf4ee;--line:#e0e6de;--shadow:0 4px 18px rgba(27,56,42,.035)}html,body{overflow-x:hidden}
.public-topbar{background:#fff;border-color:var(--line)}.public-brand strong{font-size:17px;letter-spacing:.035em}.public-brand small{color:#778078;font-size:12px}.public-top-actions a{border-color:var(--line);border-radius:8px;color:#37564b;font-size:14px}.public-top-actions a:hover{background:#edf4ee}
.public-global-search{display:flex;align-items:center;gap:8px;width:min(400px,31vw);margin-left:auto;padding:5px 6px 5px 12px;border:1px solid #d5dfd5;border-radius:10px;background:#fbfdf9;color:#68816e}.public-global-search input{min-width:0;flex:1;border:0;background:transparent;outline:0;color:#254538;font-size:13px}.public-global-search input::placeholder{color:#89978c}.public-global-search button{border:0;border-radius:7px;background:#285a40;color:#fff;padding:8px 12px;font-size:12px;font-weight:700;cursor:pointer}.public-global-search button:hover{background:#1d4933}
.public-sidebar{background:#123f35;padding:20px 14px;scrollbar-width:thin;scrollbar-color:#376052 #123f35}.public-nav-label{color:#9abcaa;font-size:11px;letter-spacing:.09em;margin-top:21px}.public-sidebar a{font-size:14px;color:#c8d9ce;padding:11px 12px;border-radius:8px;font-weight:500}.public-sidebar a i{color:#93bca6}.public-sidebar a b{background:#2c5948;color:#d7ead9}.public-sidebar a:hover{background:#204e40;color:#fff}.public-sidebar a.router-link-active{background:#d5efbb;color:#163e31;font-weight:700}.public-sidebar a.router-link-active i{color:#245c40}.public-sidebar a.router-link-active b{background:#bedca3;color:#163e31}
.public-main{padding:28px 30px 36px}.public-footer{padding:22px;border-top:1px solid var(--line);font-size:10px;letter-spacing:.04em}.public-menu-button{color:#235a43;cursor:pointer}.public-menu-backdrop{display:none}
.public-app-shell a:focus-visible,.public-app-shell button:focus-visible,.public-topbar a:focus-visible,.public-topbar button:focus-visible{outline:3px solid #69aa7c;outline-offset:4px}
.city-home{max-width:1500px;margin:0 auto}.city-home h1,.city-home h2,.city-home h3{color:#203f32}.city-eyebrow{margin:0 0 6px;font-size:11px;font-weight:700;line-height:1.5;letter-spacing:.16em;color:#637d6e}
.city-page-intro{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:23px}.city-page-intro h1{font-size:27px;margin:0;letter-spacing:-.03em}.city-intro-note{font-size:13px;color:#68816e;display:flex;align-items:center;gap:7px}
.city-hero{position:relative;display:grid;grid-template-columns:1.15fr 1fr;overflow:hidden;min-height:350px;border-radius:20px;background:#164b3e;color:#fff;margin-bottom:24px;isolation:isolate}.city-hero-copy{padding:40px 0 40px 38px;z-index:1}.city-hero .city-eyebrow{color:#bbd3b6;font-size:10px;display:flex;align-items:center;gap:8px}.city-hero .city-eyebrow span{width:6px;height:6px;border-radius:50%;background:#d1edaa}.city-hero h2{color:#fff;font-size:clamp(30px,2.8vw,44px);font-weight:600;line-height:1.5;letter-spacing:-.045em;margin:18px 0 13px}.city-hero h2 span{color:#d2edac}.city-hero-description{font-size:15px;line-height:1.9;color:#c0d5c8;margin:0 0 24px}.city-hero-actions{display:flex;align-items:center;gap:22px;flex-wrap:wrap}
.city-button{display:inline-flex;align-items:center;justify-content:center;gap:11px;padding:13px 19px;border:0;border-radius:8px;font-size:14px;font-weight:700;cursor:pointer;transition:background .2s,transform .2s}.city-button:hover{transform:translateY(-2px)}.city-button-mint{background:#d5efbb;color:#204733}.city-button-mint:hover{background:#e5f6d3}.city-button .fa-arrow-up-right-from-square{font-size:11px;margin-left:7px}.city-hero-link{font-size:13px;color:#e1eadc;display:flex;align-items:center;gap:12px}.city-hero-link:hover{color:#d5efbb}
.city-hero-art{position:relative;align-self:stretch;min-width:0;height:350px;background:#0e3d34}.city-hero-map{position:absolute;inset:0;width:100%;height:100%;overflow:hidden}.city-hero-map .maplibregl-canvas{outline:0}.city-hero-map.is-unavailable{background:radial-gradient(ellipse at 55% 50%,#39735a66,transparent 68%)}.city-hero-map-loading{position:absolute;z-index:3;inset:0;display:grid;place-content:center;gap:8px;background:#164b3eee;color:#d5efbb;font-size:13px;text-align:center}.city-map-label{position:absolute;z-index:2;top:22px;right:20px;display:flex;gap:8px;align-items:center;font-size:11px;padding:9px 12px;background:#1a473be6;border:1px solid #6b9d7566;border-radius:8px;color:#d0e4c6;pointer-events:none}.city-map-label i{color:#c3e8a6}.city-map-caption{position:absolute;z-index:2;bottom:13px;right:22px;font-size:10px;color:#d8eadb;pointer-events:none}
.city-hero-map .maplibregl-ctrl-top-left,.city-hero-map .maplibregl-ctrl-bottom-right,.city-hero-map .cdp-city-controls{display:none}
.city-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:34px}.city-stats article{border:1px solid var(--line);background:#fff;border-radius:12px;padding:19px 21px}.city-stat-top{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:13px;color:#647769}.city-stat-top i{display:grid;place-items:center;flex:none;width:33px;height:33px;border-radius:9px;background:#edf4e6;color:#527942}.city-stat-value{display:flex;align-items:baseline;gap:10px;margin:3px 0 0}.city-stat-value strong{font-size:40px;font-weight:600;line-height:1.4;letter-spacing:-.06em;color:#203f32}.city-stat-value span{font-size:13px;color:#66766b}.city-stats small{font-size:11px;color:#6a796e}.city-stat-records .city-stat-top i{background:#eaf1f8;color:#587c9e}.city-stat-point_datasets .city-stat-top i{background:#fbf0df;color:#af8241}.city-stat-categories .city-stat-top i{background:#f2edf7;color:#9275a4}
.city-section{margin-bottom:32px}.city-section-head{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:17px}.city-section-head h2{margin:0;font-size:20px;letter-spacing:-.025em}.city-section-head>span{font-size:11px;color:#66766a}.city-section-head p:not(.city-eyebrow){margin:5px 0 0;font-size:12px;color:#66766a}.city-text-link{color:#386249;font-size:11px;font-weight:700;display:flex;align-items:center;gap:12px;flex-shrink:0}.city-text-link:hover{text-decoration:underline}
.city-category-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px}.city-category{display:flex;align-items:center;gap:11px;padding:16px 13px;background:#fff;border:1px solid var(--line);border-radius:10px;transition:transform .2s,border-color .2s,box-shadow .2s}.city-category:hover{transform:translateY(-3px);border-color:#acc2a6;box-shadow:0 6px 15px #214c3210}.city-category>div{min-width:0}.city-category-icon{display:grid;place-items:center;flex:none;width:34px;height:38px;border-radius:10px;background:#eef4e9;color:#65854e;font-size:16px}.city-category h3{font-size:12px;font-weight:600;margin:0 0 4px;line-height:1.5}.city-category p{font-size:10px;color:#697d68;margin:0}.city-category-arrow{font-size:9px;color:#71916c;margin-left:auto}
.city-category-transport .city-category-icon{background:#edf2f8;color:#668aae}.city-category-safety .city-category-icon{background:#faf0e4;color:#b78c54}.city-category-government .city-category-icon{background:#f0ecf7;color:#9980b5}.city-category-energy .city-category-icon{background:#fcf4d9;color:#b49a3f}.city-category-economy .city-category-icon{background:#e8f3ef;color:#559b87}.city-category-citizen .city-category-icon{background:#f9edf0;color:#b0798b}.city-category-all{background:#edf2e7;border-color:#dfe6d5}.city-category-all .city-category-icon{background:#dfe9d4;color:#557d41}
.city-dataset-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.city-dataset{display:flex;flex-direction:column;min-width:0;padding:21px 20px 0;background:#fff;border:1px solid var(--line);border-radius:13px;transition:border-color .2s,box-shadow .2s}.city-dataset:hover{border-color:#b1c1a9;box-shadow:0 5px 20px #28402a08}.city-dataset-top{display:flex;align-items:center;justify-content:space-between;gap:9px;margin-bottom:20px}.city-dataset-icon{display:grid;place-items:center;width:39px;height:39px;border:1px solid #e6e8d7;border-radius:11px;background:#f8f8ed;color:#a79442}.city-data-badge{display:inline-flex;align-items:center;gap:5px;color:#58764e;background:#f0f5eb;font-size:9px;padding:4px 8px;border-radius:5px}.city-data-badge>span{width:4px;height:4px;border-radius:50%;background:#7eab6d}.city-dataset-category{font-size:10px;color:#687b5e}.city-dataset h3{font-size:16px;line-height:1.6;margin:5px 0 8px}.city-dataset>p{font-size:11px;line-height:1.9;color:#69776a;margin:0 0 21px;overflow-wrap:anywhere}.city-dataset footer{display:flex;align-items:center;justify-content:space-between;gap:8px;border-top:1px solid #edf0e8;margin-top:auto;padding:14px 0;color:#64755e;font-size:10px}.city-dataset footer b{font-weight:600;color:#52694a}.city-dataset footer i{margin-right:4px}.city-dataset button{display:flex;align-items:center;gap:8px;min-height:30px;padding:0;border:0;background:transparent;font-size:10px;font-weight:600;color:#396840;cursor:pointer}.city-dataset button:hover{text-decoration:underline}
.city-open-banner{display:flex;align-items:center;gap:18px;padding:24px;border:1px solid #dce4d1;border-radius:13px;background:#eaf0df}.city-open-icon{display:grid;place-items:center;flex:none;width:48px;height:48px;border-radius:50%;background:#dce7cb;color:#5d7c47;font-size:20px}.city-open-banner h2{font-size:16px;margin:0 0 5px}.city-open-banner p{font-size:11px;color:#637651;margin:0;line-height:1.8}.city-button-dark{margin-left:auto;flex-shrink:0;background:#244e37;color:#fff;font-size:11px}.city-button-dark:hover{background:#346146}
@media(min-width:1600px){.city-hero{min-height:370px}.city-hero-art{height:370px}.city-hero-copy{padding:44px}.city-category{padding:20px}.city-category h3{font-size:14px}}
@media(max-width:1150px){.public-main{padding:24px 22px}.city-category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.city-hero-copy{padding:28px 0 28px 25px}.city-hero h2{font-size:28px}.city-hero-actions{gap:15px}.city-stats article{padding:14px}.city-stat-top{font-size:10px}.city-stat-top i{width:25px;height:27px}.city-dataset-grid{gap:11px}.city-dataset{padding:17px 15px 0}}
@media(max-width:900px){.city-hero{grid-template-columns:1fr .7fr}.city-hero h2{font-size:25px}.city-hero-description{font-size:12px}.city-map-label{display:none}.city-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.city-dataset-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.city-open-banner{flex-wrap:wrap}.city-button-dark{margin-left:66px}.city-intro-note{display:none}}
@media(max-width:720px){.public-main{padding:22px 16px 28px}.public-brand strong{font-size:11px}.public-brand small{font-size:9px}.public-brand{min-width:0;flex:1}.public-brand span{min-width:0}.public-brand strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.public-top-actions{margin-left:0}.public-menu-backdrop{display:block;position:fixed;z-index:19;inset:66px 0 0;border:0;background:#102f2866}.city-page-intro{margin-bottom:18px}.city-page-intro h1{font-size:20px}.city-eyebrow{font-size:9px}.city-hero{grid-template-columns:1.1fr 1fr;min-height:310px;border-radius:15px}.city-hero h2{font-size:28px}.city-hero-copy{padding:26px 0 26px 24px}.city-map-caption{font-size:7px}.city-section-head h2{font-size:18px}.city-section-head{align-items:flex-start}.city-section-head>span{display:none}.city-stats{gap:10px;margin-bottom:27px}.city-category-grid{gap:10px}.city-category{padding:14px 11px;gap:9px}.city-category h3{font-size:11px}.city-category p{font-size:9px}.city-category-icon{width:30px}.city-section-head .city-text-link{font-size:10px;margin-top:25px;gap:6px}.city-open-banner{padding:19px;gap:13px}.city-open-banner>div{flex:1;min-width:180px}.city-button-dark{margin-left:61px}.city-open-banner h2{font-size:14px}.city-open-banner p{font-size:10px}}
@media(max-width:720px){.public-topbar{gap:6px}.public-brand{flex:0 0 auto}.public-brand img{width:38px;height:38px}.public-brand span{display:none}.public-global-search{flex:1;width:auto;margin-left:0;padding:4px 5px 4px 9px;border-radius:8px}.public-global-search input{font-size:12px}.public-global-search button{padding:7px 9px;font-size:11px}.public-top-actions a{padding:9px}.public-top-actions a span{display:none}}
@media(max-width:540px){.city-hero{display:block}.city-hero-copy{padding:27px 23px 0}.city-hero h2{font-size:30px;line-height:1.55;margin:16px 0 12px}.city-hero-description{font-size:12px}.city-hero-actions{gap:20px}.city-hero-art{height:215px;margin-top:-3px}.city-hero-art img{width:100%;left:0;object-fit:contain}.city-map-caption{bottom:10px}.city-map-label{display:flex;top:17px;right:18px;font-size:8px;padding:7px}.city-button{font-size:11px;padding:12px}.city-hero-link{font-size:10px}.city-dataset-grid{grid-template-columns:1fr}.city-dataset{padding:20px 20px 0}.city-dataset-top{margin-bottom:14px}.city-dataset h3{font-size:17px}.city-dataset>p{font-size:12px}.city-dataset footer,.city-dataset button{font-size:11px}.city-section-head{flex-wrap:wrap;gap:10px}.city-section-head .city-text-link{margin-top:0}.city-category-arrow{display:none}.city-stat-value strong{font-size:32px}.city-stats small{font-size:9px}.city-open-banner .city-button{margin-left:0;width:100%}}
@media(prefers-reduced-motion:reduce){.city-home *,.public-sidebar{transition:none!important;scroll-behavior:auto!important}.city-home a:hover{transform:none}}

/* Curated municipality profile shown on the public city overview. */
.city-info-basic-grid{position:relative;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(260px,1fr) minmax(220px,.8fr);gap:12px}
.city-info-basic-grid>article{padding:20px;border:1px solid var(--line);border-radius:14px;background:#fff;box-shadow:0 5px 18px rgba(23,68,110,.045)}
.dashboard-card{position:relative;overflow:visible;--dashboard-card-action-size:30px;--dashboard-card-action-bg:#eaf6ff;--dashboard-card-action-color:var(--blue)}
.dashboard-card-action{position:absolute;z-index:3;display:grid;place-items:center;width:var(--dashboard-card-action-size);height:var(--dashboard-card-action-size);padding:0;border:1px solid #9bc8e6;background:var(--dashboard-card-action-bg);color:var(--dashboard-card-action-color);cursor:pointer;transition:background .18s ease,border-color .18s ease,color .18s ease,box-shadow .18s ease,width .18s ease,height .18s ease}
.dashboard-card-action--left{top:0;bottom:0;left:0;width:var(--dashboard-card-action-size);height:auto;border-left:3px solid #49a6df;border-radius:12px 0 0 12px}
.dashboard-card-action--right{top:0;right:0;bottom:0;width:var(--dashboard-card-action-size);height:auto;border-right:3px solid #49a6df;border-radius:0 12px 12px 0}
.dashboard-card-action--top{top:0;right:0;left:0;width:auto;height:var(--dashboard-card-action-size);border-top:3px solid #49a6df;border-radius:12px 12px 0 0}
.dashboard-card-action--bottom{right:0;bottom:0;left:0;width:auto;height:var(--dashboard-card-action-size);border-bottom:3px solid #49a6df;border-radius:0 0 12px 12px}
.dashboard-card-action:hover,.dashboard-card-action:focus-visible{background:var(--blue);border-color:var(--blue);color:#fff;outline:0;box-shadow:0 3px 10px rgba(23,105,224,.2)}
.dashboard-card-scroll{position:relative;scrollbar-width:thin;scrollbar-color:#65add3 #e9f3f9;scrollbar-gutter:stable}
.dashboard-card-scroll::-webkit-scrollbar{width:9px;height:9px}
.dashboard-card-scroll::-webkit-scrollbar-track{border-radius:99px;background:#e9f3f9}
.dashboard-card-scroll::-webkit-scrollbar-thumb{border:2px solid #e9f3f9;border-radius:99px;background:#65add3}
.dashboard-card-scroll::-webkit-scrollbar-thumb:hover{background:#2d8fc4}
.dashboard-card-scroll:not(.is-scrollable)::before{content:"";position:absolute;z-index:2;top:8px;right:2px;width:6px;height:calc(100% - 16px);border-radius:99px;background:#e9f3f9;pointer-events:none}
.dashboard-card-scroll:not(.is-scrollable)::after{content:"";position:absolute;z-index:3;top:11px;right:2px;width:6px;height:34px;border-radius:99px;background:#65add3;pointer-events:none}
.dashboard-card-scroll.is-scrollable::before,.dashboard-card-scroll.is-scrollable::after{display:none}
.city-info-basic-population[role="button"]{position:relative;z-index:20;cursor:pointer;padding-left:48px;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}
.city-info-basic-population[role="button"]:hover,.city-info-basic-population[role="button"]:focus-visible{border-color:#7bb8df;box-shadow:0 7px 20px rgba(23,105,224,.14);transform:translateY(-1px);outline:0}
.city-info-basic-copy{background:linear-gradient(135deg,#f3faff,#fff)!important}
.city-info-basic-grid h3{margin:0 0 9px;color:var(--navy);font-size:20px}
.city-info-basic-grid p{margin:0;color:var(--muted);font-size:14px;line-height:1.75}
.city-info-identity{margin-top:12px!important;padding-top:12px;border-top:1px solid #e5eef4;color:#29688e!important}
.city-info-identity i{color:var(--blue);margin-right:5px}
.city-info-basic-directions h3 i,.city-info-basic-population h3 i{color:var(--blue);margin-right:6px}
.city-info-basic-directions>div{display:grid;gap:7px}
.city-info-basic-directions span{display:grid;grid-template-columns:72px 1fr;gap:8px;color:#5b7890;font-size:13px;line-height:1.5}
.city-info-basic-directions b{color:#245d8a}
.city-info-basic-population strong{display:block;color:var(--navy);font-size:27px;line-height:1.25}
.city-info-basic-population strong+strong{margin-top:5px}
.city-info-basic-population strong small{font-size:14px;color:#5b7890;font-weight:600}
.city-info-basic-population p{margin-top:9px;font-size:12px}
.city-info-basic-population-action{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:14px;padding-top:11px;border-top:1px solid #e4eef5;color:var(--blue);font-size:13px;font-weight:800}
.city-info-basic-population-action i{font-size:11px}
.city-population-toggle{--dashboard-card-action-size:25px;z-index:30;border-right:1px solid #9bc8e6;background:#eaf6ff;color:var(--blue);box-shadow:2px 0 10px rgba(23,68,110,.1)}
.city-population-toggle:hover,.city-population-toggle:focus-visible{width:29px;background:var(--blue);color:#fff;outline:0}
.city-population-detail{position:absolute;z-index:10;inset:0;display:flex;flex-direction:column;gap:10px;width:100%;height:100%;min-height:0;margin:0;padding:20px;overflow:hidden;border:1px solid #9bc8e6;border-radius:14px;background:#f7fbff;box-shadow:0 12px 28px rgba(23,68,110,.18);transform-origin:right center}
.city-population-slide-enter-active,.city-population-slide-leave-active{transition:opacity .5s ease,transform .5s cubic-bezier(.22,.8,.24,1)}
.city-population-slide-enter-from,.city-population-slide-leave-to{opacity:.25;transform:scaleX(.04)}
.city-population-slide-enter-to,.city-population-slide-leave-from{opacity:1;transform:scaleX(1)}
.city-population-detail .city-info-section-head{flex:none;margin-bottom:0}
.city-population-detail .city-info-basic-history{flex:1;min-height:0;padding:0 calc(26% + 20px) 0 0;border:0;border-radius:0;background:transparent!important;box-shadow:none;overflow-y:scroll;overflow-x:hidden}
.city-info-detail-close{display:inline-flex;align-items:center;gap:7px;padding:9px 12px;border:1px solid #b9d7e9;border-radius:9px;background:#fff;color:var(--blue-deep);font-family:inherit;font-size:13px;font-weight:800;cursor:pointer}
.city-info-detail-close:hover,.city-info-detail-close:focus-visible{border-color:var(--blue);background:#eaf6ff;outline:0}
.city-info-detail-actions{display:flex;align-items:center;gap:8px}
.city-info-detail-actions>span{padding:5px 9px;border-radius:999px;background:#e8f4fc;color:#2873a5;font-size:12px;font-weight:700}
.city-info-detail-actions .city-info-detail-close{width:30px;height:30px;padding:0;justify-content:center;border-radius:8px}
.city-info-basic-history{grid-column:1/-1;padding:20px;border:1px solid var(--line);border-radius:14px;background:linear-gradient(135deg,#f7fbff,#fff)!important;box-shadow:0 5px 18px rgba(23,68,110,.045)}
.city-info-basic-history-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:13px}
.city-info-basic-history-head h3{margin:0!important}
.city-info-basic-history-head h3 i{margin-right:6px;color:var(--blue)}
.city-info-basic-history-head>span{padding:5px 9px;border-radius:999px;background:#e8f4fc;color:#2873a5;font-size:12px;font-weight:700}
.city-info-basic-trend{display:grid;gap:11px}
.city-info-basic-trend-row{display:grid;grid-template-columns:52px minmax(0,1fr) minmax(0,1fr);align-items:center;gap:13px}
.city-info-basic-trend-year{color:var(--navy);font-size:14px}
.city-info-basic-trend-metric{display:grid;grid-template-columns:70px minmax(50px,1fr) auto;align-items:center;gap:8px;min-width:0}
.city-info-basic-trend-metric span{color:#5b7890;font-size:12px}
.city-info-basic-trend-metric>i{display:block;height:9px;overflow:hidden;border-radius:99px;background:#e4eef5}
.city-info-basic-trend-metric>i em{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#1769e0,#26a6d1)}
.city-info-basic-trend-metric>i.is-households em{background:linear-gradient(90deg,#20a7aa,#67c7b4)}
.city-info-basic-trend-metric strong{color:var(--navy);font-size:14px;white-space:nowrap}
.city-info-basic-history-note{margin:13px 0 0!important;color:#6d879b!important;font-size:12px!important}
@media(max-width:1050px){.city-info-basic-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.city-info-basic-copy{grid-column:1/-1}}
@media(max-width:1050px){.city-population-detail .city-info-basic-history{padding-right:calc(50% + 20px)}}
@media(max-width:720px){.city-info-basic-grid{grid-template-columns:1fr}.city-info-basic-copy{grid-column:auto}.city-info-basic-grid h3{font-size:18px}.city-info-basic-grid p{font-size:13px}.city-info-basic-trend-row{grid-template-columns:42px minmax(0,1fr);gap:7px 10px}.city-info-basic-trend-metric{grid-column:2;grid-template-columns:68px minmax(50px,1fr) auto}.city-info-basic-history-head>span{font-size:11px}.city-population-toggle{right:auto;left:0;width:25px}.city-population-toggle:hover,.city-population-toggle:focus-visible{width:29px}.city-population-detail .city-info-basic-history{padding-right:20px}}

@media(max-width:720px){.public-sidebar{visibility:hidden}.public-sidebar.is-open{visibility:visible}}

/* City profile content uses a larger reading scale for quick scanning. */
.city-info-section-head h2{font-size:26px}
.city-info-section-head p:not(.public-kicker){font-size:14px}
.city-info-section-head>span{font-size:13px}
.city-info-stat-grid article>i{width:44px;height:44px;font-size:19px}
.city-info-stat-grid strong{font-size:32px}
.city-info-stat-grid span{font-size:13px}
.city-info-stat-grid small{font-size:13px}
.city-info-detail-card h3{font-size:17px}
.city-info-detail-card b{font-size:16px}
.city-info-detail-card p{font-size:13px}
.city-info-list-card h3{font-size:18px}
.city-info-list-card header p{font-size:13px}
.city-info-community-list span{padding:7px 10px;font-size:13px}
.city-info-place-source{font-size:13px}
.city-info-source-link{font-size:14px}
.city-info-topic{min-height:130px}
.city-info-topic h3{font-size:15px}
.city-info-topic p{font-size:12px}
@media(max-width:720px){.city-info-section-head h2{font-size:22px}.city-info-section-head p:not(.public-kicker){font-size:13px}.city-info-stat-grid strong{font-size:26px}.city-info-stat-grid span,.city-info-stat-grid small{font-size:12px}.city-info-detail-card h3{font-size:16px}.city-info-detail-card b{font-size:15px}.city-info-detail-card p{font-size:12px}.city-info-list-card h3{font-size:17px}.city-info-list-card header p{font-size:12px}.city-info-community-list span{font-size:12px}.city-info-topic h3{font-size:14px}.city-info-topic p{font-size:11px}}

/* The navigation can be collapsed on every viewport; it starts open. */
.public-menu-button{display:none;align-items:center;justify-content:center;flex:none;width:40px;height:40px;padding:0;border:1px solid #c8ddeb;border-radius:9px;background:#fff;color:#1769e0;cursor:pointer}
.public-menu-button:hover{background:#edf7ff}
.public-sidebar-tools{position:absolute;z-index:3;top:14px;left:0;right:0;display:flex;justify-content:flex-start;padding:0 18px;transition:padding .24s ease}
.public-sidebar-toggle{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;border:0;border-radius:8px;background:transparent;color:#e4f5ff;box-shadow:none;font-size:20px;font-weight:700;cursor:pointer;transition:background .2s,color .2s,transform .24s ease}
.public-sidebar-toggle span{display:none}
.public-sidebar-toggle:hover{background:rgba(61,139,192,.3);color:#fff}
.public-sidebar{overflow-x:hidden;transition:transform .24s ease,width .24s ease,padding .24s ease}
.public-sidebar nav{padding-top:38px}
.public-sidebar.is-collapsed{transform:translateX(0);width:72px;padding:18px 9px}
.public-sidebar.is-collapsed{overflow:visible}
.public-sidebar.is-collapsed .public-sidebar-tools{justify-content:center;padding-left:0;padding-right:0}
.public-sidebar.is-collapsed nav{padding-top:38px}
.public-sidebar.is-collapsed .public-sidebar-toggle span{display:none}
.public-sidebar.is-collapsed .public-nav-label{overflow:hidden;width:0;height:0;margin:0;padding:0;opacity:0}
.public-sidebar.is-collapsed a{justify-content:center;gap:0;padding:11px 8px;font-size:0}
.public-sidebar.is-collapsed a i{width:24px;font-size:15px}
.public-sidebar.is-collapsed a span,.public-sidebar.is-collapsed a b{display:none}
.public-sidebar.is-collapsed a{position:relative}
.public-sidebar.is-collapsed a:hover::after,.public-sidebar.is-collapsed a:focus-visible::after{content:attr(data-menu-label);position:absolute;z-index:20;top:50%;left:calc(100% + 10px);padding:7px 10px;border:1px solid #c7ddeb;border-radius:7px;background:#fff;color:#17324f;box-shadow:0 6px 18px rgba(12,52,86,.2);font-size:12px;font-weight:700;line-height:1.2;white-space:nowrap;transform:translateY(-50%);pointer-events:none}
.public-main{transition:width .2s ease,margin-left .2s ease}
.public-main.sidebar-collapsed{width:calc(100% - 72px);margin-left:72px}
.public-footer{transition:margin-left .2s ease}.public-footer.sidebar-collapsed{margin-left:72px}
@media(max-width:720px){.public-menu-button{display:inline-flex;width:36px;height:36px}.public-sidebar-tools{display:none}.public-sidebar.is-collapsed{visibility:hidden;transform:translateX(-100%);overflow:hidden}.public-main.sidebar-collapsed{width:100%;margin-left:0}.public-footer.sidebar-collapsed{margin-left:0}}

/* Blue municipal theme: retained as an explicit layer so functional components keep their existing behaviour. */
:root{--blue:#1769e0;--blue-deep:#0d4fb6;--cyan:#0ea5c6;--navy:#0b2341;--ink:#17324f;--muted:#667b91;--bg:#f4f8fc;--soft:#eef6fd;--line:#dce8f2;--shadow:0 8px 24px rgba(23,68,110,.07)}
.public-topbar{background:#fff;border-color:#dbe7f1}.public-brand strong{color:#0b2341}.public-brand small{color:#6c8197}.public-top-actions a{color:#1559ae;border-color:#c8ddeb}.public-top-actions a:hover{background:#edf7ff}.public-global-search{border-color:#c7ddea;background:#fbfdff;color:#5780a0}.public-global-search input{color:#17324f}.public-global-search input::placeholder{color:#7c96ac}.public-global-search button{background:#1769e0}.public-global-search button:hover{background:#0d4fb6}
.public-sidebar{background:#0d3659;scrollbar-color:#3b7da9 #0d3659}.public-nav-label{color:#8fb6d4}.public-sidebar a{color:#d6e7f5}.public-sidebar a i{color:#8ed4fc}.public-sidebar a b{background:#2770a5;color:#e5f4ff}.public-sidebar a:hover{background:#155d92}.public-sidebar a.router-link-active{background:#d7efff;color:#0d416e}.public-sidebar a.router-link-active i{color:#1769e0}.public-sidebar a.router-link-active b{background:#b9e2fa;color:#0d416e}
.city-home h1,.city-home h2,.city-home h3{color:#0b2341}.city-eyebrow{color:#397fb4}.city-page-intro h1{color:#0b2341}.city-intro-note{color:#4d7898}.city-hero{background:linear-gradient(120deg,#0b3d72,#1769e0)}.city-hero h2{color:#fff}.city-hero .city-eyebrow{color:#b4e5ff}.city-hero .city-eyebrow span{background:#8ee0ff}.city-hero h2 span{color:#b7ecff}.city-hero-description{color:#d8efff}.city-button-mint{background:#fff;color:#0d4fb6}.city-button-mint:hover{background:#eaf7ff}.city-hero-link{color:#e3f3ff}.city-hero-link:hover{color:#fff}.city-hero-art{background:#0d4380}.city-hero-map-loading{background:#0b3d72ee;color:#b7ecff}.city-map-label{background:#0b3d72e8;border-color:#77c9f766;color:#ddf5ff}.city-map-label i{color:#8ee0ff}.city-map-caption{color:#c9ebff}
.city-stats article{border-color:#dce8f2}.city-stat-top{color:#5e7890}.city-stat-top i{background:#e5f4fe;color:#1769e0}.city-stat-value strong{color:#0b2341}.city-stat-value span,.city-stats small{color:#607a91}.city-stat-records .city-stat-top i{background:#eaf0ff;color:#4f6ec8}.city-stat-point_datasets .city-stat-top i{background:#e7f8fa;color:#168aa6}.city-stat-categories .city-stat-top i{background:#edf1ff;color:#687fc9}
.city-section-head>span,.city-section-head p:not(.city-eyebrow){color:#637c92}.city-text-link{color:#1769e0}.city-category{border-color:#dce8f2}.city-category:hover{border-color:#9bc5e4;box-shadow:0 6px 15px rgba(23,105,224,.10)}.city-category-icon{background:#e8f4fc;color:#1769e0}.city-category p{color:#69839b}.city-category-arrow{color:#4d91c1}.city-category-transport .city-category-icon{background:#e7f2ff;color:#2878c8}.city-category-safety .city-category-icon{background:#e7f7fb;color:#168ca5}.city-category-government .city-category-icon{background:#edf0ff;color:#687ac7}.city-category-energy .city-category-icon{background:#e7f5ff;color:#198cc2}.city-category-economy .city-category-icon{background:#e9f5ff;color:#1d77bc}.city-category-citizen .city-category-icon{background:#edf2ff;color:#5878bc}.city-category-all{background:#eef7fe;border-color:#d5e7f4}.city-category-all .city-category-icon{background:#ddecfa;color:#1769e0}
.city-dataset{border-color:#dce8f2}.city-dataset:hover{border-color:#a6c9e2;box-shadow:0 5px 20px rgba(23,105,224,.08)}.city-dataset-icon{border-color:#dce8f2;background:#eaf6ff;color:#1769e0}.city-data-badge{color:#2672a8;background:#ebf7ff}.city-data-badge>span{background:#28a6db}.city-dataset-category{color:#47799b}.city-dataset>p{color:#627b92}.city-dataset footer{border-color:#e6eef5;color:#5c7993}.city-dataset footer b{color:#284f70}.city-dataset button{color:#1769e0}.city-open-banner{border-color:#cbe3f2;background:#e9f6ff}.city-open-icon{background:#d8eefc;color:#197bbb}.city-open-banner p{color:#557995}.city-button-dark{background:#0d4fb6}.city-button-dark:hover{background:#1769e0}

/* The 3D map is a full-card background; a blue gradient protects the copy while fading into the map. */
.city-hero{display:block;background:#1769e0}.city-hero-art{position:absolute;inset:0;width:100%;height:100%;z-index:1;background:#1769e0}.city-hero:after{position:absolute;z-index:2;inset:0;content:"";pointer-events:none;background:linear-gradient(90deg,rgba(9,55,111,.98) 0%,rgba(15,79,182,.94) 38%,rgba(23,105,224,.52) 49%,rgba(23,105,224,.16) 61%,rgba(23,105,224,.03) 74%,rgba(23,105,224,.01) 100%)}.city-hero-copy{position:relative;z-index:3;width:min(57%,680px)}.city-map-label,.city-map-caption{z-index:4}.city-hero-map{z-index:1;pointer-events:none}.city-hero-map .maplibregl-canvas-container{transform:scaleX(1.22);transform-origin:left center}.city-hero-map-loading{z-index:5}

/* Low-saturation colour cues help scan city metrics without competing with the content. */
.city-stats article{position:relative;overflow:hidden;border-top-width:3px}.city-stats article:after{position:absolute;right:-24px;bottom:-30px;width:104px;height:104px;border-radius:50%;content:"";opacity:.6}.city-stat-datasets{border-top-color:#2496dd!important;background:#eaf6ff!important}.city-stat-datasets:after{background:#cceafd}.city-stat-records{border-top-color:#687edd!important;background:#eef0ff!important}.city-stat-records:after{background:#d9dfff}.city-stat-point_datasets{border-top-color:#22a5aa!important;background:#e6f8f7!important}.city-stat-point_datasets:after{background:#c8eeee}.city-stat-categories{border-top-color:#8872c9!important;background:#f1edff!important}.city-stat-categories:after{background:#ded5fb}
.city-category{border-left:4px solid #92c9ec;background:#edf8ff}.city-category-environment{border-left-color:#63ad82;background:#edf8f0}.city-category-transport{border-left-color:#5799d4;background:#edf5ff}.city-category-safety{border-left-color:#48aeba;background:#eaf8fa}.city-category-government{border-left-color:#8875c5;background:#f2efff}.city-category-energy{border-left-color:#51a6d5;background:#eaf7ff}.city-category-economy{border-left-color:#4c9bc8;background:#edf8fd}.city-category-citizen{border-left-color:#748ed1;background:#eef1ff}.city-category-all{border-left-color:#127bd0;background:#e2f2ff}.city-category .city-category-icon{background:#d9edfb}.city-category-environment .city-category-icon{background:#d9f0e0;color:#348158}.city-category-safety .city-category-icon{background:#d9f1f3;color:#218a97}.city-category-government .city-category-icon,.city-category-citizen .city-category-icon{background:#e4def8;color:#6c58ad}
.city-category{position:relative;isolation:isolate;overflow:hidden;--category-color:#2389d4;background-color:#edf7ff;border-left-color:var(--category-color);box-shadow:0 3px 12px rgba(18,73,115,.04)}.city-category::before{position:absolute;right:-37px;bottom:-57px;width:145px;height:145px;border-radius:50%;content:"";background:var(--category-color);opacity:.1;z-index:-1}.city-category::after{position:absolute;right:12px;bottom:9px;width:102px;height:72px;border-radius:18px;content:"";background-image:radial-gradient(var(--category-color) 1.2px,transparent 1.2px);background-size:10px 10px;opacity:.12;z-index:-1}.city-category>*{position:relative;z-index:1}.city-category:hover{border-left-color:var(--category-color);box-shadow:0 8px 20px rgba(18,73,115,.12)}.city-category-environment{--category-color:#1ea765;background:#eaf8ef}.city-category-transport{--category-color:#f58220;background:#fff2e7}.city-category-safety{--category-color:#f04452;background:#fff0f2}.city-category-government{--category-color:#2e78df;background:#eef4ff}.city-category-energy{--category-color:#eab000;background:#fff8df}.city-category-economy{--category-color:#8254e8;background:#f4efff}.city-category-citizen{--category-color:#0fa5b7;background:#e8f8fa}.city-category-all{--category-color:#147bd1;background:#e5f3ff}.city-category-environment .city-category-icon{background:#d4f0de;color:#178650}.city-category-transport .city-category-icon{background:#ffe2c6;color:#e66b0c}.city-category-safety .city-category-icon{background:#ffd8de;color:#e72d43}.city-category-government .city-category-icon{background:#dbe9ff;color:#1765c7}.city-category-energy .city-category-icon{background:#ffedb5;color:#d59600}.city-category-economy .city-category-icon{background:#e5d8ff;color:#7040d3}.city-category-citizen .city-category-icon{background:#d2f0f2;color:#078998}.city-category-all .city-category-icon{background:#d1eaff;color:#126bc1}.city-category h3{color:#102f4e}.city-category p{color:#5a7690}.city-category-arrow{color:var(--category-color)}
.city-dataset{border-top:4px solid #8bc8ea;background:#edf8ff}.city-dataset-energy{border-top-color:#42a2d5;background:#e8f6ff}.city-dataset-energy .city-dataset-icon{background:#d4edfb;color:#1477b7}.city-dataset-environment{border-top-color:#69ad87;background:#eff9f1}.city-dataset-safety{border-top-color:#49abb5;background:#eaf8f9}.city-dataset-government{border-top-color:#8a78c2;background:#f3f0ff}
@media(max-width:900px){.city-hero-copy{width:62%}.city-hero:after{background:linear-gradient(90deg,rgba(9,55,111,.98) 0%,rgba(15,79,182,.93) 54%,rgba(23,105,224,.48) 73%,rgba(23,105,224,.12) 100%)}}
@media(max-width:540px){.city-hero{display:block;min-height:500px}.city-hero-art{position:absolute;inset:0;height:100%;margin:0}.city-hero-copy{width:100%;padding:27px 23px;position:relative}.city-hero:after{background:linear-gradient(180deg,rgba(9,55,111,.97) 0%,rgba(15,79,182,.92) 48%,rgba(23,105,224,.55) 70%,rgba(23,105,224,.12) 100%)}.city-hero-map{height:100%}.city-map-label{top:auto;bottom:42px}.city-map-caption{bottom:14px}}
.city-info-place-source{display:flex;align-items:center;gap:8px;margin:2px 0 17px;padding:12px;border-radius:9px;background:#f2f8fc;color:#5a7990;font-size:11px}.city-info-place-source i{color:var(--blue)}.city-info-source-link{display:inline-flex;align-items:center;gap:8px;color:var(--blue);font-size:12px;font-weight:700}.city-info-source-link:hover{text-decoration:underline}

/* City profile: a detail page for facts that deserve more room than the home view. */
.city-info-view{padding-bottom:18px}.city-info-page-head{align-items:flex-end}.city-info-page-head h1 i{color:var(--blue);font-size:24px}.city-info-map-card{display:grid;grid-template-columns:minmax(280px,.8fr) minmax(0,1.45fr);min-height:390px;margin-bottom:26px;overflow:hidden;border-radius:18px;background:linear-gradient(135deg,#0b3d72,#1769e0);box-shadow:var(--shadow)}.city-info-map-copy{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:38px;color:#fff}.city-info-map-copy .public-kicker{color:#a9e3ff}.city-info-map-copy h2{margin:3px 0 12px;color:#fff;font-size:clamp(23px,2.4vw,34px);line-height:1.45}.city-info-map-copy p:not(.public-kicker){margin:0 0 22px;color:#d7efff;font-size:14px;line-height:1.8}.city-button-info{background:#fff;color:#0d4fb6}.city-button-info:hover{background:#e9f7ff}.city-info-map-wrap{position:relative;min-height:390px;background:#dbeaf2}.city-info-map{height:100%;min-height:390px}.city-info-map .maplibregl-canvas{outline:0}.city-info-map-loading{position:absolute;inset:0;display:grid;place-content:center;gap:9px;background:#eaf4f8e8;color:var(--blue-deep);font-size:13px;text-align:center}.city-info-section{margin-bottom:29px}.city-info-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:14px}.city-info-section-head h2{margin:0;color:var(--navy);font-size:21px}.city-info-section-head p:not(.public-kicker){margin:4px 0 0;color:var(--muted);font-size:12px}.city-info-section-head>span{color:#5e7890;font-size:11px}.city-info-stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.city-info-stat-grid article{display:flex;align-items:center;gap:13px;padding:17px;border:1px solid var(--line);border-top:3px solid #4d9ddd;border-radius:13px;background:#edf7ff}.city-info-stat-grid article:nth-child(2){border-top-color:#3cabb5;background:#edf9f9}.city-info-stat-grid article:nth-child(3){border-top-color:#6c80d8;background:#f0f2ff}.city-info-stat-grid article:nth-child(4){border-top-color:#8873c5;background:#f3f0ff}.city-info-stat-grid article>i{display:grid;place-items:center;width:40px;height:40px;border-radius:11px;background:#d7edfb;color:var(--blue);font-size:17px}.city-info-stat-grid article:nth-child(2)>i{background:#d7f0f0;color:#218c99}.city-info-stat-grid article:nth-child(3)>i{background:#e0e5ff;color:#536ac2}.city-info-stat-grid article:nth-child(4)>i{background:#e6def9;color:#6d59ae}.city-info-stat-grid strong{display:inline-block;color:var(--navy);font-size:27px;line-height:1.15}.city-info-stat-grid span{margin-left:6px;color:#55718a;font-size:11px}.city-info-stat-grid small{display:block;margin-top:3px;color:#648097;font-size:11px}.city-info-geography-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.city-info-detail-card{display:flex;gap:13px;min-height:135px;padding:18px;border:1px solid var(--line);border-radius:13px;background:#fff;box-shadow:0 5px 18px rgba(23,68,110,.045)}.city-info-detail-card>i{display:grid;place-items:center;flex:none;width:39px;height:39px;border-radius:11px;background:#e6f4fd;color:var(--blue);font-size:16px}.city-info-detail-card h3{margin:0 0 7px;color:var(--navy);font-size:14px}.city-info-detail-card b{display:block;color:#245d8a;font-size:14px;line-height:1.45}.city-info-detail-card p{margin:5px 0 0;color:var(--muted);font-size:11px;line-height:1.6}.city-info-place-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.city-info-list-card{padding:18px;border:1px solid var(--line);border-radius:14px;background:#fff;box-shadow:0 5px 18px rgba(23,68,110,.045)}.city-info-list-card>header{display:flex;align-items:center;gap:11px;margin-bottom:16px}.city-info-list-icon{display:grid;place-items:center;width:40px;height:40px;border-radius:11px;background:#e5f4fe;color:var(--blue);font-size:17px}.city-info-list-icon-community{background:#e4f5f3;color:#168b8d}.city-info-list-card h3{margin:0;color:var(--navy);font-size:16px}.city-info-list-card header p{margin:2px 0 0;color:var(--muted);font-size:11px}.city-info-breakdown{display:grid;gap:9px}.city-info-breakdown>div{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-bottom:8px;border-bottom:1px solid #e8f0f5;color:#4f7089;font-size:12px}.city-info-breakdown>div:last-child{padding-bottom:0;border-bottom:0}.city-info-breakdown span{display:flex;align-items:center;gap:8px}.city-info-breakdown span i{width:16px;color:#338bc2}.city-info-breakdown b{color:var(--navy);font-size:13px}.city-info-community-list{display:flex;flex-wrap:wrap;gap:7px}.city-info-community-list span{padding:6px 9px;border-radius:7px;background:#eef7fd;color:#416f8d;font-size:11px}.city-info-community-list .is-more{background:#e3f0f8;color:#1769e0;font-weight:700}.city-info-topic-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.city-info-topic{display:flex;align-items:flex-start;gap:10px;min-height:116px;padding:15px;border:1px solid #cfe3f1;border-radius:12px;background:#f5fbff;transition:transform .18s,box-shadow .18s,border-color .18s}.city-info-topic:hover{transform:translateY(-2px);border-color:#8fc3e5;box-shadow:0 6px 16px rgba(23,105,224,.1)}.city-info-topic>i:first-child{display:grid;place-items:center;flex:none;width:34px;height:34px;border-radius:9px;background:#dceffc;color:var(--blue)}.city-info-topic h3{margin:0;color:var(--navy);font-size:13px;line-height:1.45}.city-info-topic p{margin:5px 0 0;color:var(--muted);font-size:10px;line-height:1.6}.city-info-topic>i:last-child{margin-left:auto;padding-top:3px;color:#5795bd;font-size:11px}
@media(max-width:1050px){.city-info-map-card{grid-template-columns:minmax(250px,.85fr) minmax(0,1.15fr)}.city-info-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.city-info-topic-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){.city-info-page-head{align-items:flex-start}.city-info-map-card{display:block}.city-info-map-copy{padding:27px 23px}.city-info-map-copy h2{font-size:25px}.city-info-map-copy p:not(.public-kicker){font-size:12px}.city-info-map-wrap,.city-info-map{min-height:310px;height:310px}.city-info-section-head{align-items:flex-start;flex-direction:column;gap:5px}.city-info-geography-grid,.city-info-place-grid,.city-info-topic-grid{grid-template-columns:1fr}.city-info-stat-grid{gap:9px}.city-info-stat-grid article{padding:14px 12px}.city-info-stat-grid strong{font-size:23px}.city-info-stat-grid small{font-size:10px}.city-info-detail-card{min-height:0}}

/* Larger heading scale across the city overview for better readability. */
.city-home .city-page-intro h1{font-size:30px}
.city-home .city-hero h2{font-size:clamp(34px,3.2vw,48px)}
.city-home .city-info-section-head h2{font-size:30px}
.city-home .city-info-detail-card h3{font-size:20px}
.city-home .city-info-list-card h3{font-size:21px}
.city-home .city-info-topic h3{font-size:18px}
.city-home .city-section-head h2{font-size:28px}
.city-home .city-category h3{font-size:16px}
.city-home .city-dataset h3{font-size:20px}
.city-home .city-open-banner h2{font-size:22px}
.city-home .city-info-section-head p:not(.public-kicker),.city-home .city-info-detail-card p,.city-home .city-info-list-card header p,.city-home .city-info-topic p{font-size:14px}
.city-home .city-info-detail-card b{font-size:18px}
.city-home .city-info-stat-grid strong{font-size:36px}
.city-home .city-info-stat-grid span,.city-home .city-info-stat-grid small{font-size:14px}
.city-home .city-info-community-list span{font-size:14px}
.city-home .city-info-source-link{font-size:15px}
@media(max-width:720px){.city-home .city-page-intro h1{font-size:24px}.city-home .city-hero h2{font-size:32px}.city-home .city-info-section-head h2{font-size:25px}.city-home .city-info-detail-card h3{font-size:18px}.city-home .city-info-list-card h3{font-size:19px}.city-home .city-info-topic h3{font-size:16px}.city-home .city-section-head h2{font-size:23px}.city-home .city-category h3{font-size:14px}.city-home .city-dataset h3{font-size:18px}.city-home .city-open-banner h2{font-size:19px}.city-home .city-info-section-head p:not(.public-kicker),.city-home .city-info-detail-card p,.city-home .city-info-list-card header p,.city-home .city-info-topic p{font-size:13px}.city-home .city-info-detail-card b{font-size:16px}.city-home .city-info-stat-grid strong{font-size:29px}.city-home .city-info-stat-grid span,.city-home .city-info-stat-grid small{font-size:13px}.city-home .city-info-community-list span{font-size:13px}.city-home .city-info-source-link{font-size:14px}}

/* Keep the small section labels legible beside the enlarged headings. */
.city-home .public-kicker,.city-home .city-eyebrow{font-size:12px}
.city-home .city-info-section-head>span,.city-home .city-section-head>span{font-size:13px}
@media(max-width:720px){.city-home .public-kicker,.city-home .city-eyebrow{font-size:11px}.city-home .city-info-section-head>span,.city-home .city-section-head>span{font-size:12px}}

/* Make category actions easier to scan at a glance. */
.city-category-icon{width:42px;height:42px;border-radius:12px;font-size:20px}
.city-category-arrow{font-size:13px}
@media(max-width:720px){.city-category-icon{width:36px;height:38px;font-size:18px}.city-category-arrow{font-size:11px}}

/* Give every information card on the home page the same soft colour language. */
.city-home .city-info-detail-card,
.city-home .city-info-basic-copy,
.city-home .city-info-basic-directions,
.city-home .city-info-basic-population,
.city-home .city-info-list-card,
.city-home .city-info-topic,
.city-home .city-dataset{position:relative;isolation:isolate;overflow:hidden;--card-accent:#2585d5;background:#eef7ff;border-color:#cfe3f3;box-shadow:0 5px 18px rgba(23,68,110,.06)}
.city-home .city-info-detail-card::before,
.city-home .city-info-basic-copy::before,
.city-home .city-info-basic-directions::before,
.city-home .city-info-basic-population::before,
.city-home .city-info-list-card::before,
.city-home .city-info-topic::before,
.city-home .city-dataset::before{position:absolute;right:-34px;bottom:-54px;width:135px;height:135px;border-radius:50%;content:"";background:var(--card-accent);opacity:.1;z-index:-1}
.city-home .city-info-detail-card::after,
.city-home .city-info-basic-copy::after,
.city-home .city-info-basic-directions::after,
.city-home .city-info-basic-population::after,
.city-home .city-info-list-card::after,
.city-home .city-info-topic::after,
.city-home .city-dataset::after{position:absolute;right:13px;bottom:12px;width:96px;height:66px;border-radius:18px;content:"";background-image:radial-gradient(var(--card-accent) 1.2px,transparent 1.2px);background-size:10px 10px;opacity:.12;z-index:-1}
.city-home .city-info-detail-card>* ,
.city-home .city-info-basic-copy>* ,
.city-home .city-info-basic-directions>* ,
.city-home .city-info-basic-population>* ,
.city-home .city-info-list-card>* ,
.city-home .city-info-topic>* ,
.city-home .city-dataset>*{position:relative;z-index:1}
.city-home .city-info-detail-card:nth-child(1){--card-accent:#207fe1;background:#edf6ff;border-color:#c9e1f5}
.city-home .city-info-detail-card:nth-child(2){--card-accent:#13a2a7;background:#eaf8f8;border-color:#c7e8e8}
.city-home .city-info-detail-card:nth-child(3){--card-accent:#7655d7;background:#f2efff;border-color:#ddd5f7}
.city-home .city-info-basic-copy{--card-accent:#2585d5;background:#edf7ff;border-color:#c9e2f4}
.city-home .city-info-basic-directions{--card-accent:#159da6;background:#eaf8f8;border-color:#c9e8e8}
.city-home .city-info-basic-population{--card-accent:#227de0;background:#edf5ff;border-color:#c7dff4}
.city-home .city-info-list-card:nth-child(1){--card-accent:#3286da;background:#edf7ff;border-color:#cbe3f5}
.city-home .city-info-list-card:nth-child(2){--card-accent:#18a2a6;background:#eaf8f8;border-color:#c8e9e8}
.city-home .city-info-topic:nth-child(1){--card-accent:#287fda;background:#edf7ff;border-color:#c9e2f5}
.city-home .city-info-topic:nth-child(2){--card-accent:#e2a500;background:#fff8e5;border-color:#f1dfac}
.city-home .city-info-topic:nth-child(3){--card-accent:#16a2a7;background:#eaf8f8;border-color:#c8e8e8}
.city-home .city-info-topic:nth-child(4){--card-accent:#7b59d9;background:#f3efff;border-color:#ded5f7}
.city-home .city-dataset{--card-accent:#2388d6;background:#edf7ff;border-color:#cbe3f5}
.city-home .city-dataset-environment{--card-accent:#1ea765;background:#eaf8ef;border-color:#ccebd8}
.city-home .city-dataset-transport{--card-accent:#f58220;background:#fff2e7;border-color:#f4d9bf}
.city-home .city-dataset-safety{--card-accent:#f04452;background:#fff0f2;border-color:#f2cfd5}
.city-home .city-dataset-government{--card-accent:#2e78df;background:#eef4ff;border-color:#ceddf6}
.city-home .city-dataset-energy{--card-accent:#eab000;background:#fff8df;border-color:#f1dfac}
.city-home .city-dataset-economy{--card-accent:#8254e8;background:#f4efff;border-color:#ded5f7}
.city-home .city-dataset-citizen{--card-accent:#0fa5b7;background:#e8f8fa;border-color:#c7e8eb}
.city-home .city-info-detail-card:hover,
.city-home .city-info-basic-copy:hover,
.city-home .city-info-basic-directions:hover,
.city-home .city-info-basic-population:hover,
.city-home .city-info-list-card:hover,
.city-home .city-info-topic:hover,
.city-home .city-dataset:hover{border-color:var(--card-accent);box-shadow:0 8px 22px rgba(23,68,110,.12)}

/* Match the enlarged city overview scale across every remaining public menu. */
.public-view:not(.city-home) .public-page-head h1{font-size:34px;line-height:1.3}
.public-view:not(.city-home) .public-page-head>div>p:last-child{font-size:14px;line-height:1.7}
.public-view:not(.city-home) .public-panel h2{font-size:24px}
.public-view:not(.city-home) .public-panel header p{font-size:14px;line-height:1.65}
.public-view:not(.city-home) .public-dataset-card h3{font-size:20px;line-height:1.45}
.public-view:not(.city-home) .public-catalog-list h2{font-size:20px;line-height:1.45}
.public-view:not(.city-home) .public-open-data-card h2{font-size:22px;line-height:1.45}
.public-view:not(.city-home) .public-open-data-card>p{font-size:14px}
.public-view:not(.city-home) .public-open-data-hero h2{font-size:28px}
.public-view:not(.city-home) .public-open-detail-summary b{font-size:30px}
.public-view:not(.city-home) .public-kpi-grid strong{font-size:36px}
.public-view:not(.city-home) .public-kpi-grid .public-kpi-text{font-size:20px!important}
.public-view:not(.city-home) .public-dashboard-widget h3{font-size:19px;line-height:1.45}
.public-view:not(.city-home) .public-dashboard-panel h2{font-size:24px}
.public-view:not(.city-home) .public-layer-panel-head strong{font-size:20px}
.public-view:not(.city-home) .public-layer-group h3{font-size:15px}
.public-view:not(.city-home) .public-layer-copy b{font-size:15px}
.public-view:not(.city-home) .public-map-note{font-size:13px}
.public-view:not(.city-home) .public-empty b{font-size:17px}
@media(max-width:720px){
  .public-view:not(.city-home) .public-page-head h1{font-size:27px}
  .public-view:not(.city-home) .public-panel h2,.public-view:not(.city-home) .public-dashboard-panel h2{font-size:21px}
  .public-view:not(.city-home) .public-panel header p,.public-view:not(.city-home) .public-page-head>div>p:last-child{font-size:13px}
  .public-view:not(.city-home) .public-dataset-card h3,.public-view:not(.city-home) .public-catalog-list h2{font-size:18px}
  .public-view:not(.city-home) .public-open-data-card h2{font-size:19px}
  .public-view:not(.city-home) .public-open-data-hero h2{font-size:23px}
  .public-view:not(.city-home) .public-open-detail-summary b{font-size:26px}
  .public-view:not(.city-home) .public-kpi-grid strong{font-size:30px}
  .public-view:not(.city-home) .public-kpi-grid .public-kpi-text{font-size:18px!important}
  .public-view:not(.city-home) .public-dashboard-widget h3{font-size:17px}
  .public-view:not(.city-home) .public-layer-panel-head strong{font-size:18px}
  .public-view:not(.city-home) .public-layer-group h3{font-size:14px}
  .public-view:not(.city-home) .public-layer-copy b{font-size:14px}
  .public-view:not(.city-home) .public-map-note{font-size:12px}
}

/* Make dashboard back navigation read and feel like a primary action. */
.public-view .public-back-link{display:inline-flex;align-items:center;gap:9px;margin:0 0 15px;padding:11px 16px;border:1px solid #a8d1ee;border-radius:11px;background:#eaf6ff;color:#0d4fb6;font-size:14px;font-weight:800;line-height:1.3;box-shadow:0 4px 12px rgba(23,105,224,.10);transition:background .18s ease,border-color .18s ease,color .18s ease,transform .18s ease}
.public-view .public-back-link i{font-size:13px}
.public-view .public-back-link:hover,.public-view .public-back-link:focus-visible{border-color:#1769e0;background:#1769e0;color:#fff;transform:translateY(-1px);box-shadow:0 6px 16px rgba(23,105,224,.20)}
@media(max-width:720px){.public-view .public-back-link{margin-bottom:12px;padding:10px 13px;font-size:13px}}

/* Shared category colours keep cards, badges, and sidebar navigation in sync. */
:root{--category-environment:#2eaa68;--category-transport:#f08a24;--category-safety:#ef4d55;--category-government:#2f7ee5;--category-energy:#f2b51d;--category-economy:#8b55dc;--category-citizen:#16a9b8}
.city-category-environment,.city-dataset-environment{--category-color:var(--category-environment);--category-soft:#eaf8f0;--category-icon-bg:#d7f1e2}
.city-category-transport,.city-dataset-transport{--category-color:var(--category-transport);--category-soft:#fff4e8;--category-icon-bg:#ffe7cf}
.city-category-safety,.city-dataset-safety{--category-color:var(--category-safety);--category-soft:#fff0f1;--category-icon-bg:#ffdadd}
.city-category-government,.city-dataset-government{--category-color:var(--category-government);--category-soft:#edf4ff;--category-icon-bg:#dceaff}
.city-category-energy,.city-dataset-energy{--category-color:var(--category-energy);--category-soft:#fff9e6;--category-icon-bg:#ffefb8}
.city-category-economy,.city-dataset-economy{--category-color:var(--category-economy);--category-soft:#f5efff;--category-icon-bg:#e8dbff}
.city-category-citizen,.city-dataset-citizen{--category-color:var(--category-citizen);--category-soft:#e9f9fb;--category-icon-bg:#d2f0f3}
.city-category-environment,.city-category-transport,.city-category-safety,.city-category-government,.city-category-energy,.city-category-economy,.city-category-citizen{border-left:4px solid var(--category-color);background:var(--category-soft)}
.city-category-environment .city-category-icon,.city-category-transport .city-category-icon,.city-category-safety .city-category-icon,.city-category-government .city-category-icon,.city-category-energy .city-category-icon,.city-category-economy .city-category-icon,.city-category-citizen .city-category-icon{background:var(--category-icon-bg);color:var(--category-color)}
.city-category-environment .city-category-arrow,.city-category-transport .city-category-arrow,.city-category-safety .city-category-arrow,.city-category-government .city-category-arrow,.city-category-energy .city-category-arrow,.city-category-economy .city-category-arrow,.city-category-citizen .city-category-arrow{color:var(--category-color)}
.city-dataset-environment,.city-dataset-transport,.city-dataset-safety,.city-dataset-government,.city-dataset-energy,.city-dataset-economy,.city-dataset-citizen{border-top-color:var(--category-color);background:var(--category-soft)}
.city-dataset-environment .city-dataset-icon,.city-dataset-transport .city-dataset-icon,.city-dataset-safety .city-dataset-icon,.city-dataset-government .city-dataset-icon,.city-dataset-energy .city-dataset-icon,.city-dataset-economy .city-dataset-icon,.city-dataset-citizen .city-dataset-icon{background:var(--category-icon-bg);border-color:transparent;color:var(--category-color)}
.city-dataset-icon-image{width:27px;height:27px;object-fit:contain}
.public-sidebar a.public-nav-category-environment i{color:var(--category-environment)}
.public-sidebar a.public-nav-category-transport i{color:var(--category-transport)}
.public-sidebar a.public-nav-category-safety i{color:var(--category-safety)}
.public-sidebar a.public-nav-category-government i{color:var(--category-government)}
.public-sidebar a.public-nav-category-energy i{color:var(--category-energy)}
.public-sidebar a.public-nav-category-economy i{color:var(--category-economy)}
.public-sidebar a.public-nav-category-citizen i{color:var(--category-citizen)}
.public-sidebar a.public-nav-category-environment{--category-color:var(--category-environment)}
.public-sidebar a.public-nav-category-transport{--category-color:var(--category-transport)}
.public-sidebar a.public-nav-category-safety{--category-color:var(--category-safety)}
.public-sidebar a.public-nav-category-government{--category-color:var(--category-government)}
.public-sidebar a.public-nav-category-energy{--category-color:var(--category-energy)}
.public-sidebar a.public-nav-category-economy{--category-color:var(--category-economy)}
.public-sidebar a.public-nav-category-citizen{--category-color:var(--category-citizen)}
.public-sidebar a.public-nav-category-environment b{background:var(--category-environment)}
.public-sidebar a.public-nav-category-transport b{background:var(--category-transport)}
.public-sidebar a.public-nav-category-safety b{background:var(--category-safety)}
.public-sidebar a.public-nav-category-government b{background:var(--category-government)}
.public-sidebar a.public-nav-category-energy b{background:var(--category-energy)}
.public-sidebar a.public-nav-category-economy b{background:var(--category-economy)}
.public-sidebar a.public-nav-category-citizen b{background:var(--category-citizen)}
.public-sidebar a.public-nav-category.router-link-active i{color:var(--category-color,#1769e0)}
.public-sidebar a.public-nav-category.router-link-active b{color:#fff}

/* Brighter pastel palette for homepage information cards. */
.city-home .city-info-detail-card,
.city-home .city-info-basic-copy,
.city-home .city-info-basic-directions,
.city-home .city-info-basic-population,
.city-home .city-info-list-card,
.city-home .city-info-topic,
.city-home .city-dataset{background:#dff0ff;border-color:#b8daf5}
.city-home .city-info-detail-card::before,
.city-home .city-info-basic-copy::before,
.city-home .city-info-basic-directions::before,
.city-home .city-info-basic-population::before,
.city-home .city-info-list-card::before,
.city-home .city-info-topic::before,
.city-home .city-dataset::before{opacity:.14}
.city-home .city-info-detail-card::after,
.city-home .city-info-basic-copy::after,
.city-home .city-info-basic-directions::after,
.city-home .city-info-basic-population::after,
.city-home .city-info-list-card::after,
.city-home .city-info-topic::after,
.city-home .city-dataset::after{opacity:.16}
.city-home .city-info-detail-card:nth-child(1){--card-accent:#2586e6;background:#dff0ff;border-color:#b8daf5}
.city-home .city-info-detail-card:nth-child(2){--card-accent:#12a8ad;background:#d9f6f5;border-color:#a9e3e2}
.city-home .city-info-detail-card:nth-child(3){--card-accent:#7b59df;background:#e9e1ff;border-color:#cfc0f4}
.city-home .city-info-basic-copy{--card-accent:#2586e6;background:#dff0ff!important;border-color:#b8daf5}
.city-home .city-info-basic-directions{--card-accent:#12a8ad;background:#d9f6f5;border-color:#a9e3e2}
.city-home .city-info-basic-population{--card-accent:#277fdf;background:#dcecff;border-color:#b5d5f3}
.city-home .city-info-list-card:nth-child(1){--card-accent:#3286da;background:#dff0ff;border-color:#b8daf5}
.city-home .city-info-list-card:nth-child(2){--card-accent:#18a2a6;background:#d9f6f5;border-color:#a9e3e2}
.city-home .city-info-topic:nth-child(1){--card-accent:#287fda;background:#dff0ff;border-color:#b8daf5}
.city-home .city-info-topic:nth-child(2){--card-accent:#e2a500;background:#fff0bf;border-color:#f0d77c}
.city-home .city-info-topic:nth-child(3){--card-accent:#16a2a7;background:#d9f6f5;border-color:#a9e3e2}
.city-home .city-info-topic:nth-child(4){--card-accent:#7b59d9;background:#e9e1ff;border-color:#cfc0f4}
.city-home .city-dataset{--card-accent:#2388d6;background:#dff0ff;border-color:#b8daf5}
.city-home .city-dataset-environment{--card-accent:#20a866;background:#d9f3e1;border-color:#a9dfc1}
.city-home .city-dataset-transport{--card-accent:#f58220;background:#ffe6cb;border-color:#f2c590}
.city-home .city-dataset-safety{--card-accent:#ef4050;background:#ffdfe3;border-color:#f3b3bd}
.city-home .city-dataset-government{--card-accent:#2c78df;background:#dfeaff;border-color:#b6cef3}
.city-home .city-dataset-energy{--card-accent:#e6a900;background:#fff0b8;border-color:#efd26c}
.city-home .city-dataset-economy{--card-accent:#8254e8;background:#e6dcff;border-color:#c9b8f4}
.city-home .city-dataset-citizen{--card-accent:#0fa5b7;background:#d5f2f4;border-color:#a6dfe4}
.city-home .city-info-basic-population > .city-population-toggle{position:absolute;z-index:30;top:0;bottom:0;left:0;width:25px;height:auto;padding:0;border-radius:12px 0 0 12px}
.city-home .city-info-basic-population > .city-population-detail{position:absolute;z-index:10;inset:0;width:100%;height:100%;margin:0;padding:20px;overflow:hidden}
.city-home .city-info-profile-stats{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:14px}
.city-home .city-info-profile-stats article>div{display:flex;flex-direction:column;align-items:flex-start}
.city-home .city-info-profile-stats article>div small{order:-1;margin:0 0 5px;color:var(--navy);font-size:15px;font-weight:800;line-height:1.35}
.city-home .city-info-profile-stats article>div strong{order:1;font-size:36px;line-height:1.1}
.city-home .city-info-profile-stats article>div span{order:2;margin:2px 0 0;font-size:14px}
@media(max-width:560px){.city-home .city-info-profile-stats{grid-template-columns:1fr}}
@media(max-width:720px){.city-home .city-info-profile-stats article>div small{font-size:14px}.city-home .city-info-profile-stats article>div strong{font-size:29px}.city-home .city-info-profile-stats article>div span{font-size:13px}}

/* Match Data Catalog icons to the category colours used in the sidebar. */
.public-catalog-list>article.public-catalog-category-environment{--category-color:var(--category-environment);--category-icon-bg:#d7f1e2}
.public-catalog-list>article.public-catalog-category-transport{--category-color:var(--category-transport);--category-icon-bg:#ffe7cf}
.public-catalog-list>article.public-catalog-category-safety{--category-color:var(--category-safety);--category-icon-bg:#ffdadd}
.public-catalog-list>article.public-catalog-category-government{--category-color:var(--category-government);--category-icon-bg:#dceaff}
.public-catalog-list>article.public-catalog-category-energy{--category-color:var(--category-energy);--category-icon-bg:#ffefb8}
.public-catalog-list>article.public-catalog-category-economy{--category-color:var(--category-economy);--category-icon-bg:#e8dbff}
.public-catalog-list>article.public-catalog-category-citizen{--category-color:var(--category-citizen);--category-icon-bg:#d2f0f3}
.public-catalog-list>article>i{background:var(--category-icon-bg,#e5f4fe);color:var(--category-color,var(--blue))}
.public-catalog-card-content{min-width:0}
.public-catalog-title-row{display:flex;align-items:center;gap:9px;flex-wrap:wrap}
.public-catalog-title-row h2{margin:0}
.public-catalog-source{display:inline-flex;align-items:center;padding:3px 8px;border-radius:999px;background:#eaf3ff;color:#2366b4;font-size:10px;font-weight:800}
.public-catalog-source.is-external{background:#fff2df;color:#9b5b13}
.public-catalog-meta{display:flex;gap:7px 13px;flex-wrap:wrap;margin-top:8px;color:#587891;font-size:11px}
.public-catalog-meta span:first-child{font-weight:700;color:var(--category-color,var(--blue-deep))}
.public-catalog-details{margin-top:12px;border-top:1px solid var(--line)}
.public-catalog-details summary{display:flex;align-items:center;gap:7px;padding:10px 0 2px;color:var(--blue-deep);font-size:12px;font-weight:700;cursor:pointer;list-style:none}
.public-catalog-details summary::-webkit-details-marker{display:none}
.public-catalog-details summary>span{margin-left:auto;color:var(--muted);font-size:11px;font-weight:500}
.public-catalog-fields{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:8px;margin-top:10px}
.public-catalog-fields-note{grid-column:1/-1;margin:0;color:var(--muted);font-size:11px}
.public-catalog-field{min-width:0;padding:10px 11px;border:1px solid var(--line);border-radius:10px;background:#f8fbfe}
.public-catalog-fields article{display:block;grid-template-columns:none;gap:0;align-items:initial;padding:10px 11px;border-radius:10px}
.public-catalog-field-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}
.public-catalog-field-heading b{color:var(--navy);font-size:12px}
.public-catalog-field-heading span{flex:none;padding:2px 6px;border-radius:999px;background:#e5f4fe;color:var(--blue-deep);font-size:10px}
.public-catalog-field code{display:inline-block;margin-top:4px;color:#55738d;font-size:10px;overflow-wrap:anywhere}
.public-catalog-field p{margin:6px 0 0;color:#526c82;font-size:11px;line-height:1.5}
.public-catalog-field small{display:block;margin-top:5px;color:#587891;font-size:10px;line-height:1.5}
.public-catalog-no-fields{margin:10px 0 0;color:var(--muted);font-size:12px}
.public-catalog-open-link{display:inline-flex;align-items:center;gap:6px;align-self:center;padding:8px 10px;border:1px solid #b9d9ee;border-radius:9px;color:var(--blue-deep);font-size:11px;font-weight:700}
.public-catalog-actions{display:grid;gap:7px;min-width:136px;align-self:center}
.public-catalog-actions .public-catalog-open-link{justify-content:center;white-space:nowrap}
.public-catalog-actions .public-catalog-print-button{display:inline-flex;align-items:center;justify-content:center;gap:6px;white-space:nowrap}
.public-open-data-card.is-target-dataset{scroll-margin-top:100px;border-color:#1769e0;box-shadow:0 0 0 4px rgba(23,105,224,.16),var(--shadow)}
@media(max-width:700px){.public-catalog-actions{grid-column:2;justify-self:start}}

.public-catalog-print-document{display:none}
@media print{
  @page{margin:14mm}
  html,body,#cdp-public-app{min-height:0!important;background:#fff!important}
  body.printing-catalog .public-topbar,body.printing-catalog .public-sidebar,body.printing-catalog .public-footer,body.printing-catalog .public-menu-backdrop{display:none!important}
  body.printing-catalog .public-app-shell{display:block!important;min-height:0!important;padding:0!important}
  body.printing-catalog .public-main{display:block!important;width:100%!important;margin:0!important;padding:0!important}
  body.printing-catalog .public-data-catalog{display:block!important;width:100%!important;max-width:none!important;margin:0!important}
  body.printing-catalog .public-data-catalog>.public-page-head,body.printing-catalog .public-data-catalog>.public-panel{display:none!important}
  body.printing-catalog .public-catalog-print-document{display:block!important;color:#17324f;font-family:'Noto Sans Thai Looped',sans-serif;font-size:11pt;line-height:1.55}
  .public-catalog-print-head{padding-bottom:12px;border-bottom:2px solid #1769e0}
  .public-catalog-print-head p{margin:0;color:#1769e0;font-size:9pt;font-weight:800;letter-spacing:.08em}
  .public-catalog-print-head h1{margin:5px 0 0;color:#0b2341;font-size:21pt}
  .public-catalog-print-head small{color:#607b91;font-size:9pt}
  .public-catalog-print-document>h2{margin:18px 0 5px;color:#0b2341;font-size:17pt}
  .public-catalog-print-document>h2 span{display:inline-block;margin-left:5px;padding:2px 7px;border-radius:99px;background:#eaf6ff;color:#1769b6;font-size:8pt;vertical-align:middle}
  .public-catalog-print-description{margin:0 0 12px;color:#49677f}
  .public-catalog-print-meta{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:12px 0 20px}
  .public-catalog-print-meta>div{padding:8px 10px;border:1px solid #dce8f2;border-radius:6px;break-inside:avoid}
  .public-catalog-print-meta dt{color:#6c8197;font-size:8pt}
  .public-catalog-print-meta dd{margin:2px 0 0;font-weight:700;overflow-wrap:anywhere}
  .public-catalog-print-document>h3{margin:18px 0 8px;color:#0d4fb6;font-size:13pt}
  .public-catalog-print-fields{width:100%;border-collapse:collapse;table-layout:fixed;font-size:9pt}
  .public-catalog-print-fields th,.public-catalog-print-fields td{padding:7px 8px;border:1px solid #cbd9e4;text-align:left;vertical-align:top;overflow-wrap:anywhere}
  .public-catalog-print-fields th{background:#eef6fd;color:#17324f;font-weight:800}
  .public-catalog-print-fields th:nth-child(1){width:16%}
  .public-catalog-print-fields th:nth-child(2){width:14%}
  .public-catalog-print-fields th:nth-child(3){width:18%}
  .public-catalog-print-fields th:nth-child(4){width:30%}
  .public-catalog-print-fields th:nth-child(5){width:22%}
  .public-catalog-print-fields tr{break-inside:avoid}
  .public-catalog-print-fields code{font-size:8pt}
  .public-catalog-print-empty{color:#6c8197}
  .public-catalog-print-document>footer{margin-top:18px;padding-top:8px;border-top:1px solid #dce8f2;color:#6c8197;font-size:8pt;text-align:right}
}
@media(max-width:720px){.public-sidebar{z-index:600}.public-menu-backdrop{z-index:599}}
.public-layer-sheet-handle{display:none}
.public-dashboard-filter-panel-tools{display:flex;align-items:center;gap:6px;flex:none}
.public-dashboard-filter-done{display:none}

@media(max-width:720px){
  .public-map-view{position:fixed;z-index:1;inset:66px 0 0;max-width:none;margin:0;padding:8px}
  .public-map-view>.public-page-head{display:none}
  .public-map-view>.public-map-panel{height:100%;min-height:0;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}
  .public-map-panel>.public-map-wrap{height:100%;min-height:0;border-radius:12px}
  .public-map-panel .public-map{height:100%;min-height:0;border-radius:12px}
  .public-map-panel .public-map-note{display:none}
  .public-layer-panel{top:auto;right:8px;bottom:8px;left:8px;width:auto;max-height:min(58dvh,520px);display:flex;flex-direction:column;padding:10px 14px;border-radius:16px;transform:translateY(calc(100% + 18px))}
  .public-layer-panel.is-open{transform:translateY(0)}
  .public-layer-groups{flex:1;min-height:0;max-height:none;overflow-y:auto}
  .public-layer-sheet-handle{display:flex;align-items:center;justify-content:center;flex:none;width:100%;height:20px;margin:-4px 0 4px;padding:0;border:0;background:transparent;cursor:pointer}
  .public-layer-sheet-handle span{display:block;width:38px;height:4px;border-radius:99px;background:#a8bdcc}
  .public-layer-panel.is-minimized{max-height:none}
  .public-layer-panel.is-minimized .public-layer-search,.public-layer-panel.is-minimized .public-layer-actions,.public-layer-panel.is-minimized .public-layer-groups{display:none}
}

@media(max-width:720px){
  .public-dashboard-map-wrap .public-dashboard-map-filter-panel{top:auto;right:8px;bottom:8px;left:8px;width:auto;max-height:min(62%,58dvh,520px);display:flex;flex-direction:column;transform:translateY(calc(100% + 18px))}
  .public-dashboard-map-wrap .public-dashboard-map-filter-panel.is-open{transform:translateY(0)}
  .public-dashboard-map-filter-panel .public-layer-panel-head,.public-dashboard-map-filter-panel .public-layer-actions{flex:none}
  .public-dashboard-map-filter-panel .public-layer-groups{flex:1;min-height:0;max-height:none;overflow-y:auto}
  .public-dashboard-filter-done{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:34px;padding:0 10px;border:1px solid #cfe3f1;border-radius:9px;background:#eef7ff;color:#1769b6;font-size:12px;font-weight:800;white-space:nowrap;cursor:pointer}
}

@media(max-width:720px){
  .public-dashboard-map-wrap,.public-dashboard-map{height:clamp(420px,65dvh,620px);min-height:clamp(420px,65dvh,620px)}
  .public-dashboard-map-filter-trigger{width:auto;max-width:calc(100% - 64px);justify-content:center}
}

/* Keep the homepage dataset cards compact while preserving readable content. */
.city-home .city-dataset{padding:14px 16px 0}
.city-home .city-dataset-top{margin-bottom:10px}
.city-home .city-dataset-icon{width:36px;height:36px}
.city-home .city-dataset h3{font-size:18px;line-height:1.4;margin:4px 0 6px}
.city-home .city-dataset>p{display:-webkit-box;min-height:0;margin:0 0 12px;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;line-height:1.65}
.city-home .city-dataset footer{padding:8px 0}
.city-home .city-dataset button{min-height:26px}
@media(max-width:540px){
  .city-home .city-dataset{padding:14px 15px 0}
  .city-home .city-dataset-top{margin-bottom:9px}
  .city-home .city-dataset>p{-webkit-line-clamp:3;line-clamp:3;margin-bottom:10px}
}

.city-home .city-open-banner{position:relative;min-height:0;overflow:hidden;gap:14px;padding:16px 20px;border-color:#c5dfef;border-radius:14px;background:linear-gradient(105deg,#e4f3ff 0%,#f3f9ff 72%,#e7f3ff 100%)}
.city-home .city-open-icon{width:44px;height:44px;background:#d2eaff;color:#1769c5;font-size:18px}
.city-home .city-open-copy{flex:1;min-width:0}
.city-home .city-open-kicker{display:block;margin:0 0 3px;color:#397ba9;font-size:10px;font-weight:800;letter-spacing:.04em}
.city-home .city-open-banner h2{margin:0 0 3px;color:#123e67;font-size:19px;line-height:1.45}
.city-home .city-open-banner p{font-size:12px;line-height:1.6}
.city-home .city-open-banner .city-button-dark{min-height:38px;margin-left:auto;padding:0 14px;border-radius:9px;font-size:12px;white-space:nowrap}
.city-home .city-foundation-section{margin:22px 0 18px}
.city-home .city-foundation-section>h2{margin:0 0 10px;color:var(--navy);font-size:20px;line-height:1.45}
.city-home .city-open-banner h3{margin:0 0 3px;color:#123e67;font-size:19px;line-height:1.45}
@media(max-width:900px){.city-home .city-open-banner{gap:12px;padding:15px}.city-home .city-open-banner .city-button-dark{margin-left:auto}}
@media(max-width:540px){.city-home .city-foundation-section{margin:18px 0 15px}.city-home .city-foundation-section>h2{font-size:18px;margin-bottom:8px}.city-home .city-open-banner{align-items:flex-start;flex-wrap:wrap;padding:15px}.city-home .city-open-icon{width:40px;height:40px}.city-home .city-open-copy{flex-basis:calc(100% - 56px)}.city-home .city-open-banner h3{font-size:17px}.city-home .city-open-banner p{font-size:11px}.city-home .city-open-banner .city-button-dark{width:100%;margin:0}}

/* Let dataset cards follow their content instead of stretching to fill each row. */
.city-home .city-dataset{align-self:start;padding:11px 14px 0}
.city-home .city-dataset-top{margin-bottom:6px}
.city-home .city-dataset-icon{width:32px;height:32px}
.city-home .city-dataset-icon-image{width:24px;height:24px}
.city-home .city-dataset h3{font-size:17px;line-height:1.35;margin:3px 0 4px}
.city-home .city-dataset>p{margin:0 0 7px;line-height:1.5}
.city-home .city-dataset footer{margin-top:0;padding:6px 0}
.city-home .city-dataset button{min-height:24px}
@media(max-width:540px){
  .city-home .city-dataset{padding:12px 13px 0}
  .city-home .city-dataset-icon{width:32px;height:32px}
  .city-home .city-dataset h3{font-size:17px}
  .city-home .city-dataset>p{font-size:12px;line-height:1.5;margin-bottom:7px}
}
.city-home .city-data-badge.is-external{color:#8c5a11;background:#fff1d5}
.city-home .city-data-badge.is-external>span{background:#e5a11b}
.city-home .city-dataset footer>a{display:flex;align-items:center;gap:8px;min-height:24px;color:var(--blue);font-size:10px;font-weight:700;text-decoration:none;white-space:nowrap}
.city-home .city-dataset footer>a:hover{text-decoration:underline}
@media(max-width:540px){.city-home .city-dataset footer>a{font-size:11px}}
.city-home .city-dataset-dashboard-link{display:grid;place-items:center;width:26px;height:24px;color:var(--blue);font-size:13px}
.city-home .city-dataset[role=link]{cursor:pointer}
.city-home .city-dataset[role=link]:focus-visible{outline:3px solid rgba(23,105,224,.35);outline-offset:3px}