/* Functional pattern keys: the chart never depends on hue alone. */
.dollar-bar>span{position:relative;box-shadow:inset -1px 0 #fff;display:flex;align-items:center;justify-content:center}
.dollar-bar b{font-size:14px;line-height:22px;min-width:22px;text-align:center;background:#12333c;color:#fff;font-weight:700}
.cent-row{grid-template-columns:26px minmax(0,1fr) minmax(105px,auto)}
.cent-swatch{width:26px;height:26px;color:white;font-size:13px;text-align:center;line-height:26px;font-weight:700;text-shadow:0 1px 2px #000}
.cent-swatch b{display:inline-block;font-size:12px;line-height:18px;width:18px;background:#12333c;color:white;text-shadow:none}
.dollar-bar b{font-size:12px;line-height:18px;min-width:18px}
.legacy-anchor{position:absolute;width:0;height:0;overflow:hidden}
.dollar-tone-0{background:#005a85!important}
.dollar-tone-1{background:repeating-linear-gradient(135deg,transparent 0 4px,#fff5 4px 6px),#905000!important}
.dollar-tone-2{background:radial-gradient(#fff7 1px,transparent 1.5px) 0 0/7px 7px,#00685c!important}
.dollar-tone-3{background:repeating-linear-gradient(0deg,transparent 0 5px,#fff5 5px 7px),#68438d!important}
.dollar-tone-4{background:repeating-linear-gradient(45deg,transparent 0 7px,#fff5 7px 9px),repeating-linear-gradient(135deg,transparent 0 7px,#fff5 7px 9px),#45515e!important}
.dollar-tone-5{background:repeating-linear-gradient(90deg,transparent 0 7px,#fff5 7px 9px),#00685c!important}
.dollar-tone-6{background:repeating-linear-gradient(135deg,transparent 0 9px,#fff6 9px 12px),#68438d!important}
.pattern-note{font-size:12px;color:#425a60;margin:10px 0 4px}.mast nav{display:flex;gap:20px}.research-links{grid-column:1/-1;display:flex;gap:16px 24px;flex-wrap:wrap;padding:20px 6%;font-size:13px;border-top:1px solid var(--line)}
.legacy-headline{font-size:36px}.mast .prototype{font-size:10px}
#money h2,#money.district-one h2,.district-one #money h2{display:flex;align-items:baseline;gap:14px;font-size:32px;letter-spacing:-1px;line-height:1.1;white-space:nowrap}
#money h2 .dollar-anchor{font-size:104px;line-height:1;letter-spacing:-5px;color:var(--petrol);font-weight:700}
#money .section-head{align-items:center}
#money .section-head>.period{margin-top:12px}
#money .takeaway[hidden]{display:none}
.dollar-intro{font-size:19px;line-height:1.4;margin:18px 0 10px;max-width:650px}
.dollar-story .dollar-scope{font-size:13px;margin:0 0 20px;max-width:620px}
.dollar-metadata{margin:12px 0 8px}.dollar-metadata .period{text-align:left;margin:0 0 5px}.dollar-metadata .dollar-scope{margin:0;max-width:650px}
#money .dollar-intro{margin-bottom:16px}
@media(max-width:650px){#money h2,.district-one #money h2{font-size:24px;gap:9px;letter-spacing:-.7px}#money h2 .dollar-anchor{font-size:72px;letter-spacing:-3px}.dollar-intro{font-size:17px;margin-top:16px}.dollar-story .dollar-scope{font-size:12px;line-height:1.5}}
@media(min-width:651px) and (max-width:1100px){#money h2,.district-one #money h2{font-size:27px;gap:10px}#money h2 .dollar-anchor{font-size:84px}}
@media(max-width:650px){.cent-row{grid-template-columns:26px minmax(0,1fr) 92px;gap:8px}.mast{height:auto;min-height:70px;flex-wrap:wrap;gap:10px;padding:14px 24px}.mast nav{gap:16px;font-size:11px}.research-links{padding:20px 24px}.cent-label{font-size:14px}}
@media(forced-colors:active){.dollar-bar>span{border:1px solid CanvasText;forced-color-adjust:auto}.cent-swatch,.dollar-bar b{background:Canvas!important;color:CanvasText!important;border:1px solid CanvasText;text-shadow:none}}
@media(forced-colors:active){.cent-swatch b{background:Canvas;color:CanvasText}}

@media(max-width:360px){#money h2,.district-one #money h2{flex-wrap:wrap;white-space:normal}}

#money h2,.district-one #money h2{display:block;white-space:normal;font-size:28px;line-height:1.2}

/* Make the district choice the guide's clear starting point. */
.district-picker{padding:26px 6%;gap:32px;border-bottom:3px solid var(--teal);background:#e5ece7;align-items:center}
.district-picker>div{display:flex;flex-direction:column;align-items:stretch;gap:8px;flex:0 1 360px;min-width:0}
.district-picker .picker-kicker{font-size:11px;font-weight:700;letter-spacing:1.5px;margin:0;color:var(--petrol)}
.district-picker label{font-size:24px;line-height:1.25;font-weight:700}
.district-picker select{width:100%;min-width:0;min-height:56px;padding:12px 42px 12px 16px;border:2px solid var(--petrol);background:#fff;font-size:22px;font-weight:600}
.district-picker #district-picker-help{font-size:14px;line-height:1.6;max-width:570px;margin:0}
.district-picker #district-picker-help strong{font-size:17px}
@media(max-width:650px){.district-picker{display:block;padding:24px}.district-picker>div{gap:10px}.district-picker #district-picker-help{margin-top:16px}.district-picker label{font-size:24px}.district-picker select{font-size:22px;min-height:56px}}

.debt-figure{margin:24px 0 0}.debt-figure figcaption{font-weight:700;font-size:16px;margin-bottom:12px}.debt-figure .debt-composition{gap:0;background:#e0e5e3;height:28px}.debt-figure .debt-composition>span{flex-shrink:0}.premium-fill{background:#4c796e}.debt-figure .debt-key{flex-wrap:wrap;justify-content:flex-start;gap:18px 36px}.debt-figure .debt-key p{flex:1 1 220px;font-size:14px}.debt-swatch{width:12px;height:12px;flex:0 0 12px;margin-top:4px}.debt-figure .debt-key strong{font-size:22px}.debt-figure .micro{margin-top:16px}