/* The shared Laventus board (depot59.co.uk/ads/board/). The Shared view of the "Laventus board redesign" canvas:
   colours follow the party in both boards - blue = Laventus (their move here), orange = MB Fibreglass, green =
   sorted. Source: marketing-hub dashboard/agency_shared/. */
:root{
  --ink:#15181E; --ink2:#3D4452; --mut:#5B6472; --line:#E4E7EC; --line2:#D0D5DD;
  --page:#F2F4F7; --card:#FFFFFF; --soft:#F6F7F9; --chip:#F1F3F6; --field:#FAFBFC;
  --us-bg:#EEF3FF; --us-h:#1E3A8A; --us-dot:#2563EB; --us-nbg:#DCE7FF; --us-n:#1E40AF;
  --mb-bg:#FFF4EC; --mb-h:#7C2D12; --mb-dot:#EA580C; --mb-nbg:#FFE2CC; --mb-n:#9A3412;
  --done-bg:#EEF7F1; --done-h:#14532D; --done-dot:#16A34A; --done-nbg:#D3EEDD; --done-n:#166534;
  --ok-bg:#E4F5EB; --ok:#166534; --warn:#9A3412; --bad-bg:#FDECEC; --bad:#B42318;
  --av-lav:#1E40AF; --av-mb:#C2410C; --bar:#2A78D6; --btn:#15181E; --btn-ink:#FFFFFF; --focus:#2563EB;
  --shadow:0 1px 2px rgba(16,24,40,.06),0 1px 3px rgba(16,24,40,.08);
  --display:'Bricolage Grotesque','Figtree',ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;
  color-scheme:light;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--page);color:var(--ink);font-family:'Figtree',ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;font-size:15px;line-height:1.45}
button,input,textarea,select{font-family:inherit;font-size:inherit;color:inherit}
:focus-visible{outline:2px solid var(--focus);outline-offset:2px}
.sb-loading{margin:0;padding:80px 16px;text-align:center;color:var(--mut)}

