/* performance/board/page.css: the bulletin board only. The site has no dark mode; this one band does, on its own tokens
   (docs/site-pages.md). The header and the footer stay as they are. */
.zp-board{
  --bd-bg:#fff;--bd-panel:#fff;--bd-soft:#f6f9f6;--bd-ink:#192741;--bd-ink2:#3e514e;--bd-fine:#5f6d79;--bd-rule:#e5ebe4;--bd-grid:#edf1ee;--bd-band:#f4f6f3;
  --bd-curve:#00836a;--bd-spy:#7a5fc7;--bd-qqq:#c17a12;--bd-mark:#192741;--bd-cal:#a3621a;--bd-on:#e3f2ea;--bd-on-line:#9fcfb8;--bd-on-ink:#16513f;
  --bd-n:#00836a;--bd-m:#7a5fc7;--bd-p:#c17a12;--bd-x:#7f8b93;--bd-cause:#e3f2ea;--bd-cause-ink:#16513f;--bd-part:#fff3dc;--bd-part-ink:#7a5200;--bd-none:#eef1f4;--bd-none-ink:#46525e;--bd-note:#f4f7f2;--bd-note-line:#d6e1d7;
  --zp-link:#0a7a62;--zp-line:var(--bd-rule);--zp-fine:var(--bd-fine);--zp-ink2:var(--bd-ink2);
  background:var(--bd-bg);color:var(--bd-ink)
}
@media (prefers-color-scheme:dark){
  .zp-board{
    color-scheme:dark;
    --bd-bg:#101816;--bd-panel:#16211e;--bd-soft:#1c2925;--bd-ink:#e8efec;--bd-ink2:#c5d2cd;--bd-fine:#9fb0a9;--bd-rule:#2a3834;--bd-grid:#22302b;--bd-band:#1b2824;
    --bd-curve:#1fa88c;--bd-spy:#9079da;--bd-qqq:#c28420;--bd-mark:#e8efec;--bd-cal:#d59a4c;--bd-on:#1d3a30;--bd-on-line:#3d7a63;--bd-on-ink:#c8ecdc;
    --bd-n:#1fa88c;--bd-m:#9079da;--bd-p:#c28420;--bd-x:#8a9a93;--bd-cause:#1d3a30;--bd-cause-ink:#b5e8d2;--bd-part:#3a2f16;--bd-part-ink:#ecd08f;--bd-none:#26322e;--bd-none-ink:#c5d2cd;--bd-note:#1a2622;--bd-note-line:#33443e;
    --zp-link:#5fd0b2
  }
}
.zp-board h1,.zp-board h2,.zp-board h3,.zp-board h4{color:var(--bd-ink)}
.zp-board .zp-head{padding-bottom:22px}
.zp-board .zp-head .eyebrow{color:var(--bd-fine)}
.zp-board .zp-head .zp-lede{color:var(--bd-fine)}
.zp-board .zp-pill{background:var(--bd-panel);color:var(--bd-fine);border-color:var(--bd-rule)}
.zp-board .zp-empty{color:var(--bd-fine)}
.zp-board .zp-note{color:var(--bd-fine)}
.zp-board a{color:var(--zp-link)}
.bd-notice{max-width:650px;margin:0 auto 14px;padding:10px 14px;font-size:13px;line-height:1.55;color:var(--bd-ink2);background:var(--bd-note);border:1px solid var(--bd-note-line);border-radius:10px}

/* the day */
.bd-days{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:6px 10px;margin:0 0 10px}
.bd-days .zp-chips{flex-wrap:wrap;justify-content:center;overflow:visible;margin:0}
.bd-zoom,.bd-presets{display:flex;gap:4px}
.bd-presets[hidden]{display:none}
.bd-zoom button,.bd-presets button{min-width:36px;min-height:32px;padding:0 10px;font:inherit;font-size:12px;font-weight:650;color:var(--bd-ink2);background:var(--bd-panel);border:1px solid var(--bd-rule);border-radius:999px;cursor:pointer}
@media (pointer:coarse){.bd-zoom button,.bd-presets button{min-width:44px;min-height:44px}}
.zp-board .zp-chip{padding-left:12px;background:var(--bd-panel);border-color:var(--bd-rule);color:var(--bd-ink2)}
.zp-board .zp-chip[aria-pressed=true]{background:var(--bd-on);border-color:var(--bd-on-line);color:var(--bd-on-ink)}
.bd-pick{display:none;align-items:center;gap:10px;font-size:13px;font-weight:650;color:var(--bd-ink2)}
.bd-pick select{flex:1;min-width:0;min-height:44px;padding:0 10px;font:inherit;font-weight:600;color:var(--bd-ink);background:var(--bd-panel);border:1px solid var(--bd-rule);border-radius:10px}
.bd-window{font-size:14px;line-height:1.55;font-weight:650;color:var(--bd-ink);margin:0 0 12px;font-variant-numeric:tabular-nums}
.bd-window:empty,.bd-daymoves:empty{display:none}
.bd-story{font-size:13px;line-height:1.6;color:var(--bd-ink);margin:6px 0 0;font-variant-numeric:tabular-nums}
.bd-story:empty{display:none}
.bd-dayline{font-size:12px;line-height:1.55;color:var(--bd-fine);margin:6px 0 0;font-variant-numeric:tabular-nums}
.bd-daymoves{font-size:12px;line-height:1.55;color:var(--bd-fine);margin:0 0 6px;font-variant-numeric:tabular-nums}

