/* A12.4.3 – compact city detail only; never remove editorial content. */
.city-detail{padding-top:19px;padding-bottom:24px}
.city-detail .detail-lead{margin:7px 0 13px;line-height:1.65}
.city-detail .detail-tags{margin-bottom:9px;gap:6px}
.city-detail .detail-section{margin-top:14px;padding-top:13px;border-color:color-mix(in srgb,var(--line) 74%,transparent)}
.city-detail .detail-section h3{font-size:14px;margin:0 0 6px;line-height:1.3}
.city-detail .detail-section p{line-height:1.63;font-size:12.5px}
.city-detail .detail-actions{margin-top:16px}
.city-detail .city-date-tags{margin-bottom:10px}
.city-date-advisory{display:flex;align-items:flex-start;gap:7px 13px;flex-wrap:wrap;
 padding:9px 12px;border:1px solid #efd8af;background:#fff9ef;
 border-radius:11px;line-height:1.4;color:#835a24;font-size:11.5px;margin:0 0 9px}
.city-date-advisory-label{display:inline-flex;align-items:center;gap:5px;white-space:nowrap;font-weight:800}
.city-date-advisory-label svg{width:15px;height:15px;flex:none}
.city-date-advisory-text{flex:1;min-width:190px}
.city-date-advisory.uncertain{border-color:#edc9c9;background:#fff4f3;color:#a14648}
.city-date-advisory.foundation{border-color:#cfdbed;background:#f0f5ff;color:#476ca6}
.city-date-advisory.based2026{border-color:#edd8b1;background:#fff8ee;color:#805b27}
.city-population-inline{margin-top:11px!important;padding-top:11px!important}
.city-population-disclosure{border:1px solid var(--line);border-radius:13px;background:var(--surface-soft);overflow:hidden}
.city-population-disclosure .city-population-row{display:flex;gap:15px;align-items:center;justify-content:space-between;min-height:64px;padding:12px 15px;list-style:none;cursor:pointer}
.city-population-disclosure summary::-webkit-details-marker{display:none}
.city-population-disclosure .city-population-row:hover{background:color-mix(in srgb,var(--blue) 5%,var(--surface-soft))}
.city-population-disclosure .city-population-row:focus-visible{outline:3px solid #7facfa;outline-offset:-3px}
.city-population-primary{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 15px;min-width:0;flex:1}
.city-population-label{font-size:12px;font-weight:800;color:var(--ink)}
.city-population-value{display:inline-flex;align-items:baseline;flex-wrap:wrap;gap:5px 10px}
.city-population-value strong{font-weight:800;font-size:21px;letter-spacing:-.025em;line-height:1.15;font-variant-numeric:tabular-nums;color:var(--ink)}
.city-population-value>span{font-size:11.5px;color:var(--muted);font-weight:600}
.city-population-unavailable{font-size:12px;color:var(--muted)}
.city-population-more{display:grid;place-items:center;flex:0 0 28px;width:28px;height:28px;color:var(--blue);border:1px solid #d0dff5;border-radius:50%;background:var(--surface)}
.city-population-disclosure[open] .city-population-more{color:#fff;background:var(--blue);border-color:var(--blue)}
.city-population-explanation{margin:0 15px 13px;padding:11px 1px 0;border-top:1px solid var(--line);display:grid;gap:5px}
.city-population-explanation p{font-size:11.5px!important;line-height:1.55!important;color:var(--muted)!important;margin:0;white-space:normal!important}
.seo-population{margin-top:15px!important;padding-top:14px!important}
.seo-population .city-population-disclosure .city-population-value strong{font-size:21px;color:var(--ink)}
.seo-population .city-population-explanation p{font-size:12px!important}
[data-theme="dark"] .city-date-advisory.uncertain{background:#3c2932;border-color:#674252;color:#ffc0bf}
[data-theme="dark"] .city-date-advisory.based2026{background:#3a3024;border-color:#665135;color:#ffdda6}
[data-theme="dark"] .city-date-advisory.foundation{background:#25364c;border-color:#385b86;color:#b1cfff}
[data-theme="dark"] .city-population-more{border-color:#3e526e;background:#203553}
[data-theme="dark"] .city-population-disclosure[open] .city-population-more{background:#3678d8;border-color:#3678d8}
@media(max-width:650px){
 .city-detail{padding:16px 16px 20px}
 .city-detail .detail-section{margin-top:12px;padding-top:12px}
 .city-detail .detail-section p{font-size:12px;line-height:1.58}
 .city-date-advisory{padding:9px 11px;gap:5px}
 .city-date-advisory-text{min-width:0;flex-basis:100%}
 .city-population-disclosure .city-population-row{min-height:59px;padding:10px 12px}
 .city-population-primary{gap:3px 9px}
 .city-population-value strong{font-size:20px}
 .city-population-value>span{font-size:11px}
 .city-population-explanation{margin-inline:12px}
}