/* ============================================================
   Market Data — State Edition commentary, status map, price bands
   ============================================================ */
.sp-head{padding-bottom:22px;border-bottom:1px solid var(--line)}
.sp-title{font-size:clamp(22px,2.6vw,30px);line-height:1.22;margin-top:10px;max-width:34ch}

@media(max-width:760px){ .sp-title{max-width:none} }

/* the legend's count and label ran together ("52active") */
.map-legend .k span{display:inline-flex;gap:5px;align-items:baseline}
.map-legend .k span b{font-variant-numeric:tabular-nums}
.bottom-line p{max-width:78ch}

/* pricing prose, where a state has too few listings for a band chart */
.price-prose{background:#fff;border:1px solid var(--line);border-radius:var(--radius);
  padding:22px 24px;margin-bottom:8px}
.price-prose p{font-size:15.5px;line-height:1.7;color:var(--charcoal)}

/* state listings rail — the way back to the marketplace */
.sl-block{margin-top:52px;padding-top:36px;border-top:1px solid var(--line)}
.sl-head{display:flex;justify-content:space-between;align-items:flex-end;gap:22px;
  flex-wrap:wrap;margin-bottom:22px}
.sl-head h2{font-size:24px}
.sl-head p{color:var(--gray);font-size:14.5px;margin-top:6px}
.sl-rail{display:flex;gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;
  padding:4px 4px 18px;scrollbar-width:thin}
.sl-rail::-webkit-scrollbar{height:7px}
.sl-rail::-webkit-scrollbar-thumb{background:var(--silver);border-radius:4px}
.sl-rail .mp-card{flex:0 0 292px;scroll-snap-align:start}
@media(max-width:560px){.sl-rail .mp-card{flex-basis:248px}}

/* state carousel — empty state (no featured listings in that state) */
.sl-empty .sl-head{align-items:center;background:var(--light);border:1px solid var(--line);
  border-radius:12px;padding:22px 24px}
.sl-empty .sl-head p{max-width:52ch}
@media(max-width:640px){.sl-empty .sl-head{flex-direction:column;align-items:flex-start}}

/* ---- the read: overview paragraph beside the map ---- */
.sp-summary{background:var(--white);border:1px solid var(--line);border-radius:12px;
  padding:18px 20px;margin-top:14px}
.sp-summary h3{font-size:12px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;
  color:var(--orange);margin-bottom:8px}
.sp-summary p{font-size:14.5px;line-height:1.62;color:var(--charcoal)}
.sp-h{font-size:24px;margin:38px 0 4px}

/* ---- one rail: featured cards and anonymised inventory together ---- */
.sl-rail .inv-card{flex:0 0 232px;scroll-snap-align:start;min-height:196px}
.sl-rail{align-items:stretch}
.sl-more{flex:0 0 156px;scroll-snap-align:start;display:flex;flex-direction:column;
  align-items:center;justify-content:center;gap:4px;text-decoration:none;
  background:var(--light);border:1px dashed var(--silver);border-radius:12px;
  font-weight:800;font-size:19px;color:var(--ink)}
.sl-more span{font-size:12.5px;font-weight:700;color:var(--orange-d)}
.sl-more:hover{border-color:var(--orange);background:#fff}
@media(max-width:560px){.sl-rail .inv-card{flex-basis:212px}}