/* Politics members: header button, /join/, /account/, /prizes/, admin. Comic 8-bit, same tokens as comic.css */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:10px 18px;font:400 1.15rem/1 var(--font-display);letter-spacing:.05em;text-transform:uppercase;
  color:#fff;background:var(--tblue,#274490);border:3px solid var(--ink);box-shadow:4px 4px 0 var(--ink);cursor:pointer;text-decoration:none}
.btn:hover{background:var(--red-hot,#e31b23);color:#fff}
.btn:active{transform:translate(2px,2px);box-shadow:2px 2px 0 var(--ink)}
.btn:disabled{opacity:.55;cursor:not-allowed;transform:none}
.btn.ghost{background:#fff;color:var(--ink)}
.btn.ghost:hover{background:var(--yellow,#f5c542);color:var(--ink)}
.btn.mb-danger{background:#a30d1d}
.btn:focus-visible{outline:3px solid var(--yellow,#f5c542);outline-offset:2px}

/* header button */
.nav-row nav.links{order:2}
.mb-btn{order:3;flex:none;display:inline-flex;align-items:center;gap:6px;min-height:40px;padding:6px 12px;font:400 1rem/1 var(--font-display);letter-spacing:.06em;text-transform:uppercase;
  text-decoration:none;color:var(--ink);background:var(--yellow,#f5c542);border:3px solid var(--ink);box-shadow:3px 3px 0 var(--red-hot,#e31b23);white-space:nowrap}
.mb-btn::before{content:"";width:10px;height:10px;background:var(--red-hot,#e31b23);box-shadow:0 0 0 2px var(--ink);flex:none}
.mb-btn.in::before{background:#00702f}
.mb-btn:hover{background:#fff;color:var(--ink)}
.nav-toggle{order:4}
@media (max-width:1180px) and (min-width:901px){nav.links a{margin:0 3px;padding:6px 8px;font-size:15px}.line-tag{display:none}nav.links::before{left:14px}}
@media (max-width:900px){.mb-btn{margin-left:auto;min-height:44px}.wrap.nav-row{gap:12px;padding-left:16px;padding-right:16px}}
@media (max-width:380px){.logo span{font-size:20px}.mb-btn{padding:6px 9px}}

/* layout */
.mb-sec{padding:clamp(28px,5vw,56px) 0}
.mb-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:clamp(18px,3vw,32px);align-items:start;margin:22px 0}
@media (max-width:860px){.mb-grid{grid-template-columns:1fr}}
.mb-card{background:#fff;border:3px solid var(--ink);box-shadow:var(--shadow,6px 6px 0 #0e1b3d);padding:clamp(16px,2.4vw,24px);margin-bottom:18px}
.mb-h,.mb-h2{font:400 clamp(1.7rem,3vw,2.2rem)/1.05 var(--font-display);letter-spacing:.03em;color:var(--tblue,#274490);margin:0 0 .6rem}
.mb-h span{color:var(--red-hot,#e31b23)}
.mb-h3{font:400 1.5rem/1.1 var(--font-display);letter-spacing:.03em;margin:0 0 .5rem;color:var(--ink)}
.mb-hcol{margin-top:28px}
.mb-note{background:var(--yellow,#f5c542);border:3px solid var(--ink);padding:10px 14px;font-family:var(--font-mono);font-size:14px;margin:0 0 18px}
.mb-msg{min-height:1.4em;margin:.6rem 0 0;font-family:var(--font-mono);font-size:14px}
.mb-msg b{color:var(--tblue,#274490)}

/* forms */
.mb-form{display:grid;gap:14px}
.mb-form label{display:grid;gap:6px;font:700 13px/1.3 var(--font-mono);text-transform:uppercase;letter-spacing:.04em}
.mb-form label small{text-transform:none;font-weight:400;color:var(--steel)}
.mb-form input:not([type=checkbox]),.mb-form textarea{font:400 17px/1.4 var(--font-body);padding:11px 12px;border:3px solid var(--ink);background:#fff;color:var(--ink);width:100%;box-sizing:border-box;border-radius:0}
.mb-form input:focus,.mb-form textarea:focus{outline:3px solid var(--yellow,#f5c542);outline-offset:0}
.mb-opt{border:2px dashed var(--ink);padding:10px 12px 12px;margin:0;display:grid;gap:10px}
.mb-opt legend{font:700 13px/1.3 var(--font-mono);text-transform:uppercase;padding:0 6px}
.mb-opt legend small{text-transform:none;font-weight:400;color:var(--steel)}
.mb-form .mb-check{display:grid;grid-template-columns:24px 1fr;gap:10px;align-items:start;font:400 15px/1.45 var(--font-body);text-transform:none;letter-spacing:0;cursor:pointer}
.mb-check input{width:22px;height:22px;margin:1px 0 0;accent-color:var(--tblue,#274490)}
.mb-go{justify-self:start}
.mb-verify{text-align:left}

/* perks */
.mb-perks{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.mb-perks li{display:grid;grid-template-columns:54px 1fr;gap:14px;align-items:start;background:#fff;border:3px solid var(--ink);padding:12px 14px;box-shadow:4px 4px 0 var(--tblue,#274490)}
.mb-perks b{font:400 1.35rem/1.05 var(--font-display);letter-spacing:.03em;color:var(--tblue,#274490)}
.mb-perks p{margin:.25rem 0 0;font-size:15px;line-height:1.45}
.mb-art{display:grid;place-items:center;width:54px;height:54px;background:var(--paper,#fffdf6);border:2px solid var(--ink)}
.mb-art svg{width:42px;height:42px}

/* account */
.mb-hello{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 16px}
.mb-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:14px 0}
.mb-stats span{background:var(--ink);color:#fff;padding:12px;font:400 11px/1.3 var(--font-mono);text-transform:uppercase;letter-spacing:.06em;border:3px solid var(--ink);box-shadow:4px 4px 0 var(--red-hot,#e31b23)}
.mb-stats b{display:block;font:400 2rem/1 var(--font-display);color:var(--yellow,#f5c542);letter-spacing:.03em;margin-bottom:4px}
@media (max-width:640px){.mb-stats{grid-template-columns:repeat(2,1fr)}}
.mb-big{font:400 3.6rem/1 var(--font-display);color:var(--red-hot,#e31b23);margin:.2rem 0 .4rem;text-shadow:3px 3px 0 var(--ink)}
.mb-big.sm{font-size:2.2rem}
.mb-log{list-style:none;margin:12px 0;padding:0;max-height:260px;overflow:auto;border-top:2px solid var(--ink)}
.mb-log li{display:flex;justify-content:space-between;gap:12px;padding:8px 0;border-bottom:1px dashed var(--steel);font-size:15px}
.mb-log b{font-family:var(--font-mono);color:#00702f;white-space:nowrap}
.mb-badges{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}
.mb-badges li{position:relative;display:grid;gap:6px;justify-items:center;text-align:center;background:#fff;border:3px solid var(--ink);padding:14px 10px 12px;box-shadow:4px 4px 0 var(--ink)}
.mb-badges .mb-art{width:72px;height:72px}.mb-badges .mb-art svg{width:58px;height:58px}
.mb-badges li:not(.got) .mb-art svg{filter:grayscale(1) brightness(.35);opacity:.6}
.mb-badges b{font:400 1.2rem/1.05 var(--font-display);letter-spacing:.03em;color:var(--tblue,#274490)}
.mb-badges .small{font-size:13px;line-height:1.35;color:var(--ink-2)}
.mb-state{font:400 9px/1.6 var(--font-px);text-transform:uppercase;font-style:normal;color:var(--steel);border-top:2px dashed var(--steel);padding-top:6px;width:100%}
.mb-badges li.got{background:var(--yellow,#f5c542)}
.mb-badges li.got .mb-state{color:var(--ink);border-color:var(--ink)}
.mb-invs{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px}
.mb-inv h4{font:400 1.4rem/1.05 var(--font-display);margin:.3rem 0;color:var(--tblue,#274490)}
.mb-del summary{cursor:pointer;font:700 14px var(--font-mono);color:#a30d1d;margin-top:8px}
.mb-toast{border-left-color:#00702f}

/* prizes */
.mb-facts{margin:0;padding-left:1.1rem}
.mb-rules li{margin-bottom:.6rem}

/* admin */
.mb-admin .mb-row{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
.mb-admin .mb-row .small{display:block}
.mb-pre{white-space:pre-wrap;word-break:break-all;background:var(--ink);color:#fff;padding:12px;font:13px var(--font-mono)}
@media (max-width:1279px){.wrap.nav-row{padding-left:16px;padding-right:16px}}

/* ---------- comments ---------- */
.cm{margin-top:14px;border-top:2px dashed currentColor;padding-top:10px}
.cm-btn{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:6px 12px;background:#fff;border:2px solid var(--ink);box-shadow:3px 3px 0 var(--tblue,#274490);
  font:400 1rem/1 var(--font-display);letter-spacing:.05em;text-transform:uppercase;color:var(--ink);cursor:pointer}
.cm-btn::before{content:"";width:12px;height:10px;background:var(--tblue,#274490);clip-path:polygon(0 0,100% 0,100% 70%,40% 70%,15% 100%,20% 70%,0 70%)}
.cm-btn[aria-expanded="true"]{background:var(--yellow,#f5c542)}
.cm-btn:focus-visible{outline:3px solid var(--yellow,#f5c542);outline-offset:2px}
.cm-n{background:var(--red-hot,#e31b23);color:#fff;font:700 12px/1 var(--font-mono);padding:3px 6px;letter-spacing:0}
.cm-box{margin-top:12px;text-align:left;background:#fff;color:var(--ink);border:3px solid var(--ink);padding:12px;box-shadow:4px 4px 0 var(--tblue,#274490)}
.cm-box p,.cm-box li,.cm-box label{color:var(--ink)}
.cm-box .cm-rules,.cm-box .cm-head span,.cm-box .cm-count{color:var(--steel)}
.cm-list,.cm-replies{list-style:none;margin:0;padding:0}
.cm-c{border-left:4px solid var(--tblue,#274490);background:var(--paper,#fffdf6);padding:8px 10px;margin:0 0 10px}
.cm-c.mine{border-left-color:#00702f}
.cm-c.gone{border-left-color:var(--steel);opacity:.75}
.cm-c.cm-new{outline:3px solid var(--yellow,#f5c542)}
.cm-replies{margin:10px 0 0 14px}
.cm-replies .cm-c{background:#fff;border-left-color:var(--red-hot,#e31b23)}
.cm-head{display:flex;gap:10px;align-items:baseline;flex-wrap:wrap}
.cm-head b{font:700 14px var(--font-mono);color:var(--ink)}
.cm-head span{font:12px var(--font-mono);color:var(--steel)}
.cm-body{margin:.3rem 0 0;font-size:15px;line-height:1.5;overflow-wrap:anywhere}
.cm-acts{display:flex;gap:14px;margin-top:6px}
.cm-acts button{background:none;border:0;padding:6px 0;min-height:32px;font:700 12px var(--font-mono);text-transform:uppercase;letter-spacing:.04em;color:var(--tblue,#274490);cursor:pointer;text-decoration:underline}
.cm-acts button[data-act="report"]{color:var(--steel)}
.cm-acts button[data-act="del"]{color:#a30d1d}
.cm-done{font:12px var(--font-mono);color:var(--steel);padding:6px 0}
.cm-form{display:grid;gap:8px;margin-top:10px}
.cm-form label{display:grid;gap:4px;font:700 12px/1.3 var(--font-mono);text-transform:uppercase;letter-spacing:.04em}
.cm-form label small{text-transform:none;font-weight:400;color:var(--steel)}
.cm-form textarea,.cm-form input{font:400 16px/1.45 var(--font-body);padding:9px 10px;border:3px solid var(--ink);background:#fff;color:var(--ink);width:100%;box-sizing:border-box;border-radius:0;resize:vertical}
.cm-form textarea:focus,.cm-form input:focus{outline:3px solid var(--yellow,#f5c542);outline-offset:0}
.cm-row{display:flex;align-items:center;justify-content:space-between;gap:10px}
.cm-count{font:12px var(--font-mono);color:var(--steel)}
.cm-msg{font:13px/1.4 var(--font-mono);margin:.4rem 0}
.cm-join{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px;margin:12px 0 0}
.cm-join span{font-size:14px}
.cm-rules{font:12px/1.45 var(--font-mono);color:var(--steel);margin:10px 0 0}
.cm-sec{padding:28px 0 40px}
.cm-block{border-top:0;padding-top:0}
.top10.nights .cm{border-top-style:dotted}
.mb-pill{display:inline-block;background:var(--red-hot,#e31b23);color:#fff;font:700 12px/1 var(--font-mono);padding:4px 7px;vertical-align:middle;letter-spacing:0}
.mb-reps li{align-items:flex-start}
.mb-reps li.new{background:#fff6cf}
.mb-reps i{font:12px var(--font-mono);color:var(--steel);white-space:nowrap;font-style:normal}
.mb-reps a{font-weight:700}
@media (max-width:640px){.cm-box{padding:8px}.cm-replies{margin-left:6px}.cm-c{padding:7px 8px}}

/* =================== Message board (/board/) =================== */
.bt-sec{padding:28px 0 56px}
.bt-app{max-width:980px}
.bt-head{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;flex-wrap:wrap;margin-bottom:14px}
.bt-h{font:400 clamp(1.8rem,3.6vw,2.6rem)/1 var(--font-display);letter-spacing:.03em;margin:0;color:var(--ink)}
.bt-blurb{margin:.35rem 0 0;font-family:var(--font-letter,inherit);font-weight:700}
.bt-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 18px}
.bt-tabs a{display:inline-flex;align-items:center;gap:6px;min-height:40px;padding:6px 12px;border:2px solid var(--ink);background:#fff;color:var(--ink);text-decoration:none;
  font:400 1rem/1 var(--font-display);letter-spacing:.05em;text-transform:uppercase;box-shadow:3px 3px 0 var(--ink)}
.bt-tabs a b{font:400 9px/1 var(--font-px);background:var(--ink);color:#fff;padding:3px 4px}
.bt-tabs a:hover{background:var(--ch-acc,#f5c542)}
.bt-tabs a[aria-current]{background:var(--ch-bg,#274490);color:#fff}
.bt-tabs a[aria-current] b{background:var(--ch-acc,#f5c542);color:var(--ink)}
.bt-list{list-style:none;margin:0;padding:0;border:3px solid var(--ink);background:#fff;box-shadow:6px 6px 0 var(--ch-bg,#274490)}
.bt-row{display:grid;grid-template-columns:1fr auto;gap:4px 18px;padding:14px 16px;border-bottom:2px solid var(--ink)}
.bt-row:last-child{border-bottom:0}
.bt-row.pinned{background:color-mix(in srgb,var(--ch-acc,#f5c542) 18%,#fff)}
.bt-title{grid-column:1;font:700 1.12rem/1.3 var(--font-body,inherit);color:var(--ink);text-decoration:none}
.bt-title:hover{text-decoration:underline}
.bt-meta{grid-column:1;font:12px/1.5 var(--font-mono);color:var(--steel)}
.bt-meta b{color:var(--ink)}
.bt-board{color:var(--ink);font-weight:700}
.bt-n{grid-column:2;grid-row:1/3;align-self:center;display:grid;justify-items:end;font:12px/1.3 var(--font-mono);color:var(--steel);text-align:right;min-width:72px}
.bt-n b{font:400 1.6rem/1 var(--font-display);color:var(--ink)}
.bt-n small{font-size:11px}
.bt-flag{display:inline-block;margin-right:8px;padding:2px 6px;font:400 8px/1.4 var(--font-px);background:var(--ch-acc,#f5c542);color:var(--ink);border:2px solid var(--ink);vertical-align:middle}
.bt-flag.lk{background:var(--ink);color:#fff}
.bt-more{margin-top:16px}
.bt-empty{border:3px dashed var(--ink);background:#fff;padding:22px;text-align:center}
.bt-empty p{margin:0 0 12px;font-family:var(--font-letter,inherit);font-weight:700}
.bt-crumb{margin:0 0 12px;font:13px var(--font-mono)}
.bt-crumb a,.bt-crumb2 a{color:var(--ink);font-weight:700}
.bt-crumb2{margin:0 0 6px;font:12px var(--font-mono);text-transform:uppercase;letter-spacing:.05em}
.bt-topic-h{font:400 clamp(1.9rem,4vw,3rem)/1.05 var(--font-display);letter-spacing:.02em;margin:0 0 14px;color:var(--ink)}
.bt-thread .cm-box{display:block!important}
.bt-op{list-style:none;background:#fff;border:3px solid var(--ink);box-shadow:6px 6px 0 var(--ch-bg,#274490);padding:14px 16px;margin:0 0 22px}
.bt-op .cm-body{font-size:1.05rem;line-height:1.55}
.bt-rh{font:400 1.4rem/1 var(--font-display);letter-spacing:.04em;margin:0 0 10px;color:var(--ink)}
.bt-form{max-width:720px;background:#fff;border:3px solid var(--ink);box-shadow:6px 6px 0 var(--ch-bg,#274490);padding:16px}
.bt-form select,.bt-form input[name="title"]{display:block;width:100%;margin-top:4px;min-height:44px;padding:8px 10px;border:2px solid var(--ink);font:inherit;background:#fff}
.bt-start{white-space:nowrap}
@media (max-width:640px){.bt-row{grid-template-columns:1fr}.bt-n{grid-column:1;grid-row:auto;justify-items:start;display:flex;gap:8px;align-items:baseline}.bt-n b{font-size:1.1rem}.bt-tabs a{min-height:44px}}
.bt-note{animation:btbob 2.4s steps(2) infinite;animation-delay:var(--d)}
@keyframes btbob{50%{transform:translateY(-.5px)}}
@media (prefers-reduced-motion:reduce){.bt-note{animation:none}}

/* ---------- 8-bit drops: every article has a character to collect ---------- */
.c8d{display:flex;align-items:center;gap:10px;margin:12px 0 8px;padding:8px 10px;background:#fffdf5;border:2px dashed var(--ink);font-family:var(--font-mono);color:var(--ink)}
.c8d-img{flex:none;width:54px;height:54px;image-rendering:pixelated;transition:transform .2s}
.c8d-t{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.c8d-k{font:400 8px/1.5 var(--font-px,monospace);letter-spacing:.02em;text-transform:uppercase;color:var(--ink-2,#3d4a6b)}
.c8d-t b{font:400 1.15rem/1.05 var(--font-display);letter-spacing:.03em;color:var(--ink)}
.c8d-s{font-size:12px;line-height:1.35;color:var(--ink-2,#3d4a6b)}
.c8d-s a{color:inherit}
.c8d-btn{flex:none;min-height:40px;padding:6px 12px;font:400 1rem/1 var(--font-display);letter-spacing:.05em;text-transform:uppercase;cursor:pointer;
  background:var(--yellow,#f5c542);color:var(--ink);border:3px solid var(--ink);box-shadow:3px 3px 0 var(--ink)}
.c8d-btn:hover{background:#fff}
.c8d-btn:active{transform:translate(2px,2px);box-shadow:1px 1px 0 var(--ink)}
.c8d-rare{border-color:#b8860b;background:#fff8e1}
.c8d-rare .c8d-k{color:#8a6408}
.c8d-legendary{border:3px solid #ff5a2e;background:#fff1ea;box-shadow:3px 3px 0 #ff5a2e}
.c8d-legendary .c8d-k{color:#c33c12}
.c8d.got{border-style:solid}
.c8d.got .c8d-btn{background:#00702f;color:#fff;cursor:default;box-shadow:none}
.c8d.got.local .c8d-btn{background:#fff;color:var(--ink);cursor:pointer}
.c8d.got .c8d-btn::before{content:"\2713  "}
.c8d.pop .c8d-img{animation:c8pop .5s steps(4)}
@keyframes c8pop{0%{transform:translateY(0)}40%{transform:translateY(-10px) scale(1.15)}100%{transform:translateY(0)}}
@media (prefers-reduced-motion:reduce){.c8d.pop .c8d-img{animation:none}}
@media (max-width:520px){.c8d{flex-wrap:wrap}.c8d-btn{width:100%}}

/* avatars next to names on comments and board posts */
.cm-head{display:flex;align-items:center;gap:8px}
.cm-av{flex:none;width:28px;height:28px;image-rendering:pixelated;background:#fffdf5;border:2px solid var(--ink)}
.cm-av0{display:inline-block;background:repeating-linear-gradient(45deg,#e9eef9 0 4px,#fff 4px 8px)}

/* the portal: your characters and your avatar */
.mb-c8help{margin:-.2rem 0 .8rem;max-width:62ch}
.mb-avbox{display:flex;align-items:center;gap:16px;background:#fff;border:3px solid var(--ink);box-shadow:var(--shadow,6px 6px 0 #0e1b3d);padding:14px 16px;margin-bottom:16px}
.mb-avbox>div{display:flex;flex-direction:column;gap:4px;align-items:flex-start}
.mb-avbox b{font:400 1.4rem/1.05 var(--font-display);letter-spacing:.03em}
.mb-avbig{flex:none;width:88px;height:88px;image-rendering:pixelated;border:3px solid var(--ink);background:#fffdf5}
.mb-avbig.cm-av0{display:block}
.c8grid{list-style:none;margin:0 0 18px;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(132px,1fr));gap:10px}
.c8c{display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center;padding:10px 8px;background:#fff;border:2px solid var(--ink);font-family:var(--font-mono);font-size:12px}
.c8c img{width:64px;height:64px;image-rendering:pixelated;filter:brightness(0) opacity(.18)}
.c8c.got img{filter:none}
.c8c b{font:400 1rem/1.1 var(--font-display);letter-spacing:.03em;color:var(--ink)}
.c8c-n{font:400 8px/1.5 var(--font-px,monospace);color:var(--ink-2,#3d4a6b)}
.c8c-rare.got{border-color:#b8860b;background:#fff8e1}
.c8c-legendary.got{border-color:#ff5a2e;background:#fff1ea}
.c8c.on{outline:3px solid var(--red,#e31b23);outline-offset:2px}
.c8c-find{font-size:11px;line-height:1.3;color:var(--ink-2,#3d4a6b)}
.c8c-btn{margin-top:auto;padding:5px 8px;font:400 .9rem/1 var(--font-display);letter-spacing:.04em;text-transform:uppercase;background:var(--yellow,#f5c542);color:var(--ink);border:2px solid var(--ink);cursor:pointer}
.c8c-btn:disabled{background:var(--ink);color:#fff;cursor:default}
.c8past{list-style:none;margin:0 0 18px;padding:0;display:flex;flex-wrap:wrap;gap:10px}
.c8past li{display:flex;flex-direction:column;align-items:center;gap:4px;padding:6px;background:#fff;border:2px solid var(--ink)}
.c8past img{width:48px;height:48px;image-rendering:pixelated}
.mb-h4{font:400 1.1rem/1.1 var(--font-display);margin:0 0 .5rem}
.lead-cm{margin:14px 0}

/* member card: avatar + alias + tokens (header button, comments, board, portal) */
.c8face{image-rendering:pixelated}
svg.cm-av{background:#fffdf5}
.cm-tk{display:inline-flex;align-items:center;gap:3px;font:700 11px/1 var(--font-mono);font-style:normal;color:var(--ink);background:var(--yellow,#f5c542);border:2px solid var(--ink);padding:2px 5px}
.cm-tk::before{content:"";width:7px;height:7px;background:#c99a1a;box-shadow:inset -2px -2px 0 #8a6408;transform:rotate(45deg)}
.mb-btn.mb-card8{gap:7px;padding:4px 10px 4px 5px}
.mb-btn.mb-card8::before{display:none}
.mb-btn-av{flex:none;width:28px;height:28px;image-rendering:pixelated;background:#fffdf5;border:2px solid var(--ink)}
.mb-btn .mb-btn-name{display:block;max-width:11ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mb-btn-tk{display:inline-flex;align-items:center;gap:4px;font:700 12px/1 var(--font-mono);background:var(--ink);color:var(--yellow,#f5c542);padding:4px 6px;letter-spacing:0}
.mb-btn-tk::before{content:"";width:7px;height:7px;background:var(--yellow,#f5c542);transform:rotate(45deg)}
@media (max-width:1299px) and (min-width:901px){.mb-btn .mb-btn-name{display:none}}
@media (max-width:420px){.mb-btn .mb-btn-name{display:none}}
.mb-avtk{display:flex;align-items:center;gap:6px;font:700 13px var(--font-mono)}
/* the lead's story cards: each card has its own comments underneath */
.ls-wrap{display:flex;flex-direction:column;min-width:0}
.ls-wrap>.ls-card{flex:1}
.ls-wrap>.c8d,.ls-wrap>.cm{background:#fff;margin:0;padding:8px 10px;border:2px solid var(--ink);border-top:0}
.ls-wrap>.c8d{border-style:dashed;border-top:0;flex-wrap:wrap}
.ls-wrap .c8d-img{width:42px;height:42px}
.ls-wrap .c8d-btn{width:100%}

/* compact comment boxes on list rows and teaser cards: "Comment or ask" */
.cm-mini{margin-top:8px;padding-top:6px;border-top:1px dotted currentColor}
.cm-mini .cm-btn{min-height:32px;padding:4px 9px;font-size:.85rem;box-shadow:2px 2px 0 var(--tblue,#274490)}
.cm-mini .cm-box{font-size:15px}
li>.cm-mini{flex-basis:100%;width:100%}
.hot-wrap,.tk-wrap,.fy-wrap{display:flex;flex-direction:column;min-width:0}
.hot-wrap>.hot,.fy-wrap>a{flex:1}
.hot-wrap>.cm-mini,.tk-wrap>.cm-mini,.fy-wrap>.cm-mini{margin:0;padding:6px 10px;background:#fff;border:2px solid var(--ink);border-top:0;color:var(--ink)}
.hot-wrap--lead{grid-column:span 2}
@media (max-width:620px){.hot-wrap--lead{grid-column:auto}}
.hot-wrap[hidden],.tk-wrap[hidden],.fy-wrap[hidden]{display:none}
.cal li>.cm-mini,.openings li>.cm-mini,.zl-list li>.cm-mini{grid-column:1/-1}
.screen li{flex-wrap:wrap}
/* drops and comment boxes always take a card's full width, whatever grid the card uses */
article>.c8d,article>.cm,li>.c8d,li>.cm,div.vg>.cm,div.tms>.cm,div.lp-stat>.cm{grid-column:1/-1}