/* blb-realestate-page.css — page-specific extras for realestate.html.
   Builds on the design system; uses existing CSS vars, no hardcoded theme. */

/* --- Distress / list-type chips --- */
.re-chip-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px;}
.re-chip{
  display:inline-flex;align-items:center;gap:8px;
  padding:8px 14px;border-radius:999px;
  border:1px solid var(--blb-sovereign-dim,rgba(201,169,97,.3));
  background:rgba(201,169,97,.06);
  font-size:13px;letter-spacing:.03em;color:var(--blb-text-dim);
}
.re-chip strong{color:var(--blb-sovereign);font-weight:600;}
.re-chip--have{border-color:rgba(201,169,97,.55);background:rgba(201,169,97,.12);}
.re-chip--have strong{color:var(--blb-sovereign);}
.re-chip i{
  width:6px;height:6px;border-radius:50%;background:var(--blb-text-mute);
  display:inline-block;
}
.re-chip--have i{background:var(--blb-sovereign);box-shadow:0 0 8px var(--blb-sovereign);}

/* --- Deal calculator card (illustrative, labeled as such) --- */
.re-calc{
  display:grid;grid-template-columns:1fr 1fr;gap:24px;
  margin-top:28px;
}
.re-calc-panel{
  border:1px solid var(--blb-line,rgba(255,255,255,.08));
  border-radius:16px;padding:24px;
  background:linear-gradient(160deg,rgba(255,255,255,.02),rgba(0,0,0,.18));
}
.re-calc-panel h3{margin:0 0 16px;font-size:15px;letter-spacing:.08em;text-transform:uppercase;color:var(--blb-text-dim);}
.re-calc-row{
  display:flex;justify-content:space-between;align-items:baseline;
  padding:11px 0;border-bottom:1px solid rgba(255,255,255,.05);
  font-size:14px;
}
.re-calc-row:last-child{border-bottom:none;}
.re-calc-row span{color:var(--blb-text-mute);}
.re-calc-row strong{color:var(--blb-text);font-variant-numeric:tabular-nums;font-weight:600;}
.re-calc-row--out{
  margin-top:6px;padding-top:16px;border-top:1px solid var(--blb-sovereign-dim,rgba(201,169,97,.3));
  border-bottom:none;
}
.re-calc-row--out span{color:var(--blb-sovereign);text-transform:uppercase;letter-spacing:.06em;font-size:12px;}
.re-calc-row--out strong{color:var(--blb-sovereign);font-size:22px;}
.re-calc-note{
  margin-top:14px;font-size:12px;line-height:1.6;color:var(--blb-text-mute);
}

/* --- Workflow / data-pipeline row --- */
.re-flow{
  display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:28px;
}
.re-flow-step{
  position:relative;border:1px solid var(--blb-line,rgba(255,255,255,.08));
  border-radius:14px;padding:20px;background:rgba(255,255,255,.015);
}
.re-flow-step .re-flow-num{
  font-size:12px;letter-spacing:.12em;color:var(--blb-sovereign);font-weight:600;
}
.re-flow-step h4{margin:10px 0 8px;font-size:16px;color:var(--blb-text);}
.re-flow-step p{margin:0;font-size:13px;line-height:1.6;color:var(--blb-text-mute);}
.re-flow-step::after{
  content:"→";position:absolute;right:-12px;top:50%;transform:translateY(-50%);
  color:var(--blb-sovereign-dim,rgba(201,169,97,.4));font-size:16px;
}
.re-flow-step:last-child::after{display:none;}

/* --- County/coverage source ledger --- */
.re-sources{
  display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:24px;
}
.re-source{
  border:1px solid var(--blb-line,rgba(255,255,255,.08));
  border-radius:12px;padding:16px 18px;background:rgba(0,0,0,.15);
}
.re-source-label{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--blb-text-mute);}
.re-source-name{margin-top:6px;font-size:15px;color:var(--blb-text);font-weight:600;}
.re-source-note{margin-top:4px;font-size:12px;color:var(--blb-text-mute);line-height:1.5;}

@media (max-width:860px){
  .re-calc{grid-template-columns:1fr;}
  .re-flow{grid-template-columns:1fr 1fr;}
  .re-flow-step::after{display:none;}
  .re-sources{grid-template-columns:1fr;}
}
@media (max-width:520px){
  .re-flow{grid-template-columns:1fr;}
}