@font-face{font-family:"Obel Mono";src:url('/fonts/obel-mono.woff2') format('woff2');font-display:swap}
/* Paint the grain on the full document, not site.css's fixed viewport-sized pseudo-element. */
body.board{min-height:100dvh;background-color:var(--paper);background-image:var(--grain)}
body.board::before{content:none}
.board main{padding-top:64px}
.board-intro{display:flex;align-items:flex-end;justify-content:space-between;gap:32px;margin-bottom:48px}
.board-intro h1{font-size:64px;line-height:1.1;margin:16px 0 24px}
.board-eyebrow{font-size:14px;color:var(--accent-ink)}
.board-intro .lede{max-width:730px}
.board-filters{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:48px}
.board-filters a,.board-tag{padding:7px 12px;background:var(--paper-2);border-radius:999px;font-size:12px;color:var(--ink);text-transform:capitalize}
.board-filters a:first-child{background:var(--ink);color:var(--paper)}
.board-group{font-size:22px;line-height:28px;text-transform:capitalize;display:flex;gap:16px;margin:36px 0 16px}
.board-group span,.board-discussion h2 span{color:var(--muted)}
.board-card{background:var(--card);border:1px solid var(--paper-3);border-radius:20px;padding:28px;margin:16px 0}
.board-card h2{font-size:26px;line-height:34px;letter-spacing:-.03em;margin:18px 0 14px}
.board-card h2 a:hover{text-decoration:underline}
.board-meta{display:flex;gap:12px;align-items:center;flex-wrap:wrap;font-size:12px;color:var(--muted)}
.board-tag[data-type='known_issue']{background:var(--accent-tint);color:var(--accent-ink)}
.board-copy{white-space:normal;overflow-wrap:anywhere;max-width:900px}
.board-copy p+p{margin-top:16px}
.board-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:24px;font-size:13px}
.board-actions button:not(.btn),.board-widget button:not(.btn):not(.link){border:1px solid var(--paper-3);background:var(--paper-2);color:var(--ink);border-radius:10px;padding:8px 12px;cursor:pointer;font:inherit}
.board-actions a{margin-left:auto;color:var(--ink)}
.board-status{text-transform:capitalize;color:var(--text)}
.board-rules{background:var(--paper-2);border-radius:20px;padding:32px;margin:48px 0}
.board-rules h2,.board-discussion h2,.board-history h2,.board #ideas h2,.board-widget h2{font-size:24px;line-height:32px;margin:0 0 16px}
.board-rules p{font-size:13px;line-height:22px;max-width:960px;margin:12px 0}
.board-back{display:inline-block;margin-bottom:16px}
.board-history{margin:32px 0;padding:24px;border-left:3px solid var(--accent)}
.board-history ol{padding-left:20px}
.board-history li{padding:6px 0;text-transform:capitalize}
.board-history time{color:var(--muted);margin-right:16px}
.board-comment{border-bottom:1px solid var(--paper-3);padding:24px 0}
.board-comment header{display:flex;gap:20px;align-items:center;margin-bottom:14px;font-size:13px}
.board-comment time{color:var(--muted)}
.board-form{padding:24px;background:var(--card);border:1px solid var(--paper-3);border-radius:16px;display:grid;gap:16px;margin-top:24px}
.board-form label{display:grid;gap:8px;color:var(--ink);font-size:14px}
.board-form textarea,.board-form input,.board-form select,.board-widget select{font:inherit;color:var(--ink);background:var(--paper);border:1px solid var(--paper-3);border-radius:10px;padding:12px;width:100%;min-width:0}
.board-form textarea{min-height:140px;resize:vertical}
.board-form button{justify-self:start}
.board-form p{font-size:13px;line-height:22px}
.board-notice,[data-board-notice]:not(:empty){background:var(--accent-tint);color:var(--accent-ink);padding:16px;border-radius:12px;margin:16px 0;overflow-wrap:anywhere}
.board-notice:empty{display:none}
.board-auth{padding:24px 0;font-size:14px}
.board-auth a{color:var(--accent-ink);text-decoration:underline}
/* This class belongs to an inner console panel, never to the shell or elevation bar. */
.board-widget{--paper:var(--bg);--paper-2:var(--surface-2);--paper-3:var(--border);--card:var(--surface);--ink:var(--fg,var(--text));--accent-ink:var(--accent);--accent-tint:var(--accent-soft);color:var(--text);width:100%;min-width:0}
.board-widget [hidden]{display:none!important}
.board-widget .board-card h2{font-size:22px}
.board-widget .board-copy{white-space:pre-wrap}
.board-widget .board-meta{margin-bottom:12px}
.board-widget a{text-decoration:underline}
.board-widget .board-form{margin-bottom:24px}
.board-queue{display:grid;gap:16px;margin-top:24px}
.board-queue-item{background:var(--card);padding:24px;border:1px solid var(--paper-3);border-radius:16px;margin-bottom:16px}
.board-queue-item pre{white-space:pre-wrap;overflow-wrap:anywhere;font:inherit;background:none;color:inherit;padding:0;border:0;border-radius:0}
.board-queue-item label{display:grid;gap:8px;margin:12px 0}
.board-queue-item input{font:inherit;padding:12px;background:var(--paper);color:var(--ink);border:1px solid var(--paper-3);border-radius:10px;width:100%;min-width:0}
.board button:focus-visible,.board a:focus-visible,.board-widget button:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
@media(max-width:700px){
  .board{--gutter:20px}.board main{padding-top:36px}.board-intro{display:block;margin-bottom:32px}
  .board-intro h1{font-size:42px}.board-intro .lede{font-size:16px;line-height:26px}.board-intro>.btn{margin-top:24px}
  .board-card{padding:20px}.board-card h2{font-size:22px;line-height:30px}.board-meta{gap:8px}
  .board-copy{font-size:14px;line-height:24px}.board-rules,.board-form{padding:20px}
  .board-history{padding:16px}.board-history time{display:block}.board-actions{gap:8px}.board-queue-item{padding:16px}
}