/* UK Housing & cost (app/modules/cost-of-living/uk.php; mocks/uk-cost-exeter.html, approved 10/17). Loads after
   cost-of-living.css (hz-calc) and before uk.css (usf- rules shared with Safety: usf-cmp bars, usf-tick, usf-say,
   usf-fold, usf-dec columns). Core tokens only. */
.usf-cmp.ucs-cmp .brow{grid-template-columns:150px 1fr 64px}
.ucs-cmp .brow .fill{background:var(--accent)}
.ucs-cmp .brow.ucs-st2 .fill{background:#9aa3b2}
.ucs-cmp .brow.ucs-st3 .fill{background:#c3cad3}
/* what sells */
.ucs-mix{display:flex;height:16px;border-radius:6px;overflow:hidden;background:var(--hair);margin-top:4px}
.ucs-mix i{display:block;height:100%}
.ucs-mx0{background:#1f8f55}.ucs-mx1{background:#4fb57d}.ucs-mx2{background:#86cfa5}.ucs-mx3{background:#2f74d0}
.ucs-sw{display:inline-block;width:10px;height:10px;border-radius:3px;vertical-align:0}
.ucs-mixk{margin-top:8px;font-size:12.5px}
/* wards */
.ucs-wt td.ucs-wb{width:28%;min-width:70px}
.ucs-trk{display:block;height:8px;border-radius:4px;background:var(--hair);overflow:hidden}
.ucs-trk i{display:block;height:100%;background:var(--accent);border-radius:4px}
.ucs-wt td,.ucs-wt th{padding-left:12px}
.ucs-wt td:first-child,.ucs-wt th:first-child{padding-left:0}
/* sales a year: the newest year is still being registered */
.ucs-yrs{height:150px;gap:3px}
.ucs-yrs .usf-dc i{border-radius:3px 3px 1px 1px}
.ucs-yrs .usf-dc.ucs-part i{background:repeating-linear-gradient(45deg,var(--bar),var(--bar) 3px,var(--hair) 3px,var(--hair) 6px)}
.ucs-yrs .usf-dc b{font-size:11px;min-height:14px}
/* calculator */
.ucs-ftb{display:flex;gap:8px;align-items:center;font-size:14px;font-weight:600}
.ucs-ftb input{width:18px;height:18px;accent-color:var(--accent)}
/* rent chart: the region's line dashed */
.hz-line.ucs-s2{stroke:#c3cad3;stroke-dasharray:5 4}
.ucs-dash{display:inline-block;width:14px;height:0;border-top:2px dashed #c3cad3;vertical-align:3px;background:none}
/* council tax bands */
.ucs-bt tr.me td{font-weight:700}
.ucs-bt td small{font-weight:400}
/* tenure */
.ucs-ten{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:6px 28px}
.ucs-tg{padding:8px 0;border-bottom:1px solid var(--hair)}
.ucs-tl{font-weight:700;color:var(--ink);font-size:14px;margin-bottom:4px}
.ucs-tg .brow{margin-bottom:2px}
.ucs-tg .brow .l{font-size:12.5px;color:var(--muted)}
.ucs-tg .brow.me .l{color:var(--ink)}
/* neighbours map: median price against the town's */
.ucs-map .nbmap path.ucs-p1,.usf-sq.ucs-p1{fill:#e3f1fb;background:#e3f1fb}
.ucs-map .nbmap path.ucs-p2,.usf-sq.ucs-p2{fill:#b5d7f2;background:#b5d7f2}
.ucs-map .nbmap path.ucs-p3,.usf-sq.ucs-p3{fill:#7fb3e4;background:#7fb3e4}
.ucs-map .nbmap path.ucs-p4,.usf-sq.ucs-p4{fill:#4a8cd0;background:#4a8cd0}
.ucs-map .nbmap path.ucs-p5,.usf-sq.ucs-p5{fill:#1f5fa8;background:#1f5fa8}
.ucs-map .nbmap path.ucs-pn{fill:var(--hair)}
.ucs-map .nbmap path.me{stroke:var(--ink);stroke-width:1.4}
@media (max-width:760px){
  .usf-cmp.ucs-cmp .brow{grid-template-columns:110px 1fr 56px}
  .ucs-yrs{height:110px;gap:1px}
  .ucs-wt th:nth-child(2),.ucs-wt td.ucs-wb{display:none}
}
.ucs-nt td,.ucs-nt th{padding-left:8px;padding-right:0;white-space:nowrap}
.ucs-nt td:first-child,.ucs-nt th:first-child{padding-left:0;white-space:normal}