/* Layout: OERLK-style editorial dashboard. White page, cabernet section labels,
   KPI strip, espresso table headers, inline SVG charts. Single light look by design. */
:root{
  --cab:#670038; --esp:#2A2223; --earth:#72595E; --dove:#AA979C; --blush:#C299AF; --rose:#ECE3E5; --pearl:#F5F1F2;
  --ink:#2A2223; --muted:#72595E; --soft:#9A898D; --line:#E4DADD; --bg:#FFFFFF;
  --display:"Marcellus", Georgia, "Times New Roman", serif;
  --body:"Manrope", "Helvetica Neue", Arial, sans-serif;
  color-scheme: light;
}
*{box-sizing:border-box}
html,body{margin:0;background:var(--bg);color:var(--ink)}
body{font-family:var(--body);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased}
.wrap{max-width:1240px;margin:0 auto;padding-inline:clamp(16px,3vw,36px);padding-block:0 40px}
a{color:var(--cab)}
.num{font-variant-numeric:tabular-nums}

/* header */
.hdr{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;flex-wrap:wrap;padding-block:30px 26px;border-bottom:1px solid var(--line)}
.hdr .logo{height:15px;width:auto;display:block;margin-bottom:20px;max-width:100%}
.hdr h1{font-family:var(--display);font-weight:400;font-size:clamp(28px,4vw,40px);line-height:1.1;margin:0 0 6px;text-wrap:balance}
.hdr h1 em{font-style:italic;color:var(--earth)}
.hdr .sub{color:var(--muted);font-size:14px;margin:0;letter-spacing:.01em}
.hdr .right{text-align:right;font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--earth);line-height:1.8}
.hdr .right b{color:var(--cab);font-weight:700}
.badge{display:inline-block;margin-top:10px;font-size:10px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;padding:5px 10px;border:1px solid var(--cab);color:var(--cab);border-radius:2px}
.badge.public{border-color:var(--dove);color:var(--earth)}

/* KPI strip */
.kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));border:1px solid var(--line);margin-block:28px}
.kpi{padding:18px 18px 16px;border-right:1px solid var(--line);min-width:0}
.kpi:last-child{border-right:0}
.kpi .l{font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--earth);margin-bottom:8px}
.kpi .v{font-family:var(--display);font-size:30px;line-height:1.1;color:var(--cab)}
.kpi .s{font-size:12px;color:var(--muted);margin-top:6px}
@media (max-width:700px){ .kpi{border-right:0;border-bottom:1px solid var(--line)} .kpi:last-child{border-bottom:0} }

/* sections */
.sec{padding-block:30px;border-top:1px solid var(--line)}
.sec-h{display:flex;justify-content:space-between;align-items:baseline;gap:16px;flex-wrap:wrap;margin-bottom:18px}
.sec-h h2{margin:0;font-size:12px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:var(--cab)}
.sec-h .src{font-size:11.5px;color:var(--soft)}
.grid2{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);gap:24px}
.grid-eq{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px}
@media (max-width:900px){ .grid2{grid-template-columns:1fr} }
.card{border:1px solid var(--line);padding:20px;min-width:0}
.card h3{margin:0 0 14px;font-size:11px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--earth)}
.read{background:var(--pearl);border-left:3px solid var(--cab);padding:18px 22px;margin-bottom:6px}
.read h3{margin:0 0 6px;font-size:10.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--cab)}
.read p{margin:0;font-size:15px;line-height:1.65;color:var(--ink);max-width:80ch}
.note{font-size:11.5px;color:var(--soft);margin-top:10px}
.legend{display:flex;gap:16px;flex-wrap:wrap;font-size:11.5px;color:var(--muted);margin:0 0 8px}
.legend i{display:inline-block;width:10px;height:10px;margin-right:6px;vertical-align:-1px}