/* the chart */
.bd-top{display:grid;grid-template-columns:minmax(0,1fr);gap:18px;margin:0 0 36px}
.bd-panel{min-width:0;background:var(--bd-panel);border:1px solid var(--bd-rule);border-radius:16px;padding:14px 14px 12px}
#bd-chart{position:relative;overflow:hidden;min-height:300px}
.bd-svg{display:block;max-width:100%;touch-action:pan-y;border-radius:6px;user-select:none;-webkit-user-select:none;cursor:grab}
.bd-svg:focus{outline:none}
.bd-svg:focus-visible{outline:2px solid var(--bd-curve);outline-offset:-2px}
.bd-float{position:absolute;z-index:3;box-sizing:border-box;width:340px;max-width:calc(100% - 8px);overflow:auto;padding:12px 14px;background:var(--bd-panel);border:1px solid var(--bd-rule);border-radius:12px;box-shadow:0 8px 24px rgba(16,24,22,.18);pointer-events:none}
.bd-float.is-live{pointer-events:auto}
.bd-float.is-over{overscroll-behavior:contain}
.bd-float .bd-turn{padding:0;border:0;border-radius:0;background:none;box-shadow:none}
.bd-float>.bd-fine{margin:0 0 4px}
.bd-band{fill:var(--bd-band)}
.bd-grid{stroke:var(--bd-grid);stroke-width:1}
.bd-axis{font-size:11px;fill:var(--bd-fine);font-variant-numeric:tabular-nums}
.bd-band-t{font-size:11px;font-weight:600;fill:var(--bd-fine)}
.bd-curve{fill:none;stroke:var(--bd-x);stroke-width:1.75;stroke-linejoin:round;stroke-linecap:round}
.bd-leg{fill:none;stroke-width:2.5;stroke-linejoin:round;stroke-linecap:round}
.bd-leg.is-n{stroke:var(--bd-n)}.bd-leg.is-m{stroke:var(--bd-m)}.bd-leg.is-p{stroke:var(--bd-p)}
.bd-closed{fill:none;stroke:var(--bd-fine);stroke-width:1;stroke-dasharray:1.5 3.5;opacity:.7}
.bd-nodata{fill:var(--bd-rule);opacity:.6}
.bd-dayl{font-size:11px;font-weight:650;fill:var(--bd-ink2)}
.bd-mark{fill:var(--bd-mark);stroke:var(--bd-panel);stroke-width:1.5;stroke-linejoin:round;paint-order:stroke}
.bd-mark.is-minor{fill:var(--bd-fine)}
.bd-mark.is-hollow{fill:var(--bd-panel);stroke:var(--bd-mark);stroke-width:1.75}
.bd-mark.is-on{stroke:var(--bd-curve);stroke-width:2}
.bd-lab{font-size:11px;font-weight:600;fill:var(--bd-ink);font-variant-numeric:tabular-nums;paint-order:stroke;stroke:var(--bd-panel);stroke-width:3px;stroke-linejoin:round}
.bd-cal{stroke:var(--bd-cal);stroke-width:1.25;stroke-dasharray:4 3}
.bd-cursor{stroke:var(--bd-fine);stroke-width:1;stroke-dasharray:3 4}
.bd-point{fill:var(--bd-curve);stroke:var(--bd-panel);stroke-width:2}
.bd-read{min-height:3em;margin:10px 0 0;font-size:13px;line-height:1.55;color:var(--bd-ink);font-variant-numeric:tabular-nums}
.bd-go{margin-left:4px;padding:2px 10px;min-height:28px;font:inherit;font-size:12px;font-weight:650;color:var(--zp-link);background:transparent;border:1px solid var(--bd-rule);border-radius:14px;cursor:pointer}
.bd-legend{display:flex;flex-wrap:wrap;gap:4px 16px;margin:4px 0 0;font-size:12px;color:var(--bd-fine)}
.bd-legend span{display:inline-flex;align-items:center;gap:6px}
.bd-legend-cal i{display:inline-block;height:14px;border-left:1.5px dashed var(--bd-cal)}
.bd-legend-band i{display:inline-block;width:14px;height:14px;background:var(--bd-band);border:1px solid var(--bd-rule);border-radius:2px}
.bd-sw{display:inline-block;width:16px;border-top:2px solid var(--bd-x)}
.bd-sw.is-n{border-top:3px solid var(--bd-n)}.bd-sw.is-m{border-top:3px solid var(--bd-m)}.bd-sw.is-p{border-top:3px solid var(--bd-p)}
.bd-ico{flex:none;fill:var(--bd-mark);vertical-align:-2px}
.bd-ico.is-hollow{fill:none;stroke:var(--bd-mark);stroke-width:1.5}
#bd-notes:not(:empty){margin-top:8px}

