/* story pages (county/city rankings, price reports, resources): tokens come from style.css and extra.css */
.cmap{display:block;width:100%;height:auto;max-width:720px;margin:0 auto}
.cmap a{cursor:pointer}
.cmap path{stroke:var(--bg);stroke-width:.6;fill:var(--track)}
.cmap path:hover,.cmap a:focus-visible path{stroke:var(--ink);stroke-width:1.6}
.cmap .q1{fill:var(--s1);fill-opacity:.16}.cmap .q2{fill:var(--s1);fill-opacity:.38}.cmap .q3{fill:var(--s1);fill-opacity:.6}.cmap .q4{fill:var(--s1);fill-opacity:.8}.cmap .q5{fill:var(--s1)}
.cmap .qn,.cmap .qx{fill:var(--track);fill-opacity:1}
.cleg i.q1{opacity:.16}.cleg i.q2{opacity:.38}.cleg i.q3{opacity:.6}.cleg i.q4{opacity:.8}
.tw.tall{max-height:560px;overflow:auto}
.tw.tall thead th{position:sticky;top:0;background:var(--bg2);z-index:1}
.cmapw select,.cpick select,.cstate select,.rcalc select,.ystate select{min-width:min(100%,280px)}
.cs-out table{margin-top:8px}
.rfilter input{font:inherit;padding:9px 12px;border:1px solid var(--ctl);border-radius:var(--r-ctl);background:var(--bg);color:var(--ink);min-height:44px;width:min(100%,360px)}
.xtiles li[hidden]{display:none}
.rcalc .xrow input[type=number]{width:9em}
.tout li{display:flex;flex-wrap:wrap;justify-content:space-between;gap:4px 16px}
@media (max-width:720px){.rcalc .xrow input[type=number],.rcalc .xrow select{width:100%}}
.tout{list-style:none;margin:12px 0 0;padding:0;display:grid;gap:6px}
.tout li{padding:8px 12px;border:1px solid var(--line);border-radius:var(--r-bar);background:var(--bg2)}
.xrow{display:flex;flex-wrap:wrap;gap:10px 14px;align-items:center;margin:10px 0}
.xrow label{font-weight:600}
.xrow select{font:inherit;padding:9px 12px;border:1px solid var(--ctl);border-radius:var(--r-ctl);background:var(--bg);color:var(--ink);min-height:44px}
.xrow input[type=number]{font:inherit;padding:9px 12px;border:1px solid var(--ctl);border-radius:var(--r-ctl);background:var(--bg);color:var(--ink);min-height:44px}