/* tables */
.tw{overflow-x:auto;-webkit-overflow-scrolling:touch}
table.t{width:100%;border-collapse:collapse;font-size:13px;min-width:560px}
table.t th{background:var(--esp);color:#fff;font-size:10.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;padding:12px 14px;text-align:right;white-space:nowrap}
table.t th:first-child,table.t td:first-child{text-align:left}
table.t td{padding:11px 14px;border-bottom:1px solid var(--line);text-align:right;font-variant-numeric:tabular-nums}
table.t td.l{text-align:left}
table.t.small{min-width:0;font-size:12.5px}
table.t.small th,table.t.small td{padding:9px 10px}
.card.pr{margin-bottom:16px}
.card.pr .grid2{align-items:start;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr)}
table.t.small td:first-child{white-space:nowrap}
@media (max-width:900px){.card.pr .grid2{grid-template-columns:1fr}}
table.t tr.mmr td{background:#FBF4F7}
table.t tr.mmr td.brk{color:var(--cab);font-weight:700}
table.t td.em{color:var(--cab);font-weight:700}
table.t td.type{font-size:10.5px;font-weight:700;letter-spacing:.14em;color:var(--earth);text-transform:uppercase}
table.t tr.hide{display:none}
.pill{display:inline-block;font-size:10.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;padding:4px 9px;border-radius:2px;white-space:nowrap}
.pill.available{background:var(--rose);color:var(--cab)}
.pill.pending{background:#FDF3E1;color:#8A5A00}
.pill.uc{background:#EEF1EE;color:#3F5A47}
.dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:6px;vertical-align:0}
.bar{display:inline-block;height:5px;background:var(--rose);width:70px;vertical-align:middle;margin-left:8px;position:relative}
.bar i{position:absolute;left:0;top:0;bottom:0;background:var(--cab)}

/* filters */
.filters{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:14px 0}
.filters .lab{font-size:11px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--earth);margin-right:4px}
.fbtn{font:inherit;font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;padding:8px 16px;border:1px solid var(--line);background:#fff;color:var(--earth);cursor:pointer}
.fbtn[aria-pressed="true"]{background:var(--cab);border-color:var(--cab);color:#fff}
.fbtn:focus-visible{outline:2px solid var(--cab);outline-offset:2px}
.more{margin-top:12px}

/* compare rows */
.cmp{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:0;border:1px solid var(--line)}
.cmp > div{padding:16px 18px;border-right:1px solid var(--line)}
.cmp > div:last-child{border-right:0}
.cmp .l{font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--earth)}
.cmp .row{display:flex;justify-content:space-between;align-items:baseline;margin-top:8px;gap:10px}
.cmp .row span{font-size:12px;color:var(--muted)}
.cmp .row b{font-family:var(--display);font-weight:400;font-size:22px;color:var(--ink)}
.cmp .row b.us{color:var(--cab)}

/* footer */
.foot{border-top:1px solid var(--line);padding-top:22px;margin-top:10px;font-size:11px;color:var(--soft);line-height:1.7}
.foot p{margin:0 0 8px;max-width:110ch}
.empty{color:var(--soft);font-size:13px;padding:10px 0}

@media print{
  .filters,.more{display:none!important}
  table.t tr.hide{display:table-row}
  .sec{break-inside:avoid-page}
  *{-webkit-print-color-adjust:exact;print-color-adjust:exact}
}
@media (prefers-reduced-motion:reduce){ *{transition:none!important} }

/* Links back to the brokerage website */
.cta{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;border:1px solid var(--rose,#ECE3E5);background:#fff;padding:16px 20px;margin:14px 0 6px}
.cta.slim{margin-top:28px;background:var(--pearl)}
.cta-t b{display:block;font-family:"Marcellus",serif;font-weight:400;font-size:19px;color:var(--ink)}
.cta-t span{font-size:13.5px;color:#72595E}
.cta-btns{display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.cta-btn{display:inline-block;background:var(--cab);color:#fff;text-decoration:none;font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;padding:12px 18px;border-radius:2px}
.cta-btn:hover{background:#4f002b}
.cta-link{color:var(--cab);font-size:13.5px;font-weight:600}
@media print{.cta{display:none}}