/* what the record shows */
.bd-box{background:var(--bd-soft);border:1px solid var(--bd-rule);border-radius:16px;padding:18px 18px 14px;align-self:start}
.bd-box h2{font-size:16px;letter-spacing:-.2px;line-height:1.35;margin:0 0 10px;font-weight:720}
.bd-box ul{list-style:none;margin:0 0 10px;padding:0}
.bd-box li{font-size:13px;line-height:1.6;color:var(--bd-ink2);padding:8px 0;border-top:1px solid var(--bd-rule)}
.bd-box li:first-child{border-top:0;padding-top:0}

/* the cards */
#bd-filter:not(:empty){margin:0 0 12px}
.bd-cards,.bd-cards-in{display:grid;grid-template-columns:minmax(0,1fr);gap:14px;align-items:start}
.bd-smaller{grid-column:1/-1;border-top:1px solid var(--bd-rule);padding-top:12px}
.bd-smaller>summary{cursor:pointer;font-size:14px;font-weight:650;color:var(--bd-ink2);padding:4px 0}
.bd-cards-in{margin-top:12px}
.bd-turn{min-width:0;background:var(--bd-panel);border:1px solid var(--bd-rule);border-radius:14px;padding:16px 18px;scroll-margin-top:96px;outline:none}
.bd-turn.is-current{border-color:var(--bd-curve);box-shadow:0 0 0 1px var(--bd-curve)}
.bd-turn.is-provisional{border-style:dashed;border-color:var(--bd-fine);background:transparent}
.bd-turn header{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:2px 12px;margin:0 0 6px}
.bd-turn h3{display:inline-flex;align-items:center;gap:7px;font-size:13px;font-weight:700;letter-spacing:0;margin:0}
.bd-turn time{font-size:12px;color:var(--bd-fine);font-variant-numeric:tabular-nums}
.bd-price{font-size:20px;font-weight:720;letter-spacing:-.3px;margin:0;font-variant-numeric:tabular-nums}
.bd-price span{font-size:13px;font-weight:600;letter-spacing:0;color:var(--bd-ink2)}
.bd-fine{font-size:12px;line-height:1.55;color:var(--bd-fine);margin:2px 0 0}
.bd-verdicts{display:flex;flex-wrap:wrap;gap:5px 6px;margin:12px 0 0}
.bd-verdict{display:inline-block;font-size:12px;font-weight:700;line-height:1.5;padding:2px 9px;border-radius:7px;margin:0}
.bd-verdict.is-cause_found{background:var(--bd-cause);color:var(--bd-cause-ink)}
.bd-verdict.is-partial{background:var(--bd-part);color:var(--bd-part-ink)}
.bd-verdict.is-no_clear_cause{background:var(--bd-none);color:var(--bd-none-ink)}
p.bd-verdict.is-waiting{display:block;padding:0;margin:12px 0 0;font-weight:650;color:var(--bd-fine)}
.bd-tag{display:inline-block;font-size:12px;font-weight:600;line-height:1.5;padding:2px 9px;border-radius:7px;color:var(--bd-ink2);border:1px solid var(--bd-rule)}
.bd-summary{font-size:14px;line-height:1.6;color:var(--bd-ink);margin:10px 0 0;overflow-wrap:anywhere}
.bd-line{font-size:13px;line-height:1.55;color:var(--bd-ink2);margin:8px 0 0;overflow-wrap:anywhere}
.bd-market{font-size:12px;line-height:1.55;color:var(--bd-fine);margin:10px 0 0;padding-top:9px;border-top:1px solid var(--bd-rule)}
.bd-market b{color:var(--bd-ink2)}
.bd-market.is-next{border-top:0;padding-top:0;margin-top:4px}
.bd-leg{margin:10px 0 0;padding-top:9px;border-top:1px solid var(--bd-rule)}
.bd-leg>h4{font-size:13px;margin:0 0 6px;color:var(--bd-ink2)}
.bd-sources{margin:12px 0 0}
.bd-sources h4{font-size:11px;font-weight:700;letter-spacing:.2px;color:var(--bd-fine);margin:10px 0 4px}
.bd-sources ul{list-style:none;margin:0;padding:0}
.bd-sources li{font-size:12px;line-height:1.5;color:var(--bd-ink2);margin:0 0 7px;overflow-wrap:anywhere}
.bd-sources p{margin:2px 0 0;color:var(--bd-fine)}
.bd-kind{display:inline-block;font-size:10px;font-weight:700;line-height:1.4;padding:0 5px;border-radius:4px;border:1px solid var(--bd-rule);color:var(--bd-ink2)}
.bd-kind.is-sentiment{border-style:dashed}
.bd-when{margin-top:6px}
.bd-method{font-size:13px;line-height:1.65;color:var(--bd-ink2);border-top:1px solid var(--bd-rule);padding:14px 0 0}
.bd-method summary{cursor:pointer;font-weight:650}
.bd-method p{max-width:720px;margin:8px 0 0}

