/* board.css — /members/ only (the members' board). Tokens from tokens.css; classes bd-. */
.bd-hero .sub{max-width:var(--prose);font-size:var(--fs-4);line-height:var(--lh-body)}
.bd-app{max-width:52rem}
.bd-join p,.bd-rules ul{max-width:var(--prose);line-height:var(--lh-body)}
.bd-perks{padding-left:1.2em;line-height:var(--lh-body);max-width:var(--prose)}
.bd-perks li{margin-bottom:var(--s-2)}
.bd-cta{display:inline-flex;flex-wrap:wrap;gap:var(--s-2)}
.bd-rules li{margin-bottom:var(--s-2)}

.bd-welcome{padding:var(--s-4);background:var(--panel);border:1px solid var(--line);border-radius:var(--r-3)}
.bd-welcome p{margin:0 0 var(--s-2)}
.bd-welcome p:last-child{margin:0}

.bd-rooms{list-style:none;margin:0;padding:0;display:grid;gap:var(--s-3);grid-template-columns:1fr}
@media (min-width:700px){.bd-rooms{grid-template-columns:1fr 1fr}}
.bd-room{background:var(--panel);border:1px solid var(--line);border-radius:var(--r-3);padding:var(--s-4);min-width:0}
.bd-room-staff{border-color:var(--accent-line);background:var(--accent-soft)}
.bd-room h3{margin:0 0 var(--s-1);font-size:var(--fs-5)}
.bd-room h3 a{color:var(--ink);text-decoration:none}
.bd-room h3 a:hover{text-decoration:underline}
.bd-blurb{color:var(--muted);margin:0 0 var(--s-2);line-height:var(--lh-snug)}
.bd-latest{margin:var(--s-2) 0 0;font-size:var(--fs-3);overflow-wrap:anywhere}

.bd-hint{color:var(--muted);font-size:var(--fs-3);margin:var(--s-1) 0}
.bd-meta{color:var(--muted);font-size:var(--fs-2)}
.bd-h2{margin:var(--s-2) 0 var(--s-2)}
.bd-crumbs{list-style:none;display:flex;flex-wrap:wrap;gap:var(--s-1);padding:0;margin:var(--s-4) 0 0;font-size:var(--fs-3);color:var(--muted)}
.bd-crumbs li+li::before{content:"›";margin-right:var(--s-1)}
.bd-thead{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s-2)}

.bd-threads{list-style:none;margin:0 0 var(--s-4);padding:0;border-top:1px solid var(--line)}
.bd-thread{padding:var(--s-3) 0;border-bottom:1px solid var(--line)}
.bd-t{margin:0 0 2px;display:flex;flex-wrap:wrap;align-items:center;gap:var(--s-2);font-weight:600;overflow-wrap:anywhere}
.bd-thread .bd-meta{margin:0}

.bd-posts{list-style:none;margin:var(--s-3) 0 var(--s-4);padding:0;display:grid;gap:var(--s-3)}
.bd-post{background:var(--panel);border:1px solid var(--line);border-radius:var(--r-3);padding:var(--s-3) var(--s-4);min-width:0}
.bd-post-staff{border-left:3px solid var(--accent)}
.bd-by{margin:0 0 var(--s-2);display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--s-2)}
.bd-staff{font-size:var(--fs-1)}
.bd-body{white-space:pre-wrap;overflow-wrap:anywhere;line-height:var(--lh-body);font-size:var(--fs-4)}
.bd-tools{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s-2);margin:var(--s-2) 0 0}
.bd-st{display:inline-block;margin:0 0 var(--s-2)}
.bd-st-pending{border-color:var(--warn);color:var(--warn)}
.bd-st-hidden,.bd-st-rejected,.bd-st-removed{border-color:var(--bad);color:var(--bad)}

.bd-form{background:var(--panel-2);border:1px solid var(--line);border-radius:var(--r-3);padding:var(--s-4);margin:var(--s-4) 0}
.bd-form h3{margin:0 0 var(--s-3)}
.bd-report{margin:var(--s-2) 0 0;padding:var(--s-3)}
.bd-f{display:flex;flex-direction:column;gap:6px;margin-bottom:var(--s-3)}
.bd-f label{font-weight:500;font-size:var(--fs-3)}
.bd-form input,.bd-form select,.bd-form textarea{font:inherit;font-size:var(--fs-4);color:var(--ink);background:var(--panel);
  border:1px solid var(--line-strong);border-radius:var(--r-2);padding:8px 10px;min-height:44px;width:100%;box-sizing:border-box}
.bd-form textarea{resize:vertical;min-height:110px}
.bd-form input:focus-visible,.bd-form select:focus-visible,.bd-form textarea:focus-visible{outline:2px solid var(--focus);outline-offset:1px}
.bd-form [aria-invalid=true]{border-color:var(--bad)}
.bd-msg{margin:var(--s-2) 0;padding:10px 12px;border-left:3px solid var(--ok);background:var(--panel);border-radius:0 var(--r-2) var(--r-2) 0}
.bd-bad{border-left-color:var(--bad)}
.bd-pager,.bd-tabs{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s-2)}
.bd-app h2[tabindex]:focus{outline:none}