.city-demographic-panel{background:#fff;border:1px solid var(--line);border-radius:16px;padding:20px;min-width:0}.city-demographic-panel .panel-top{display:flex;justify-content:flex-end;color:var(--muted);font-size:11px}.city-demographic-panel time{font-variant-numeric:tabular-nums}.city-demographic-panel .population-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:20px;margin:12px 0 20px}.city-demographic-panel h2{font-size:17px;margin:0 0 8px;font-weight:500;color:var(--ink)}.city-demographic-panel .population-value{font-size:clamp(40px,4.6vw,64px);font-weight:750;color:var(--ink);letter-spacing:-1.8px;line-height:1.15;white-space:nowrap;font-variant-numeric:tabular-nums}.city-demographic-panel .population-value span,.city-demographic-panel .sex-value span,.city-demographic-panel .flow-value span{display:inline-block;white-space:pre}.city-demographic-panel .sex-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;align-content:center}.city-demographic-panel .sex-card{min-width:0;border-left:1px solid var(--line);padding-left:14px}.city-demographic-panel .sex-label{line-height:1.4}.city-demographic-panel .sex-value{white-space:nowrap;letter-spacing:-.5px;margin:7px 0}.city-demographic-panel .flow-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.city-demographic-panel .flow-card{min-width:0;background:#f7f9fd;border-radius:10px;padding:12px}.city-demographic-panel .flow-card h3{display:flex;gap:6px;margin:0 0 10px}.city-demographic-panel .flow-card h3 span{color:var(--blue)}.city-demographic-panel .flow-pair{display:grid;grid-template-columns:1fr 1fr;gap:12px}.city-demographic-panel .flow-pair>div{min-width:0}.city-demographic-panel .flow-period{font-size:12px;font-weight:500;color:var(--ink)}.city-demographic-panel .flow-value{line-height:1.3;letter-spacing:-.5px;margin-top:3px;font-variant-numeric:tabular-nums;white-space:nowrap}.city-demographic-panel .sex-label,.city-demographic-panel .flow-card h3{font-size:15px;font-weight:600;color:var(--ink);line-height:1.4}.city-demographic-panel .sex-value,.city-demographic-panel .flow-value{font-size:27px;font-weight:650;color:#000;font-variant-numeric:tabular-nums;font-family:inherit}.city-demographic-panel .source-link{display:inline-block;font-size:12px;line-height:1.55;color:var(--blue);font-weight:600;margin-top:14px}.city-demographic-panel .source-link:focus-visible{outline:2px solid var(--blue);outline-offset:3px}@media(max-width:900px){.city-demographic-panel .population-grid{grid-template-columns:1fr}.city-demographic-panel .sex-grid{max-width:460px}.city-demographic-panel .sex-card{border-left:0;padding:0}.city-demographic-panel .population-value{font-size:60px}}@media(max-width:600px){.city-demographic-panel{padding:14px 12px;border-radius:12px}.city-demographic-panel .panel-top{font-size:10px}.city-demographic-panel .population-grid{gap:16px;margin:12px 0 16px}.city-demographic-panel .population-value{font-size:clamp(30px,10.5vw,48px);letter-spacing:-1px}.city-demographic-panel h2{font-size:15px}.city-demographic-panel .sex-grid{gap:12px}.city-demographic-panel .flow-grid{grid-template-columns:1fr;gap:8px}.city-demographic-panel .flow-card{padding:10px 12px}.city-demographic-panel .flow-card h3{margin-bottom:6px}.city-demographic-panel .sex-label,.city-demographic-panel .flow-card h3{font-size:13px}.city-demographic-panel .sex-value,.city-demographic-panel .flow-value{font-size:22px}.city-demographic-panel .flow-period{font-size:11px}}@media(prefers-reduced-motion:reduce){.city-demographic-panel span{animation:none!important;transition:none!important}}.city-resource-rows[data-astro-cid-teplrm2b]{margin-top:16px;min-width:0}.resource-label[data-astro-cid-teplrm2b]{color:var(--ink);text-decoration:none}.resource-unit[data-astro-cid-teplrm2b]{font-size:12px;font-weight:500;color:var(--ink);line-height:1.4;white-space:nowrap}.resource-value[data-astro-cid-teplrm2b]{white-space:normal}.resource-label[data-astro-cid-teplrm2b]:hover{color:var(--blue)}.resource-label[data-astro-cid-teplrm2b]:focus-visible{outline:2px solid var(--blue);outline-offset:3px}@media(max-width:600px){.resource-pair[data-astro-cid-teplrm2b]{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.resource-pair[data-astro-cid-teplrm2b]>div[data-astro-cid-teplrm2b]{container-type:inline-size}.resource-value[data-astro-cid-teplrm2b]{font-size:clamp(16px,13cqi,22px)}}
