/* Presentation-only bridge to the shared Atelier system.
   All business markup and forum.js are retained from the production snapshot. */
body.forum-ui {
  --f-bg: var(--ax-bg, #121513);
  --f-bg-soft: var(--ax-surface, #1a1e1b);
  --f-panel: var(--ax-surface, #1a1e1b);
  --f-panel-raised: var(--ax-panel, #222823);
  --f-panel-warm: #292820;
  --f-paper: var(--ax-ink, #f4f1e9);
  --f-muted: var(--ax-muted, #b7bcb4);
  --f-muted-strong: #d2d6ce;
  --f-copper: var(--ax-copper, #e3ab80);
  --f-copper-light: var(--ax-copper, #e3ab80);
  --f-copper-pale: #f3c8a6;
  --f-line: var(--ax-line, #374038);
  --f-line-warm: #655344;
  --f-line-strong: var(--ax-copper, #e3ab80);
  --f-container: 1280px;
  --f-header-h: 86px;
  background: var(--f-bg);
  color: var(--f-paper);
}
body.forum-ui::before { display: none; }
.forum-ui .f-community-bar { background: var(--f-bg-soft); border-bottom: 1px solid var(--f-line); }
.forum-ui .f-community-inner { display: flex; align-items: center; gap: 28px; padding-block: 17px; }
.forum-ui .f-community-label { flex-shrink: 0; font-size: .95rem; font-weight: 750; line-height: 1.3; }
.forum-ui .f-community-label span { display: block; margin-top: 3px; color: var(--f-muted); font-size: .68rem; font-weight: 500; }
.forum-ui .f-community-navigation { display: flex; flex: 1; align-items: center; justify-content: space-between; gap: 24px; min-width: 0; }
.forum-ui .f-community-navigation .f-main-nav { display: flex; align-items: center; flex-direction: row; flex-wrap: wrap; gap: 20px; }
.forum-ui .f-community-navigation .f-main-nav a { color: var(--f-muted); font-size: .75rem; line-height: 1.4; }
.forum-ui .f-community-navigation .f-main-nav a:hover,
.forum-ui .f-community-navigation .f-main-nav a[aria-current] { color: var(--f-copper); }
.forum-ui .f-community-navigation .f-header-actions { display: flex; align-items: center; gap: 12px; }
.forum-ui .f-community-navigation .f-btn-sm { min-height: 38px; padding-inline: 14px; font-size: .73rem; }
.forum-ui .f-community-navigation .f-search-trigger { width: 34px; justify-content: center; }
.forum-ui .f-community-navigation .f-search-trigger > span:not(.f-icon),
.forum-ui .f-community-navigation .f-search-trigger kbd { display: none; }
.forum-ui .f-btn { border-radius: 7px; }
.forum-ui .f-btn-primary { font-weight: 750; }
.forum-ui .f-forum-intro { background: var(--f-bg); padding-block: 60px 32px; }
.forum-ui .f-forum-intro-grid { padding-block: 0 28px; }
.forum-ui .f-forum-intro h1 { max-width: 700px; font-size: clamp(2rem, 3.3vw, 3.2rem); line-height: 1.07; letter-spacing: -.045em; }
.forum-ui .f-forum-counter { flex-wrap: wrap; row-gap: 14px; padding-block: 18px; border-color: var(--f-line); color: var(--f-muted); }
.forum-ui .f-forum-counter span { min-width: 0; max-width: 100%; overflow-wrap: anywhere; }
.forum-ui .f-forum-live { padding-top: 40px; }
.forum-ui .f-forum-list-head h2 { font-size: clamp(1.35rem, 2vw, 1.8rem); letter-spacing: -.025em; }
.forum-ui .f-topic-list, .forum-ui .f-board-list { border: 1px solid var(--f-line); border-radius: 12px; overflow: hidden; }
.forum-ui .f-topic-row { background: var(--f-bg-soft); }
.forum-ui .f-topic-row:hover { background: var(--f-panel-raised); }
.forum-ui .f-topic-row h3 { font-weight: 650; line-height: 1.4; }
.forum-ui .f-forum-new-topic, .forum-ui .f-forum-rail > section { border-radius: 10px; }
.forum-ui .f-board-row { background: var(--f-bg-soft); }
.forum-ui .f-post { border-radius: 10px; overflow: hidden; }
.forum-ui .f-topic-heading h1 { max-width: 950px; font-size: clamp(2rem, 3.6vw, 3.6rem); letter-spacing: -.04em; }
.forum-ui .f-auth-page { min-height: calc(100dvh - 235px); }
.forum-ui .f-auth-visual { min-height: 0; align-items: center; background: var(--f-bg-soft); }
.forum-ui .f-auth-visual h1 { font-size: clamp(2.3rem, 3.8vw, 4rem); letter-spacing: -.045em; line-height: 1.08; }
.forum-ui .f-auth-card h2 { font-size: 2rem; letter-spacing: -.035em; }
.forum-ui .f-auth-panel { min-height: 0; padding-block: 42px; justify-content: flex-start; background: var(--f-bg); }
.forum-ui .f-auth-back { position: static; display: block; width: min(100%, 520px); margin: 0 auto 28px; }
.forum-ui .f-field input:not([type="checkbox"]),
.forum-ui .f-field textarea, .forum-ui .f-field select,
.forum-ui .f-global-search > div { border-radius: 7px; }
.forum-ui .f-footer { background: var(--f-bg-soft); }
.forum-ui .f-footer a:hover { color: var(--f-copper); }
.forum-ui .f-preview-note { margin: 0; padding: 9px 24px; border-bottom: 1px solid var(--f-line); color: var(--f-muted); font-size: .72rem; text-align: center; }
@media (max-width: 1180px) {
  .forum-ui .f-community-inner { flex-wrap: wrap; gap: 12px; }
  .forum-ui .f-community-label { display: none; }
  .forum-ui .f-community-navigation .f-main-nav { gap: 16px; }
}
@media (max-width: 800px) {
  .forum-ui .f-community-inner { width: 100%; padding: 0; }
  .forum-ui .f-community-navigation { display: flex; flex-direction: column; align-items: stretch; gap: 0; width: 100%; }
  .forum-ui .f-community-navigation .f-main-nav { flex-wrap: nowrap; justify-content: space-between; gap: 16px; padding: 14px 20px; overflow-x: auto; border-bottom: 1px solid var(--f-line); }
  .forum-ui .f-community-navigation .f-main-nav a { flex-shrink: 0; min-height: 26px; display: inline-flex; align-items: center; padding: 0; }
  .forum-ui .f-community-navigation .f-header-actions { width: 100%; padding: 11px 20px; border: 0; justify-content: flex-end; }
  .forum-ui .f-community-navigation .f-search-trigger { margin-right: auto; min-height: 38px; }
  .forum-ui .f-forum-intro { padding-block: 36px 24px; }
  .forum-ui .f-forum-intro h1 { font-size: 2.15rem; }
  .forum-ui .f-topic-toolbar { gap: 9px; }
  .forum-ui .f-topic-toolbar .f-btn { padding-inline: 14px; min-height: 46px; font-size: .78rem; }
}
@media (max-width: 480px) {
  .forum-ui .f-community-navigation .f-main-nav { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 20px; padding-block: 5px; overflow: visible; }
  .forum-ui .f-community-navigation .f-main-nav a { min-height: 44px; border: 0; font-size: .8rem; }
  .forum-ui .f-auth-panel { padding-block: 30px 42px; }
}
@media (max-width: 760px) {
  /* Reflow real, growing statistics instead of introducing a scroll-only region. */
  .forum-ui .f-forum-counter { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px 20px; overflow: visible; }
  .forum-ui .f-forum-counter span { min-width: 0; padding: 0; border: 0; }
}