/* assets/b5-pages.css — the batch 5 pages (what's working, the deal room, the zoom, the target mix, abroad), on the plat
   map at night (assets/plat.css, docs/DESIGN.md). Tokens only: spruce ground, warm paper for reading, coral for a lit
   signal, gold for a top rank, mono for parcel numbers and survey marks. */
.b5{padding-bottom:64px}
.b5-hero{padding:28px 0 18px}
.b5-hero .crumbs{font-family:var(--mono);font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--mist)}
.b5-hero .crumbs a{color:var(--mist)}
.b5-hero h1{font-family:var(--display);font-weight:600;font-size:clamp(34px,5vw,56px);line-height:1.04;letter-spacing:-.02em;margin:10px 0 12px}
.b5-hero .lede{max-width:62ch;color:var(--paper);opacity:.92}
.b5-sheet{background:var(--paper);color:var(--ink);border-radius:3px;padding:clamp(18px,3vw,40px);box-shadow:0 0 0 6px var(--spruce),0 0 0 7px var(--line-strong)}
.b5-sheet a{color:var(--coral-ink)}
.b5-sheet h2,.b5-sheet h3{font-family:var(--display);font-weight:600;color:var(--ink)}
.b5-sheet .fig{color:var(--ink-mute)}
.b5-sheet .fig b{color:var(--ink)}
.b5-note{font-size:14.5px;color:var(--ink-mute);border-top:1px solid var(--paper-line);margin-top:22px;padding-top:12px}
.b5-status{font-family:var(--mono);font-size:13px;color:var(--mist);margin:14px 0}
.b5-status.bad{color:var(--coral)}
.mark-svg{width:26px;height:26px;flex:none}

/* what's working: a survey log, one dated station per day */
.ww-lede{font-size:18px;margin-bottom:18px}
.ww-day{border-left:2px solid var(--paper-line);padding:0 0 18px 18px;margin-left:6px;position:relative}
.ww-day::before{content:"";position:absolute;left:-7px;top:6px;width:12px;height:12px;border-radius:50%;background:var(--paper);border:2px solid var(--ok-ink)}
.ww-day h3{font-size:15px;letter-spacing:.08em;margin:0 0 2px}
.ww-day ul{list-style:none;padding:0;margin:8px 0 0}
.ww-item{display:grid;gap:2px;padding:8px 0;border-bottom:1px solid var(--paper-line)}
.ww-t{font-weight:700}
.ww-n{font-size:13px;color:var(--ok-ink)}
.ww-item.bad .ww-n{color:var(--bad-ink)}
.ww-src{font-size:13.5px;color:var(--ink-mute)}
.ww-stopped::before{border-color:var(--bad-ink)}

/* the deal room */
.room{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:22px}
@media (max-width:900px){.room{grid-template-columns:1fr}}
.room dl{display:grid;grid-template-columns:max-content 1fr;gap:6px 18px;margin:12px 0}
.room dt{font-family:var(--mono);font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-mute)}
.room dd{margin:0}
.room .checks{list-style:none;padding:0;margin:8px 0}
.room .checks li{padding:7px 0;border-bottom:1px solid var(--paper-line);font-size:15px}
.room .checks .src{display:block;font-size:12.5px;color:var(--ink-mute)}
.room .notes{list-style:none;padding:0;margin:10px 0}
.room .notes li{padding:8px 0;border-bottom:1px solid var(--paper-line)}
.room .notes time{font-family:var(--mono);font-size:12px;color:var(--ink-mute);display:block}
.room textarea{width:100%;min-height:96px;font:inherit;border:1px solid var(--paper-line);border-radius:3px;padding:10px;background:var(--paper-2);color:var(--ink)}
.room .key{font-family:var(--mono);color:var(--gold-ink)}

/* the zoom */
.zoom-map{height:min(72vh,680px);border:1px solid var(--line-strong);border-radius:3px;background:var(--spruce-deep)}
.zoom-steps{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0;list-style:none;padding:0}
.zoom-steps li{font-family:var(--mono);font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--mist);border:1px solid var(--line-strong);border-radius:999px;padding:6px 12px}
.zoom-steps li.on{color:var(--spruce-deep);background:var(--gold);border-color:var(--gold)}

/* the target mix: each trade a lot on a plat sheet, sized by its parcels */
.mix-svg{width:100%;height:auto;display:block;background:var(--spruce-raise);border:1px solid var(--line-strong);border-radius:3px}
.mix-legend{list-style:none;padding:0;margin:14px 0 0;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,16rem),1fr));gap:6px 22px}
.mix-legend li{display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid var(--line);padding:6px 0}
.mix-legend .n{font-family:var(--mono)}
.mix-legend .zero{color:var(--mist)}

/* abroad */
.abroad-svg{width:100%;height:auto;display:block;background:var(--spruce-raise);border:1px solid var(--line-strong);border-radius:3px}
.abroad table{width:100%;border-collapse:collapse;font-size:14.5px}
.abroad th,.abroad td{text-align:left;padding:7px 8px;border-bottom:1px solid var(--paper-line);vertical-align:top}
.abroad th{font-family:var(--mono);font-size:11.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-mute)}
.abroad .gloss{font-size:12.5px;color:var(--ink-mute);display:block}
.abroad .raw{font-family:var(--mono);color:var(--gold-ink)}