/* [7.74] THE BOARD WEARS THE WALL (owner, 2 Oct 2026). The member's WOD card, the room and
   the Whiteboard tab take the gym screen's look (cast.css .cstw-*): white board, faint 2px
   rules, Anton titles, Barlow Condensed 800 movements in #111, every rep scheme in blue Mono,
   grey Mono for the small print, the cap circled in red pen, a black band where the tray was.
   Scoped to the member's board screens (.m-body.wbs) — the coach's Cast stage is untouched. */
.m-body.wbs{--wl-ink:#111;--wl-mute:#5C5C5C;--wl-rule:#E4E4E4;--wl-blue:#075DC6;--wl-red:#E31B23;--wl-redt:#A3131A;--wl-an:Anton,Impact,sans-serif;--wl-m:"JetBrains Mono",monospace;--wl-c:"Barlow Condensed",sans-serif;}

/* the board */
.m-body.wbs .wb-board{background:#fff;border:1px solid #D6D6D6;border-radius:8px;box-shadow:none;color:var(--wl-ink);}
.m-body.wbs .wb-board::before{background:linear-gradient(var(--wl-rule) 1px,transparent 1px) 0 0/100% 32px;opacity:.55;}
.m-body.wbs .wb-bd{padding:16px 16px 18px;}
.m-body.wbs .wb-tray{height:6px;background:var(--wl-ink);border:0;}
.m-body.wbs .wb-tray::after{display:none;}
.m-body.wbs .wb-ghost{display:none;}

/* header row + title */
.m-body.wbs .wb-bhead{font:600 10.5px/1.2 var(--wl-m);letter-spacing:.12em;color:var(--wl-mute);}
.m-body.wbs .wb-btitle,.m-body.wbs .wb-btitle.big{font:400 34px/1.02 var(--wl-an);letter-spacing:.02em;text-transform:uppercase;color:var(--wl-ink)!important;}
.m-body.wbs .wb-jt{transform:none;border:2px solid var(--wl-blue)!important;color:var(--wl-blue)!important;border-radius:4px;font:700 10.5px/1 var(--wl-m);letter-spacing:.14em;padding:5px 7px;}
.m-body.wbs .wb-jt.test{border-color:var(--wl-red)!important;color:var(--wl-redt)!important;}
.m-body.wbs .wb-named{font:800 18px/1.05 var(--wl-c);color:var(--wl-mute);}
.m-body.wbs .wb-bjob{font:400 13px/1.45 Inter,sans-serif;color:var(--wl-mute);}
.m-body.wbs .wb-rule{height:3px;background:var(--wl-ink);opacity:1;transform:none;margin:12px 0 13px;}
.m-body.wbs .wb-rule.thin{height:1px;background:var(--wl-rule);}
.m-body.wbs .wb-stamp{transform:none;border-radius:4px;border-width:2px;font:700 10.5px/1 var(--wl-m);letter-spacing:.14em;padding:5px 7px;}

/* the piece header: a black tag chip, the name, the score line in grey Mono */
.m-body.wbs .sp-ph{font:600 10px/1 var(--wl-m);color:var(--wl-mute);align-items:center;}
.m-body.wbs .sp-ph .tg{font:700 12px/1 var(--wl-m);background:var(--wl-ink);color:#fff;border-radius:4px;padding:4px 6px;letter-spacing:0;}
.m-body.wbs .sp-ph .nm{font:800 16px/1 var(--wl-c);letter-spacing:.04em;color:var(--wl-ink);}
.m-body.wbs .sp-when{border:0;padding:0;font:600 10px/1 var(--wl-m);letter-spacing:.12em;color:var(--wl-mute);}

/* the workout as written — rep column blue Mono, movements Barlow 800 ink */
.m-body.wbs .wb-seg{font:600 9.5px/1 var(--wl-m);color:var(--wl-mute);}
.m-body.wbs .wb-lead{font:800 19px/1.15 var(--wl-c);letter-spacing:.03em;color:var(--wl-ink);margin:12px 0 4px;}
.m-body.wbs .wb-lead:first-child{margin-top:0;}
.m-body.wbs .wb-lead b{font:700 1.02em/1 var(--wl-m);letter-spacing:-.02em;color:var(--wl-blue);}
.m-body.wbs .wb-mv{grid-template-columns:minmax(52px,auto) 1fr;column-gap:12px;font:800 22px/1.18 var(--wl-c);letter-spacing:.02em;color:var(--wl-ink);padding:2px 0;}
.m-body.wbs .wb-mv .r{font:700 16px/1.2 var(--wl-m);letter-spacing:-.02em;color:var(--wl-blue);white-space:nowrap;}
.m-body.wbs .wb-mv .d{font:500 11px/1.2 var(--wl-m);color:var(--wl-mute);letter-spacing:.02em;}

/* the cap: circled in the red pen, the way it is on the wall */
.m-body.wbs .wb-cap{margin-top:16px;align-items:center;gap:12px;}
.m-body.wbs .wb-cap b{position:relative;display:inline-block;padding:.2em .55em;font:700 22px/1 var(--wl-m);color:var(--wl-ink);}
.m-body.wbs .wb-cap b::after{content:"";position:absolute;inset:-.3em -.2em;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 80' preserveAspectRatio='none'%3E%3Cpath d='M34 11C86 1 172 5 191 31C206 57 148 77 88 74C33 71 5 57 9 35C12 19 42 9 76 7' fill='none' stroke='%23E31B23' stroke-width='5' stroke-linecap='round'/%3E%3C/svg%3E") center/100% 100% no-repeat;pointer-events:none;}
.m-body.wbs .wb-cap span{font:600 10.5px/1 var(--wl-m);letter-spacing:.14em;color:var(--wl-mute);}
.m-body.wbs .wb-derive{font:600 10px/1.3 var(--wl-m);letter-spacing:.1em;color:var(--wl-mute);}
.m-body.wbs .wb-notes div{font:400 13px/1.45 Inter,sans-serif;color:var(--wl-mute);}
.m-body.wbs .wb-notes div::before{color:var(--wl-blue);}
.m-body.wbs .wb-bench{border:0;border-top:1px solid var(--wl-rule);border-bottom:1px solid var(--wl-rule);padding:10px 0;}
.m-body.wbs .wb-bench .k{font:700 10px/1 var(--wl-m);letter-spacing:.14em;color:var(--wl-redt);}
.m-body.wbs .wb-bench .v{font:800 19px/1 var(--wl-c);color:var(--wl-ink);}
.m-body.wbs .wb-bench .s{font:500 10.5px/1 var(--wl-m);color:var(--wl-mute);}
.m-body.wbs .wb-scrib,.m-body.wbs .wb-scrib.soft{font:400 12px/1.45 Inter,sans-serif;color:var(--wl-mute);transform:none;margin-top:12px;}

/* the member's own score on the card */
.m-body.wbs .sp-mine{border-top:3px solid var(--wl-ink);align-items:center;}
.m-body.wbs .sp-mine .k{font:600 9.5px/1 var(--wl-m);color:var(--wl-mute);}
.m-body.wbs .sp-mine .v{font:700 30px/1 var(--wl-m);letter-spacing:-.02em;color:var(--wl-blue);margin-top:5px;}
.m-body.wbs .sp-mine .rx{border-radius:4px;border:2px solid var(--wl-ink);color:var(--wl-ink);font:700 10.5px/1 var(--wl-m);letter-spacing:.12em;padding:5px 7px;}

/* the room — a ruled table, names in Barlow, numbers in Mono */
.m-body.wbs .sp-gh{border-bottom:3px solid var(--wl-ink);}
.m-body.wbs .sp-gh .nm{font:600 9px/1.2 var(--wl-m);color:var(--wl-mute);}
.m-body.wbs .sp-gh .nm b{font:800 15px/1.1 var(--wl-c);color:var(--wl-ink);}
.m-body.wbs .sp-gh button.h{font:600 9px/1 var(--wl-m);color:var(--wl-mute);}
.m-body.wbs .sp-gh button.h b{font:800 17px/1 var(--wl-c);color:var(--wl-ink);}
.m-body.wbs .sp-gh .h.lead,.m-body.wbs .sp-gh .h.lead b,.m-body.wbs .sp-gh button.h:hover b{color:var(--wl-blue);}
.m-body.wbs .sp-gh .h i.wod{font:700 8px/1 var(--wl-m);color:var(--wl-blue);}
.m-body.wbs .sp-gsep{border-bottom:1px solid var(--wl-rule);font:600 9px/1 var(--wl-m);color:var(--wl-mute);padding:8px 0 5px;}
.m-body.wbs .sp-gr{border-bottom:1px solid var(--wl-rule);padding:8px 0;}
.m-body.wbs .sp-gr .nm{font:800 18px/1 var(--wl-c);color:var(--wl-ink);}
.m-body.wbs .sp-gr .nm i{font:600 10px/1 var(--wl-m);color:var(--wl-mute);}
.m-body.wbs .sp-gr .nm u{font:600 8.5px/1 var(--wl-m);color:var(--wl-mute);}
.m-body.wbs .sp-gr .v{font:700 15px/1 var(--wl-m);letter-spacing:-.02em;color:var(--wl-ink);}
.m-body.wbs .sp-gr .v i{font:500 8px/1 var(--wl-m);color:var(--wl-mute);}
.m-body.wbs .sp-gr .v.dim{color:#8E8E8E;font-size:14px;}
.m-body.wbs .sp-gr .v.no{color:#C9C9C9;}
.m-body.wbs .sp-gr .v.top{color:var(--wl-blue);}
.m-body.wbs .sp-gr .v.capd{color:var(--wl-redt);}
.m-body.wbs .sp-gr.me{background:#EEF4FC;box-shadow:inset 3px 0 0 var(--wl-blue);}
.m-body.wbs .sp-gr.me .nm,.m-body.wbs .sp-gr.me .nm i{color:var(--wl-blue);}
.m-body.wbs .wb-res{border-bottom:1px solid var(--wl-rule);}
.m-body.wbs .wb-res .nm{font:800 18px/1 var(--wl-c);color:var(--wl-ink);}
.m-body.wbs .wb-res .sc{font:700 16px/1 var(--wl-m);color:var(--wl-ink);}
.m-body.wbs .wb-res.me{background:#EEF4FC;}
.m-body.wbs .wb-res.me .nm,.m-body.wbs .wb-res.me .sc{color:var(--wl-blue);}

/* around the board: the identity line, the eyebrows, the rail, the chips */
.m-body.wbs .sp-idt b{font:400 26px/1 var(--wl-an);letter-spacing:.02em;color:var(--wl-ink);}
.m-body.wbs .sp-idt span{font:600 10px/1 var(--wl-m);color:var(--wl-mute);}
.m-body.wbs .sp-idt i{border-radius:4px;font:700 10px/1 var(--wl-m);letter-spacing:.12em;padding:5px 7px;}
.m-body.wbs .wb-eyeb,.m-body.wbs .cv-dh{font:600 10px/1 var(--wl-m);color:var(--wl-mute);}
.m-body.wbs .wb-eyeb::after,.m-body.wbs .cv-dh::after{background:var(--wl-rule);}
.m-body.wbs .wb-rail{border-radius:8px;border-color:#E4E4E4;}
.m-body.wbs .wb-rail-h .lb{font:400 17px/1 var(--wl-an);letter-spacing:.04em;color:var(--wl-ink);}
.m-body.wbs .wb-rail-h .lb span{font:500 10px/1 var(--wl-m);color:var(--wl-mute);}
.m-body.wbs .wb-nav{border-radius:6px;}
.m-body.wbs .wb-day{border-radius:6px;border-color:#E4E4E4;}
.m-body.wbs .wb-day .dd{font:600 9px/1 var(--wl-m);color:var(--wl-mute);}
.m-body.wbs .wb-day .dn{font:700 15px/1 var(--wl-m);color:var(--wl-ink);}
.m-body.wbs .wb-day.on{background:var(--wl-blue);border-color:var(--wl-blue);}
.m-body.wbs .wb-day.on .dd,.m-body.wbs .wb-day.on .dn{color:#fff;}
.m-body.wbs .wb-day.none .dn{color:#C9C9C9;}
.m-body.wbs .wb-filt{border-radius:8px;border-color:#E4E4E4;}
.m-body.wbs .wb-filt .fl{font:600 9px/1 var(--wl-m);color:var(--wl-mute);}
.m-body.wbs .wb-slot{border-radius:6px;font:800 13px/1 var(--wl-c);}
.m-body.wbs .wb-slot .c{font:600 9.5px/1 var(--wl-m);}
.m-body.wbs .wb-slot.on{background:var(--wl-ink);border-color:var(--wl-ink);color:#fff;}
.m-body.wbs .rm-tab{border-radius:6px;font:800 13px/1 var(--wl-c);color:var(--wl-mute);}
.m-body.wbs .rm-tab.on{background:var(--wl-ink);border-color:var(--wl-ink);color:#fff;box-shadow:none;}
.m-body.wbs .rm-pips i.on{background:var(--wl-ink);}
.m-body.wbs .cv-strip,.m-body.wbs .cv-stripedit,.m-body.wbs .cv-clear{border-radius:8px;border-color:#E4E4E4;}
.m-body.wbs .cv-strip .tg{font:700 12px/1 var(--wl-m);background:var(--wl-ink);color:#fff;border-radius:4px;padding:4px 0;text-align:center;flex-basis:22px;}
.m-body.wbs .cv-strip .lb{font:800 15px/1.1 var(--wl-c);color:var(--wl-ink);}
.m-body.wbs .cv-strip .lb span{font:500 9px/1 var(--wl-m);color:var(--wl-mute);}
.m-body.wbs .cv-strip .vl{font:700 18px/1 var(--wl-m);letter-spacing:-.02em;color:var(--wl-blue);}
.m-body.wbs .cv-bdg{border-radius:4px;font:700 9.5px/1 var(--wl-m);padding:4px 6px;}
.m-body.wbs .wb-cta{border-radius:8px;}

/* [7.77] a logged session on the rail is green — the same green as a logged meal */
.m-body.wbs .wb-day .dt{height:7px;gap:3px;justify-content:center;}
.m-body.wbs .wb-day .dt i.lg,.m-body.wbs .wb-day .dt i.un{width:7px;height:7px;border-radius:50%;}
.m-body.wbs .wb-day .dt i.lg{background:#138A4E;}
.m-body.wbs .wb-day .dt i.un{background:transparent;box-shadow:inset 0 0 0 1.5px currentColor;}
.m-body.wbs .wb-day.on .dt i.lg{background:#7EE2AE;}
.m-body.wbs .wb-day.on .dt i.un{background:transparent;color:rgba(255,255,255,.85)!important;}