/* The McKinley Park story: an article on McKinley Park Today's paper, with 538-style figures. */
.story{max-width:720px;margin:34px auto 0}
.story .kicker{color:var(--orange)}
.story h1{font:800 clamp(2rem,5.4vw,3rem)/1.06 var(--display);letter-spacing:-.015em;margin:0 0 14px}
.story h2{font:800 1.5rem/1.15 var(--display);margin:34px 0 10px}
.story .dek{font-size:1.22rem;line-height:1.45;color:var(--ink-2);margin:0 0 14px}
.story .byline{margin:0 0 18px}
.story p{margin:0 0 1em}
.story q{font-style:italic}
.story .sources{font-size:14px;color:var(--muted)}
.fig{margin:26px 0 30px;padding:14px 0 0;border-top:2px solid var(--rule)}
.fig figcaption{font:500 13px/1.45 var(--label);color:var(--muted);margin-top:8px;letter-spacing:.01em}
.map{height:380px;border:1px solid var(--hair);background:var(--paper-2)}
.map .leaflet-tile-pane{filter:grayscale(1) contrast(.9);opacity:.55}
.legend-ramp{display:inline-flex;align-items:center;gap:6px;margin-left:4px}
.legend-ramp i{display:inline-block;width:18px;height:10px}
.bars{display:grid;grid-template-columns:minmax(7.5rem,10rem) 1fr 5.2rem;gap:7px 10px;align-items:center;font:500 14px/1.2 var(--label)}
.bars .nm{color:var(--ink-2)}.bars .nm.me{color:var(--ink);font-weight:600}
.bars .tr{height:18px;background:var(--paper-2);position:relative}
.bars .tr i{position:absolute;left:0;top:0;bottom:0}
.bars .vl{text-align:right;font:600 14px var(--mono);font-variant-numeric:tabular-nums}
.bars .zero{font:600 12px var(--label);color:var(--orange);position:absolute;left:6px;top:2px;letter-spacing:.06em;text-transform:uppercase}
.calc{border:1px solid var(--rule);background:var(--paper-2);padding:16px 18px;margin:6px 0 30px;display:grid;gap:12px}
.calc label{display:grid;gap:4px;font:600 13px/1.2 var(--label);letter-spacing:.04em;color:var(--ink-2)}
.calc .btn{justify-self:start}
#c-out .big{font:600 2.1rem/1 var(--mono);margin:4px 0}
#c-out .row3{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:10px 0}
#c-out .row3 div{border-top:3px solid var(--blue);padding-top:6px}
#c-out .row3 b{display:block;font:600 1.3rem/1.1 var(--mono)}
#c-out .row3 span{font:500 12px/1.3 var(--label);color:var(--muted)}
#c-out .zero{border-left:4px solid var(--orange);padding:6px 12px;background:var(--paper)}
#c-out details{font-size:14.5px;margin-top:8px}#c-out details li{margin:4px 0}
#c-out .err{color:var(--orange)}
.ctas{margin-top:14px}
@media (max-width:560px){#c-out .row3{grid-template-columns:1fr}.bars{grid-template-columns:6.5rem 1fr 4.6rem;font-size:13px}.map{height:300px}}
.chart{width:100%;height:auto;display:block;overflow:visible}
.chart .ax{font:500 11px var(--mono);fill:var(--muted)}
.chart .ann{font:600 11.5px var(--label);fill:var(--ink);letter-spacing:.01em}