/* Discussion board (ACQ-BOARD-1). */
.board .board-head { display: flex; gap: 16px; align-items: flex-start; justify-content: space-between; flex-wrap: wrap; margin-bottom: 10px; }
.board .board-toolbar { display: flex; gap: 10px; align-items: center; flex-wrap: wrap; margin: 10px 0 14px; }
.board .board-new, .board .board-reply { margin: 10px 0 16px; }
.board .board-new .hx-input { width: 100%; box-sizing: border-box; }
.board .board-composer { width: 100%; box-sizing: border-box; font-family: inherit; font-size: 13.5px; margin-top: 6px; }
.board .board-list { width: 100%; font-size: 13px; }
.board .board-post { margin-bottom: 10px; }
.board .board-post header { display: flex; gap: 8px; align-items: center; margin-bottom: 6px; font-size: 13px; }
.board .board-post.ai { border-left: 3px solid var(--hx-accent, #2f6fb0); }
.board .board-body { font-size: 13.5px; line-height: 1.5; overflow-wrap: anywhere; }
.board .board-body img.board-image { max-width: 100%; height: auto; border: 1px solid var(--hx-border, #d0d5dd); border-radius: 4px; }
.board-meter { display: flex; gap: 8px; align-items: center; font-size: 12px; }
.board-meter-bar { display: inline-block; width: 120px; height: 8px; border-radius: 4px; background: var(--hx-border, #d0d5dd); overflow: hidden; }
.board-meter-fill { display: block; height: 100%; background: var(--hx-accent, #2f6fb0); }
.board-meter-fill.near { background: var(--warn); }
.board-meter-fill.at { background: var(--danger); }
@media (max-width: 640px) { .board .board-list td:nth-child(2), .board .board-list td:nth-child(3) { display: none; } }
/* Topics (ACQ-BOARD-2). */
.board .board-topic { margin-bottom: 12px; }
.board .board-topic > header { display: flex; gap: 8px; align-items: center; flex-wrap: wrap; }
.board .board-topic-title { font-weight: 600; font-size: 14.5px; }
.board .board-topic-stats { font-size: 12px; }
.board .board-topic-admin, .board .board-topic-new { margin-left: auto; }
.board .board-topic-admin { display: inline-flex; gap: 4px; }
.board .board-topic-admin .hx-btn, .board .board-topic-new { font-size: 11.5px; padding: 2px 8px; }
.board .board-topic-desc { margin: 2px 0 6px; font-size: 12.5px; }
.board .board-list tr.pinned td { background: var(--hx-surface-2, rgba(47, 111, 176, 0.05)); }
.board .board-anchor { display: flex; flex-wrap: wrap; gap: 8px; margin: 0 0 12px; }
.board .board-filter-chip { min-height: 36px; padding: 0 12px; border-radius: 999px; border: 1px solid var(--hx-border); background: var(--hx-card); color: var(--hx-fg); font-size: 13px; }
.board .board-filter-chip[aria-pressed="true"] { background: var(--aq-selected); color: var(--aq-selected-fg); }
.board .board-about-chip { font-size: 13px; margin-left: 8px; }

/* ACQ-BOARD-EMAIL-1: the one-time email offer banner and the board email settings. */
.board .board-email-offer { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin: 0 0 12px; padding: 6px 8px 6px 12px;
  border: 1px solid var(--hx-border, #d6dde3); border-left: 3px solid var(--hx-accent, #1f6f8b); border-radius: 6px;
  background: var(--hx-surface-2, #f4f8fa); font-size: 13px; }
.board .board-email-offer .hx-btn { font-size: 12px; padding: 3px 10px; }
.board .board-email-offer-text { font-weight: 600; margin-right: 4px; }
.board .board-email-offer-error { color: var(--hx-danger, #b3261e); font-size: 12px; }
.board .board-email-offer-close { margin-left: auto; border: 0; background: transparent; color: inherit; font-size: 18px; line-height: 1;
  padding: 2px 6px; cursor: pointer; border-radius: 4px; }
.board .board-email-offer-close:hover { background: var(--hx-border, #d6dde3); }
.board .board-email-toggle { margin-left: auto; font-size: 12.5px; }
.board .board-email-settings { margin: 0 0 14px; font-size: 13px; max-width: 560px; }
.board .board-email-settings-head { display: flex; justify-content: space-between; align-items: center; margin-bottom: 6px; }
.board .board-email-settings fieldset { border: 0; padding: 0; margin: 0 0 8px; display: flex; flex-direction: column; gap: 3px; }
.board .board-email-settings fieldset:disabled { opacity: .55; }
.board .board-email-settings legend { font-size: 13px; font-weight: 600; line-height: 1.4; float: none; width: auto; margin: 0 0 2px; padding: 0; }
.board .board-email-settings fieldset label { display: flex; align-items: center; gap: 6px; }
.board .board-email-address { display: block; margin: 4px 0 6px; }
.board .board-email-address .hx-input { display: block; max-width: 340px; margin-top: 3px; }
.board .board-email-note { font-size: 12px; margin: 4px 0 8px; }
@media (max-width: 600px) {
  .board .board-email-offer-text { flex-basis: calc(100% - 44px); order: 0; }
  .board .board-email-offer-close { order: 1; }
  .board .board-email-offer .hx-btn, .board .board-email-offer-error { order: 2; }
}