/* GENERATED by port/extract-assets.py from board.html — do not hand-edit. */

/* — board.html <style> — */
.crumb{display:inline-block;font-size:13px;font-weight:700;color:var(--ink-soft);margin:4px 0 14px}
.crumb:hover{color:var(--ink)}
/* #83 / fade-gradients — the thread list's staggered entrance used
   animation-fill-mode:both with an unbounded per-index delay, so on a long board
   the last rows sat at 0-30% opacity while you scrolled: it read as a
   fade-to-transparent overlay, i.e. a paywall or a failed render. Capping the
   stagger makes the reveal effectively idempotent — final state is always visible. */
.reveal{animation-delay:min(var(--d,0ms),240ms)}
/* #86 — ONE vote component: upvote, count, downvote (markup emits down/count/up). */
.votes,.post .vote{flex-wrap:nowrap;white-space:nowrap}
.votes .vbtn.up,.post .vote .up{order:1}
.votes .vnum,.post .vote .score{order:2}
.votes .vbtn.down,.post .vote .dn{order:3}

.board-head{display:flex;align-items:center;gap:16px;background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:18px 20px;margin-bottom:16px;box-shadow:var(--shadow)}
.board-head .bh-ic{width:54px;height:54px;flex:0 0 auto;border-radius:15px;background:var(--paper-2);display:grid;place-items:center;box-shadow:inset 0 0 0 1.5px var(--accent)}
.board-head .bh-ic img{width:32px;height:32px;object-fit:contain}
.board-head h1{font-family:var(--display);font-weight:700;font-size:24px;letter-spacing:-.02em;line-height:1.1}
.board-head .bh-desc{font-size:13.5px;color:var(--ink-soft);margin-top:4px;max-width:62ch}
.board-head .bh-stats{display:flex;gap:16px;margin-top:9px;font-size:12px;font-weight:600;color:var(--ink-faint)}
.board-head .bh-stats b{font-family:var(--display);color:var(--ink-soft)}
.board-head .bh-new{margin-left:auto;align-self:flex-start;flex:0 0 auto;font-weight:800;font-size:13px;color:#fff;background:linear-gradient(180deg,var(--orange-2),var(--orange));border:0;padding:10px 16px;border-radius:11px;cursor:pointer;box-shadow:var(--shadow)}
@media(max-width:680px){.board-head{flex-wrap:wrap}.board-head .bh-new{margin-left:0;width:100%}}
.more-row{text-align:center;margin:16px 0 4px}
.more-btn{font-family:var(--body);font-weight:800;font-size:13.5px;color:var(--orange);background:var(--card);border:1px solid var(--line);border-radius:11px;padding:10px 20px;cursor:pointer;box-shadow:var(--shadow);transition:border-color .15s,background .15s}
.more-btn:hover{border-color:var(--orange);background:var(--paper-2)}