/* buttons and links */
.sb-btn{font-size:14px;font-weight:700;padding:0 16px;min-height:44px;border-radius:10px;border:1px solid var(--line2);background:var(--card);color:var(--ink);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;line-height:1.2;white-space:nowrap}
.sb-btn:hover{border-color:var(--ink)}
.sb-btn.dark{background:var(--btn);border-color:var(--btn);color:var(--btn-ink)}
.sb-btn.dark:hover{opacity:.88}
.sb-btn.big{min-height:48px;padding:0 18px;font-size:15px;border-radius:12px}
.sb-btn.mid{min-height:44px}
.sb-btn.pill{border-radius:999px;align-self:flex-start;padding:8px 14px;white-space:normal;text-align:left;max-width:100%}
.sb-btn:disabled{opacity:.45;cursor:default}
.sb-btn svg{flex:none}
.sb-link{background:none;border:0;padding:4px 2px;font:inherit;font-size:13px;font-weight:600;color:var(--us-n);cursor:pointer;text-decoration:underline;text-underline-offset:2px}
.sb-link:disabled{opacity:.5;cursor:default}
.sb-link.center{align-self:center}
.sb-link.left{align-self:flex-start}
.sb-err{margin:0;font-size:14px;color:var(--bad);font-weight:600}
.sb-ok{margin:0;font-size:14px;color:var(--ok);font-weight:600;background:var(--ok-bg);border-radius:10px;padding:8px 10px}
.sb-hint,.sb-note,.sb-small{margin:0;font-size:13px;color:var(--mut)}
.sb-check{display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:var(--ink2);cursor:pointer}
.sb-check input{width:18px;height:18px;margin:0;accent-color:var(--btn);cursor:pointer}
.sb-toast{position:fixed;left:16px;bottom:16px;z-index:80;max-width:min(520px,calc(100vw - 32px));margin:0;padding:12px 16px;border-radius:12px;background:var(--btn);color:var(--btn-ink);font-size:14px;font-weight:600;box-shadow:0 8px 24px rgba(16,24,40,.24)}
.sb-toast.bad{background:var(--bad);color:#fff}

/* the brand */
.sb-brand{margin:0;display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 8px}
.sb-brand .a{font-family:var(--display);font-weight:800;font-size:19px;letter-spacing:-.01em}
.sb-brand .and{font-size:14px;color:var(--mut)}
.sb-brand .b{font-family:var(--display);font-weight:600;font-size:19px}
.sb-tag{margin:2px 0 0;font-size:13px;color:var(--mut)}
.sb-brandbox.big{text-align:center}
.sb-brandbox.big .sb-brand{justify-content:center}
.sb-brandbox.big .sb-brand .a,.sb-brandbox.big .sb-brand .b{font-size:23px}

/* sign in, choose a password */
.sb-gate{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px;padding:40px 16px}
.sb-gatecard{width:100%;max-width:400px;background:var(--card);border:1px solid var(--line);border-radius:20px;box-shadow:0 10px 28px rgba(16,24,40,.10);padding:28px 24px;display:flex;flex-direction:column;gap:10px}
.sb-gatecard h1{margin:0 0 4px;font-family:var(--display);font-size:26px;line-height:1.15;font-weight:700}
.sb-gatecard label:not(.sb-check){font-size:13px;font-weight:700;color:var(--ink2);margin-top:4px}
.sb-gatecard input[type=email],.sb-gatecard input[type=password]{width:100%;font-size:16px;padding:11px 13px;min-height:46px;border:1px solid var(--line2);border-radius:12px;background:var(--field)}
.sb-gatecard .sb-check{margin:6px 0 4px}
.sb-gatecard .sb-btn{width:100%;margin-top:4px}

/* the page */
.sb-top{background:var(--card);border-bottom:1px solid var(--line)}
.sb-top-in{max-width:1440px;margin:0 auto;padding:14px 28px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px}
.sb-me{display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px}
.sb-who{display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:600}
.sb-av{width:28px;height:28px;flex:none;border-radius:50%;color:#fff;font-size:12px;font-weight:700;display:inline-flex;align-items:center;justify-content:center}
.sb-av.lav{background:var(--av-lav)}
.sb-av.mbfg{background:var(--av-mb)}
.sb-main{max-width:1440px;margin:0 auto;padding:24px 28px 48px;display:flex;flex-wrap:wrap;gap:24px;align-items:flex-start}
.sb-board{flex:999 1 640px;min-width:0;display:flex;flex-direction:column;gap:18px}
.sb-hello p{margin:0;font-size:13px;color:var(--mut)}
.sb-hello h1{margin:4px 0 0;font-family:var(--display);font-size:34px;line-height:1.1;font-weight:700;letter-spacing:-.01em}

/* Ask MB Fibreglass */
.sb-ask{background:var(--card);border:1px solid var(--line);border-radius:18px;box-shadow:0 1px 2px rgba(16,24,40,.05);padding:16px;display:flex;flex-direction:column;gap:10px}
.sb-ask label{font-size:13px;font-weight:700;color:var(--ink2)}
.sb-row{display:flex;flex-wrap:wrap;gap:10px;align-items:flex-start}
.sb-ask textarea{flex:1 1 320px;min-width:0;font-size:17px;line-height:1.4;padding:11px 14px;border:1px solid var(--line2);border-radius:12px;background:var(--field);min-height:48px;height:48px;resize:none;overflow:hidden}
.sb-ask textarea::placeholder,.sb-reply textarea::placeholder{color:var(--mut)}

/* the three columns */
.sb-cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(270px,100%),1fr));gap:14px;align-items:start}
.sb-col{border-radius:18px;padding:12px;display:flex;flex-direction:column;gap:10px;min-width:0}
.sb-col.yours{background:var(--us-bg)} .sb-col.ours{background:var(--mb-bg)} .sb-col.done{background:var(--done-bg)}
.sb-col-h{display:flex;align-items:center;justify-content:space-between;padding:4px 4px 2px}
.sb-col-h h2{margin:0;font-family:var(--display);font-size:18px;font-weight:700;display:flex;align-items:center;gap:8px}
.sb-col-h .dot{width:10px;height:10px;border-radius:50%}
.sb-col.yours h2{color:var(--us-h)} .sb-col.yours .dot{background:var(--us-dot)}
.sb-col.ours h2{color:var(--mb-h)} .sb-col.ours .dot{background:var(--mb-dot)}
.sb-col.done h2{color:var(--done-h)} .sb-col.done .dot{background:var(--done-dot)}
.sb-count{font-size:13px;font-weight:700;border-radius:999px;padding:2px 10px}
.sb-col.yours .sb-count{background:var(--us-nbg);color:var(--us-n)}
.sb-col.ours .sb-count{background:var(--mb-nbg);color:var(--mb-n)}
.sb-col.done .sb-count{background:var(--done-nbg);color:var(--done-n)}
.sb-empty{margin:0;padding:14px 8px;font-size:14px;color:var(--mut);text-align:center}
.sb-col .sb-link{align-self:flex-start}