@media (min-width:800px){.bd-cards,.bd-cards-in{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){
  .bd-days .zp-chips{display:none}
  .bd-pick{display:flex;flex:1;min-width:0}
  .bd-days{flex-wrap:nowrap}
  .bd-float{position:static;width:auto;max-width:none;margin:8px 0 0;box-shadow:none;pointer-events:auto}
  #bd-chart>.bd-presets{justify-content:center;margin:8px 0 0}
  .bd-panel{padding:10px 8px 10px;border-radius:12px}
  .bd-read,.bd-legend,#bd-notes,.bd-story,.bd-dayline,.bd-daymoves{padding:0 6px}
    .bd-turn{padding:14px}
}

/* v3: an unexplained turn shown quietly (page.js unexplainedMode: full, quiet or hide; board.json display.unexplained, ?unexplained=) */
.bd-turn.is-quiet{opacity:.86}
.bd-turn.is-quiet .bd-price{font-size:.95em}
.bd-checked>summary{cursor:pointer;color:var(--bd-fine);font-size:.9em;margin-top:.4em}

/* v3 event markers (board-live.js, V3_PLAN 13) */
/* events on: turn marks step back, the selected one stays (V3_PLAN 14) */
.is-evfade .bd-mark{opacity:.55}.is-evfade .bd-mark.is-minor{opacity:.75}
.is-evfade .bd-mark.is-on{opacity:1}
.bd-evlayer{position:absolute;left:0;right:0;height:0;pointer-events:none;z-index:3}
.bd-ev{position:absolute;top:0;width:22px;height:22px;border-radius:50%;border:2px solid var(--bd-ev,#2563eb);background:var(--bd-ev-bg,#fff);pointer-events:auto;cursor:pointer;font:700 11px/18px system-ui,sans-serif;color:var(--bd-ev,#2563eb);padding:0}
.bd-ev.is-many{background:var(--bd-ev,#2563eb);color:#fff}
.bd-evpop{position:absolute;bottom:30px;width:260px;max-height:260px;overflow:auto;background:var(--bd-ev-bg,#fff);border:1px solid var(--bd-ev-line,#9ca3af);border-radius:8px;padding:8px 26px 8px 10px;pointer-events:auto;box-shadow:var(--bd-ev-sh,0 6px 18px rgba(0,0,0,.18));font-size:13px}
.bd-ev-x{all:unset;position:absolute;top:2px;right:6px;cursor:pointer;font-size:18px;line-height:22px;padding:0 4px}.bd-ev-x:focus-visible{outline:2px solid currentColor;outline-offset:1px}
.bd-evpop ul{margin:0;padding:0;list-style:none}.bd-evpop li button,.bd-ev-back{all:unset;cursor:pointer;display:block;padding:4px 0;color:inherit}.bd-evpop li button:hover{text-decoration:underline}
.bd-evpop li button:focus-visible,.bd-ev-back:focus-visible{outline:2px solid currentColor;outline-offset:2px}
@media (pointer:coarse){.bd-ev{width:28px;height:28px;line-height:24px}}
@media (prefers-color-scheme:dark){.bd-evlayer{--bd-ev:#93c5fd;--bd-ev-bg:#111827;--bd-ev-line:#4b5563;--bd-ev-sh:0 6px 18px rgba(0,0,0,.6)}.bd-ev.is-many{color:#111827}}