/* the census map pages (/{cc}/census, Views/Census) */
.cz { max-width: 1280px; margin: 0 auto; padding: 8px 16px 32px; box-sizing: border-box; }
.cz__head h1 { margin: 4px 0 8px; }
.cz__lede { max-width: 860px; font-size: var(--fs-md, 17px); line-height: 1.5; color: var(--ink-2, #3a3f47); margin: 0 0 20px; }
.cz__grid { display: grid; grid-template-columns: minmax(0, 1.6fr) minmax(280px, 1fr); gap: 28px; align-items: start; }
.cz__map { margin: 0; }
.cz__map svg { width: 100%; height: auto; max-height: 78vh; display: block; }
.cz__map path { stroke: #fff; stroke-width: 1; }
.cz__map figcaption { font-size: var(--fs-xs, 13px); color: var(--muted, #5f6670); margin-top: 8px; }
.cz__key { list-style: none; display: flex; flex-wrap: wrap; gap: 6px 14px; padding: 0; margin: 0 0 6px; }
.cz__key li { display: inline-flex; align-items: center; gap: 6px; color: var(--ink, #16181d); }
.cz__key i { width: 14px; height: 14px; display: inline-block; }
.cz__key small { color: var(--muted, #5f6670); }
.cz__cta { margin: 14px 0 0; }
.cz__side h2, .cz__two h2, .cz__more h2 { font-size: var(--fs-lg, 20px); margin: 0 0 10px; }
.cz__side h2 + p { margin-top: -4px; }
.cz__facts { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin: 0 0 20px; }
.cz__facts div { border-top: 3px solid var(--ink, #16181d); padding-top: 6px; }
.cz__facts dt { font: 700 var(--fs-2xs, 11px)/1.2 var(--font-ui, inherit); letter-spacing: .06em; text-transform: uppercase; color: var(--muted, #5f6670); }
.cz__facts dd { margin: 2px 0 0; }
.cz__facts dd b { display: block; font-size: var(--fs-xl, 24px); }
.cz__ends, .cz__t { width: 100%; border-collapse: collapse; font-size: var(--fs-sm, 14px); }
.cz__ends td, .cz__ends th, .cz__t td, .cz__t th { padding: 6px 8px; border-bottom: 1px solid var(--hair, #e3e1db); text-align: left; }
.cz__ends .num, .cz__t .num { text-align: right; font-variant-numeric: tabular-nums; }
.cz__ends tbody tr td:first-child { border-left: 4px solid var(--pc); }
.cz__dot { display: inline-block; width: 9px; height: 9px; border-radius: 50%; margin-right: 6px; vertical-align: 1px; }
.cz__src { color: var(--muted, #5f6670); margin-top: 12px; }
.cz__two { display: grid; grid-template-columns: 1fr 1fr; gap: 28px; margin-top: 32px; }
.cz__all { margin-top: 28px; }
.cz__all summary { cursor: pointer; font-weight: 700; padding: 8px 0; }
.cz__more { margin-top: 32px; }
.cz__more ul, .cz__index { list-style: none; padding: 0; margin: 0; columns: 3 240px; column-gap: 24px; }
.cz__more li, .cz__index li { break-inside: avoid; padding: 4px 0; border-bottom: 1px solid var(--hair, #e3e1db); }
@media (max-width: 900px) { .cz__grid, .cz__two { grid-template-columns: 1fr; } }