/* cards */
.sb-card{position:relative;width:100%;text-align:left;font:inherit;color:var(--ink);background:var(--card);border:0;border-radius:14px;padding:14px;box-shadow:var(--shadow);display:flex;flex-direction:column;gap:10px;cursor:pointer;min-width:0}
.sb-card:hover{box-shadow:0 0 0 1px var(--line2),var(--shadow)}
.sb-card.sel{box-shadow:0 0 0 2px var(--ink)}
.sb-chips{display:flex;flex-wrap:wrap;gap:6px}
.sb-chip{font-size:12px;font-weight:600;color:var(--ink2);background:var(--chip);border-radius:999px;padding:3px 9px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sb-chip.new{color:#fff;background:var(--us-n);font-weight:700}
.sb-title{font-size:16px;font-weight:700;line-height:1.3;overflow-wrap:anywhere}
.sb-meta{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--mut)}
.sb-meta.late{color:var(--warn);font-weight:700}
.sb-meta svg,.sb-seen svg{flex:none}
.sb-seen{display:flex;align-items:center;gap:7px;font-size:13px;font-weight:700;color:var(--ok)}
.sb-snip{display:flex;gap:8px;align-items:flex-start;font-size:14px;background:var(--mb-bg);border-radius:10px;padding:8px 10px}
.sb-snip .sb-av{width:24px;height:24px;font-size:11px}

/* the open question */
.sb-panel{flex:1 1 440px;max-width:500px;min-width:0;background:var(--card);border:1px solid var(--line);border-radius:20px;box-shadow:0 10px 28px rgba(16,24,40,.10);display:flex;flex-direction:column;position:sticky;top:16px;max-height:calc(100vh - 32px)}
.sb-panel.empty{padding:28px 20px;box-shadow:none;background:transparent;border-style:dashed}
.sb-p-head{padding:18px 20px 14px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:flex-start;gap:12px;flex:none}
.sb-p-kick{margin:0;font-size:12px;font-weight:600;color:var(--mut)}
.sb-p-h{margin:4px 0 0;font-family:var(--display);font-size:23px;line-height:1.15;font-weight:700;overflow-wrap:anywhere}
.sb-p-h:focus{outline:none}
.sb-x{width:44px;height:44px;flex:none;border-radius:12px;border:1px solid var(--line2);background:var(--card);display:inline-flex;align-items:center;justify-content:center;padding:0;cursor:pointer}
.sb-x:hover{border-color:var(--ink)}
.sb-p-body{padding:16px 20px 22px;display:flex;flex-direction:column;gap:14px;overflow-y:auto;min-height:0}
.sb-p-body > *{flex-shrink:0}
.sb-msg{display:flex;gap:8px;align-items:flex-end}
.sb-msg.lav{flex-direction:row-reverse}
.sb-bub{max-width:86%;border-radius:16px;padding:10px 13px;display:flex;flex-direction:column;gap:6px;min-width:0}
.sb-msg.mbfg .sb-bub{background:var(--mb-bg);border-radius:16px 16px 16px 4px}
.sb-msg.lav .sb-bub{background:var(--us-bg);border-radius:16px 16px 4px 16px}
.sb-bub .tx{margin:0;font-size:15px;white-space:pre-wrap;overflow-wrap:anywhere}
.sb-bub .mt{margin:0;font-size:12px;color:var(--mut)}
.sb-made{margin:0;display:flex;align-items:center;gap:6px;font-size:13px;font-weight:700;color:var(--ok)}
.sb-ev{display:flex;gap:10px;align-items:flex-start;font-size:13px}
.sb-ev .ic{width:26px;height:26px;border-radius:50%;background:var(--ok-bg);color:var(--ok);display:inline-flex;align-items:center;justify-content:center;flex:none}
.sb-ev p{margin:0}
.sb-ev .k{font-weight:700;color:var(--ok)}
.sb-ev .t{color:var(--ink2)}
.sb-reply{display:flex;flex-direction:column;gap:8px;border-top:1px solid var(--line);padding-top:14px}
.sb-reply label{font-size:14px;font-weight:700}
.sb-reply textarea{width:100%;font-size:15px;padding:11px 13px;border:1px solid var(--line2);border-radius:12px;background:var(--field);resize:vertical;min-height:88px;line-height:1.45}
.sb-acts{display:flex;flex-wrap:wrap;gap:8px;align-items:center}

/* the figures behind a question */
.sb-why{background:var(--soft);border-radius:16px;padding:14px;display:flex;flex-direction:column;gap:12px}
.sb-why-h{margin:0;font-size:12px;font-weight:700;color:var(--mut)}
.sb-fig{margin:0;background:var(--card);border-radius:12px;padding:12px 12px 6px;display:flex;flex-direction:column;gap:6px}
.sb-fig figcaption{font-size:14px;font-weight:700}
.sb-fig svg{width:100%;height:auto;display:block}
.sb-fig .bar{fill:var(--bar)}
.sb-fig .grid{stroke:var(--line)}
.sb-fig .base{stroke:var(--line2)}
.sb-fig .budget{stroke:var(--ink);stroke-width:1.5;stroke-dasharray:5 4}
.sb-fig text{fill:var(--mut);font-size:11px;font-family:inherit}
.sb-fig text.bl{fill:var(--ink);font-weight:700}
.sb-tiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.sb-tiles.n3{grid-template-columns:repeat(3,minmax(0,1fr))}
.sb-tile{background:var(--card);border-radius:12px;padding:10px 12px;display:flex;flex-direction:column;gap:2px;min-width:0}
.sb-tile .k{font-size:12px;font-weight:600;color:var(--mut)}
.sb-tile .v{font-size:22px;font-weight:700;font-variant-numeric:tabular-nums}
.sb-tile .s{font-size:12px;color:var(--mut)}
.sb-terms{background:var(--card);border-radius:12px;padding:10px 12px;display:flex;flex-direction:column;gap:6px}
.sb-terms p{margin:0;font-size:14px;font-weight:700}
.sb-terms table{width:100%;border-collapse:collapse;font-size:13px}
.sb-terms th,.sb-terms td{padding:4px 0;border-top:1px solid var(--line);text-align:left;font-variant-numeric:tabular-nums}
.sb-terms th{border-top:0;font-weight:600;color:var(--mut)}
.sb-terms .n{text-align:right}
.sb-note.sb-bud{font-size:14px;color:var(--ink2)}

/* v2 part 3: ad proofs and customer photos */
.sb-tools{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px}
.sb-seg{display:inline-flex;background:#E7EAEF;border-radius:12px;padding:3px;gap:2px;max-width:100%}
.sb-seg button{display:inline-flex;align-items:center;justify-content:center;gap:6px;border:0;background:none;color:var(--ink2);font-size:14px;font-weight:700;padding:0 14px;min-height:40px;border-radius:9px;cursor:pointer}
.sb-seg button[aria-pressed="true"]{background:var(--card);color:var(--ink);box-shadow:var(--shadow)}
.sb-chip.proof{color:#6D28D9;background:#EDE9FE;font-weight:700}
.sb-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;position:relative}
.sb-th{position:relative;display:block;aspect-ratio:1;border-radius:10px;overflow:hidden;background:var(--soft);border:1px solid var(--line)}
.sb-th img{width:100%;height:100%;object-fit:cover;display:block}
.sb-more-n{position:absolute;right:6px;bottom:6px;font-size:12px;font-weight:700;color:#fff;background:rgba(21,24,30,.72);border-radius:999px;padding:2px 8px}
.sb-ph{width:100%;height:100%;min-height:72px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;color:var(--mut);font-size:12px;font-weight:700}
.sb-play{position:absolute;left:8px;bottom:8px;width:30px;height:30px;border-radius:50%;background:rgba(21,24,30,.7);color:#fff;display:flex;align-items:center;justify-content:center}
.sb-play svg{width:14px;height:14px;margin-left:2px}
.sb-file{margin:0;display:flex;flex-direction:column;gap:6px;min-width:0}
.sb-fm{position:relative;display:block;border-radius:12px;overflow:hidden;background:var(--soft);border:1px solid var(--line);aspect-ratio:4/3;color:inherit;text-decoration:none}
.sb-fm img,.sb-fm video{width:100%;height:100%;object-fit:cover;display:block}
.sb-file.big .sb-fm{aspect-ratio:auto;min-height:120px}
.sb-file.big .sb-fm img,.sb-file.big .sb-fm video{height:auto;max-height:68vh;object-fit:contain;margin:0 auto}
.sb-file.big .sb-ph{min-height:160px}
.sb-file figcaption{display:flex;flex-direction:column;gap:1px;font-size:13px;min-width:0}
.sb-file figcaption .n{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sb-file figcaption .s{color:var(--mut)}
.sb-file figcaption a{color:var(--us-n);font-weight:700}
.sb-file figcaption .sb-link{font-size:13px;padding:0 2px}
.sb-files{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:12px}
.sb-files.big{grid-template-columns:minmax(0,1fr)}
.sb-sec{margin:2px 0 0;font-size:13px;font-weight:700;color:var(--ink2)}
.sb-line{margin:0;font-size:14px;color:var(--ink2)}
.sb-line > svg{vertical-align:-2px;margin-right:6px}
.sb-line.warn{color:var(--warn);font-weight:600}
.sb-box{background:var(--soft);border-radius:14px;padding:12px 14px;display:flex;flex-direction:column;gap:4px}
.sb-box .k{margin:0;font-size:13px;font-weight:700;display:flex;align-items:center;gap:6px;color:var(--ink2)}
.sb-box .tx{margin:0;white-space:pre-wrap;overflow-wrap:anywhere}
.sb-box.warn{background:var(--mb-bg)} .sb-box.warn .k{color:var(--warn)}
.sb-box.ok{background:var(--ok-bg)} .sb-box.ok .k{color:var(--ok)}
.sb-made.warn{color:var(--warn)}
.sb-prep{display:flex;flex-direction:column;gap:10px;border:1px dashed var(--line2);border-radius:16px;padding:14px;background:var(--us-bg)}
.sb-file-in{position:absolute;width:1px;height:1px;opacity:0;overflow:hidden}
.sb-drop{display:flex;flex-direction:column;align-items:center;gap:4px;padding:16px 12px;border:2px dashed var(--line2);border-radius:14px;background:var(--card);cursor:pointer;text-align:center;font-size:14px;font-weight:700;overflow-wrap:anywhere}
.sb-drop small{font-weight:500;color:var(--mut);font-size:12px}
.sb-drop:hover{border-color:var(--ink)}
.sb-file-in:focus-visible + .sb-drop{outline:2px solid var(--focus);outline-offset:2px}
.sb-ups{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}
.sb-ups li{display:flex;flex-wrap:wrap;gap:4px 10px;align-items:center;font-size:13px;background:var(--card);border-radius:10px;padding:8px 10px}
.sb-ups .n{font-weight:600;flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sb-ups .s{color:var(--mut)}
.sb-ups progress{flex:1 0 100%;height:4px;border:0;border-radius:2px;background:var(--line);overflow:hidden;appearance:none;-webkit-appearance:none}
.sb-ups progress::-webkit-progress-bar{background:var(--line)}
.sb-ups progress::-webkit-progress-value{background:var(--us-dot)}
.sb-ups progress::-moz-progress-bar{background:var(--us-dot)}
.sb-ups li.failed{background:var(--bad-bg)}
.sb-ups .sb-err{flex:1 0 100%;font-size:13px}
.sb-form{display:flex;flex-direction:column;gap:8px}
.sb-form label:not(.sb-drop){font-size:13px;font-weight:700;color:var(--ink2);margin-top:2px}
.sb-form input[type=text],.sb-form input[type=date],.sb-form select,.sb-form textarea{width:100%;font-size:15px;padding:10px 12px;min-height:44px;border:1px solid var(--line2);border-radius:12px;background:var(--field)}
.sb-form textarea{resize:vertical;min-height:80px;line-height:1.45}
.sb-form .two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.sb-form .two > div{display:flex;flex-direction:column;gap:8px;min-width:0}
.sb-older{border:1px solid var(--line);border-radius:12px;padding:8px 12px}
.sb-older summary{cursor:pointer;font-size:13px;font-weight:700;color:var(--ink2)}
.sb-older .sb-files{margin-top:10px}
.sb-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px}
.sb-pcard{text-align:left;font:inherit;color:var(--ink);background:var(--card);border:0;border-radius:16px;padding:0;overflow:hidden;box-shadow:var(--shadow);display:flex;flex-direction:column;cursor:pointer;min-width:0}
.sb-pcard:hover{box-shadow:0 0 0 1px var(--line2),var(--shadow)}
.sb-pcard.sel{box-shadow:0 0 0 2px var(--ink)}
.sb-pcard .cover{display:block;aspect-ratio:4/3;background:var(--soft)}
.sb-pcard .cover .sb-th{aspect-ratio:auto;height:100%;border:0;border-radius:0}
.sb-pcard .pc-b{padding:12px 14px 14px;display:flex;flex-direction:column;gap:6px}
.sb-quote{font-size:14px;color:var(--ink2);overflow-wrap:anywhere}

/* v2 part 4: product photos, and their requests for them */
.sb-chip.req{color:#115E59;background:#CCFBF1;font-weight:700}
.sb-chip.item{color:var(--mb-n);background:var(--mb-nbg);font-weight:700}   /* v2 part 5: from Steve's list */
.sb-tools-b{display:inline-flex;flex-wrap:wrap;gap:8px}
.sb-sub{margin:8px 0 0;font-family:var(--display);font-size:19px;font-weight:700}
.sb-reqs{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(280px,100%),1fr));gap:12px;align-items:start}
.sb-older .sb-reqs{margin-top:10px}

/* v2 part 6: changes and how they did */
.sb-verdict{display:inline-flex;align-items:center;font-size:12px;font-weight:700;border-radius:999px;padding:3px 9px;white-space:nowrap}
.sb-verdict.ok{color:var(--ok);background:var(--ok-bg)}
.sb-verdict.bad{color:var(--bad);background:var(--bad-bg)}
.sb-verdict.mut{color:var(--ink2);background:var(--chip)}
.sb-verdict.wait{color:var(--us-n);background:var(--us-nbg)}
.sb-verdict.early{background:var(--card);box-shadow:inset 0 0 0 1.5px currentColor}
.sb-fchips{display:flex;flex-wrap:wrap;gap:8px}
.sb-fchip{font:inherit;font-size:13px;font-weight:700;color:var(--ink2);background:var(--card);border:1px solid var(--line2);border-radius:999px;padding:0 12px;min-height:36px;cursor:pointer}
.sb-fchip:hover{border-color:var(--ink)}
.sb-fchip[aria-pressed="true"]{background:var(--btn);border-color:var(--btn);color:var(--btn-ink)}
.sb-read{background:var(--soft);border-radius:14px;padding:12px 14px;display:flex;flex-direction:column;gap:8px}
.sb-read .k{margin:0;display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:13px;font-weight:700;color:var(--ink2)}
.sb-read .tx{margin:0;overflow-wrap:anywhere}
.sb-read table{width:100%;border-collapse:collapse;font-size:13px}
.sb-read th,.sb-read td{padding:5px 0;border-top:1px solid var(--line);text-align:left;font-variant-numeric:tabular-nums}
.sb-read thead th{border-top:0;font-weight:600;color:var(--mut)}
.sb-read tbody th{font-weight:600;color:var(--ink2)}
.sb-read .n{text-align:right;padding-left:10px;white-space:nowrap}
.sb-box .k .sb-verdict{font-size:12px}

/* narrow screens: the open question covers the page */
@media (max-width:959px){
  .sb-panel.empty{display:none}
  .sb-panel{position:fixed;inset:0;max-width:none;max-height:none;border-radius:0;border:0;z-index:60;top:0}
  body.sb-open{overflow:hidden}
}
@media (max-width:700px){
  .sb-top-in,.sb-main{padding-left:16px;padding-right:16px}
  .sb-hello h1{font-size:26px}
  .sb-ask textarea{flex-basis:100%}
  .sb-ask .sb-btn{width:100%}
  .sb-tiles.n3{grid-template-columns:repeat(2,minmax(0,1fr))}
  .sb-tools .sb-seg{width:100%}
  .sb-tools .sb-seg{flex-wrap:wrap}
  .sb-seg button{flex:1 1 40%;min-width:0;padding:4px 8px;text-align:center;line-height:1.25}
  .sb-tools .sb-btn{width:100%}
  .sb-tools-b{width:100%}
  .sb-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}
  .sb-form .two{grid-template-columns:minmax(0,1fr)}
}

/* v2 part 8: Expand (history.js / history.css, the same view as Steve's board) in this board's colours */
dialog.chx{--chx-bg:var(--card);--chx-soft:var(--soft);--chx-line:var(--line);--chx-ink:var(--ink);--chx-mut:var(--mut);
           --chx-focus:var(--focus);--chx-chip:var(--chip);--chx-ok:var(--ok);--chx-ok-bg:var(--ok-bg);--chx-bad:var(--bad);--chx-bad-bg:var(--bad-bg)}
.sb-exp{margin:12px 0 0}
/* v2 part 9: notes on a change (theirs and Steve's) */
.sb-cnotes{display:flex;flex-direction:column;gap:10px;margin:2px 0 4px}
.sb-meta.sb-cnl{align-items:flex-start;color:var(--ink2)}
.sb-meta.sb-cnl svg{margin-top:2px}
.sb-meta.sb-cnl span{min-width:0;overflow-wrap:anywhere}