/* W128-F: the community forum. Built on the site's tokens (tokens.css) - no colours of its own. */
.forum-bar { display: flex; flex-wrap: wrap; gap: var(--space-4); align-items: center; justify-content: space-between; padding-top: var(--space-4); padding-bottom: var(--space-4); }
.forum-crumbs { display: flex; gap: var(--space-2); align-items: center; font-size: 14px; }
.forum-search { display: flex; gap: var(--space-2); align-items: center; }
.forum-search input { font: inherit; font-size: 14px; height: 32px; padding: 0 var(--space-3); border: 1px solid var(--line-strong); border-radius: var(--radius-sm); background: var(--surface); color: var(--ink); min-width: 200px; }
.forum-who { display: flex; gap: var(--space-3); align-items: center; font-size: 14px; color: var(--ink-muted); }
.forum-main { padding-bottom: var(--space-16); display: grid; gap: var(--space-4); }
.forum-list { list-style: none; margin: 0; padding: 0; display: grid; gap: var(--space-2); }
.forum-row { padding: var(--space-4); display: grid; gap: var(--space-1); }
.forum-row h2, .forum-row h3 { font-size: 17px; line-height: 24px; font-weight: 650; margin: 0; }
.forum-meta { font-size: 13px; line-height: 20px; color: var(--ink-muted); display: flex; flex-wrap: wrap; gap: var(--space-3); align-items: center; }
.forum-post { padding: var(--space-6); display: grid; gap: var(--space-3); }
.forum-post-actions { display: flex; gap: var(--space-3); font-size: 13px; }
.forum-body { overflow-wrap: anywhere; line-height: 1.6; }
.forum-body pre { overflow-x: auto; padding: var(--space-3); background: var(--surface-sunken); border-radius: var(--radius-sm); font-family: var(--font-mono); font-size: 13px; }
.forum-body code { font-family: var(--font-mono); font-size: .92em; }
.forum-body blockquote { margin: 0; padding-left: var(--space-4); border-left: 3px solid var(--line-strong); color: var(--ink-muted); }
.forum-body h2, .forum-body h3, .forum-body h4 { font-size: 17px; line-height: 24px; font-weight: 650; }
.forum-notice { padding: var(--space-3) var(--space-4); border-radius: var(--radius-sm); background: var(--warning-soft); color: var(--warning); font-size: 14px; }
.forum-form { padding: var(--space-6); display: grid; gap: var(--space-4); }
.forum-pager { display: flex; gap: var(--space-3); }
.visually-hidden { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }