main:has(.board){max-width:none}
.bbar{display:flex;flex-wrap:wrap;gap:8px 16px;align-items:center;margin:0 0 16px}
.bbar form{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin:0}
.bbar input[type=text],.bbar select{width:auto;max-width:180px;padding:8px 10px;font-size:14px}
.bbar button{min-height:36px;padding:9px 12px}
.board:has(>.blist){grid-auto-columns:300px}
.blist>h2{display:flex;justify-content:space-between;align-items:center;gap:8px}
.bcard{background:var(--panel2);border:1px solid var(--line);border-radius:10px;margin:0 0 8px;overflow:hidden}
.bcard:hover{border-color:var(--accline)}
.bcard .in{padding:10px 12px}
.bcard h3{font:600 14px/1.35 var(--sys);margin:0 0 6px}
.bcard h3 a{color:var(--fg);text-decoration:none}
.bcard h3 a:hover{color:var(--acc)}
.bmeta{display:flex;flex-wrap:wrap;gap:4px 8px;font-size:12px;color:var(--mut);align-items:center}
.bmeta form{margin:0}
.bmeta button{min-height:0;padding:5px 8px}
.cover{height:6px}.cover.big{height:28px;border-radius:var(--r) var(--r) 0 0}
.blbl{display:inline-block;padding:2px 8px;border-radius:999px;font:600 11px/1.4 var(--sys);color:var(--ink);margin:0 4px 4px 0}
.c-green{background:#4cd28a}.c-yellow{background:#f5d547}.c-orange{background:#ffb347}.c-red{background:#ff6b6b}
.c-purple{background:#b18cff}.c-blue{background:#5b8cff}.c-sky{background:#7cc4ff}.c-pink{background:#ff5fa2}
.c-grey{background:#9aa4b5}
.due{padding:1px 6px;border-radius:6px;border:1px solid var(--line2);font-size:12px}
.due.over{border-color:var(--bad);color:var(--bad)}.due.soon{border-color:var(--warmline);color:var(--warm)}
details.bctl{margin-top:6px;font-size:13px}
details.bctl summary{cursor:pointer;color:var(--mut)}
details.bctl form{display:flex;flex-wrap:wrap;gap:4px;margin:6px 0 0;align-items:center}
details.bctl select,details.bctl input[type=text]{width:auto;max-width:170px;padding:6px 8px;font-size:13px}
details.bctl button{min-height:0;padding:7px 9px}
.baddc{display:flex;gap:6px;margin:6px 0 0}
.baddc input[type=text]{max-width:none;padding:8px 10px;font-size:14px}
.baddc button{min-height:0;padding:8px 10px}
.bdesc{white-space:pre-wrap;overflow-wrap:anywhere}
.bprev{border:1px solid var(--line);border-left:4px solid var(--acc);border-radius:8px;padding:8px 10px;margin:0 0 8px;overflow-wrap:anywhere}
.bprev.youtube{border-left-color:#ff4b4b}.bprev.reddit{border-left-color:#ff8b3d}.bprev.twitch{border-left-color:#a970ff}
.bcols{display:grid;grid-template-columns:2fr 1fr;gap:16px}
.bcomment{border-bottom:1px solid var(--line);padding:8px 0}
.mention{color:var(--acc);font-weight:600}
.bact{font-size:13px;list-style:none;padding:0}
.bact li{padding:4px 0;border-bottom:1px solid var(--line)}
ul.check{list-style:none;padding:0}ul.check li{display:flex;gap:6px;align-items:center;flex-wrap:wrap}
ul.check form{margin:0}ul.check .done{text-decoration:line-through;color:var(--mut)}
textarea{min-height:110px;max-width:640px}
@media (max-width:720px){.board:has(>.blist){grid-auto-columns:auto}.bcols{grid-template-columns:1fr}}
