/* LOGUETOWN — Forum communautaire 2026
   Forum dense, lisible et responsive. Chargé après les anciens bundles. */
.f26,
.fs-page {
  --f26-bg: #07111b;
  --f26-surface: #0d1a27;
  --f26-surface-2: #122232;
  --f26-surface-3: #172b3e;
  --f26-line: rgba(219, 196, 151, .17);
  --f26-line-strong: rgba(219, 196, 151, .34);
  --f26-text: #f3efe6;
  --f26-muted: #aab4bd;
  --f26-dim: #788692;
  --f26-gold: #dfbd76;
  --f26-gold-strong: #efcf8c;
  --f26-gold-wash: rgba(223, 189, 118, .09);
  --f26-blue: #79a9c6;
  --f26-green: #74b795;
  --f26-danger: #e4877d;
  --f26-shadow: 0 20px 60px rgba(0, 0, 0, .22);
  --f26-ease: cubic-bezier(.23, 1, .32, 1);
  background: var(--f26-bg) !important;
  color: var(--f26-text);
  min-height: 70vh;
}

[data-theme="light"] .f26,
[data-theme="light"] .fs-page {
  --f26-bg: #f2efe8;
  --f26-surface: #fffdf8;
  --f26-surface-2: #f7f2e9;
  --f26-surface-3: #efe7da;
  --f26-line: rgba(38, 51, 63, .14);
  --f26-line-strong: rgba(38, 51, 63, .26);
  --f26-text: #16222d;
  --f26-muted: #586671;
  --f26-dim: #77838c;
  --f26-gold: #9b6d19;
  --f26-gold-strong: #7e550e;
  --f26-gold-wash: rgba(155, 109, 25, .08);
  --f26-blue: #356f93;
  --f26-green: #367b5a;
  --f26-danger: #a5463d;
  --f26-shadow: 0 18px 50px rgba(34, 40, 44, .08);
}

.f26 *, .fs-page * { box-sizing: border-box; }
.f26 [hidden], .fs-page [hidden] { display: none !important; }
.f26 a, .fs-page a { -webkit-tap-highlight-color: transparent; }
.f26 a:focus-visible,
.f26 button:focus-visible,
.f26 input:focus-visible,
.f26 select:focus-visible,
.f26 textarea:focus-visible,
.fs-page a:focus-visible,
.fs-page button:focus-visible,
.fs-page input:focus-visible,
.fs-page select:focus-visible,
.fs-page textarea:focus-visible {
  outline: 3px solid color-mix(in srgb, var(--f26-gold) 68%, white);
  outline-offset: 3px;
}

/* Accueil du forum ------------------------------------------------------- */
.f26-hero {
  background:
    radial-gradient(circle at 82% 5%, rgba(121, 169, 198, .13), transparent 29rem),
    linear-gradient(180deg, #0b1927 0%, var(--f26-bg) 100%);
  border-bottom: 1px solid var(--f26-line);
  overflow: hidden;
  position: relative;
}
[data-theme="light"] .f26-hero {
  background:
    radial-gradient(circle at 82% 5%, rgba(53, 111, 147, .09), transparent 29rem),
    linear-gradient(180deg, #fffdf8 0%, var(--f26-bg) 100%);
}
.f26-hero::after {
  background-image: linear-gradient(rgba(255,255,255,.022) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.022) 1px, transparent 1px);
  background-size: 38px 38px;
  content: "";
  inset: 0;
  mask-image: linear-gradient(to left, #000, transparent 74%);
  pointer-events: none;
  position: absolute;
}
.f26-hero__inner {
  align-items: end;
  display: grid;
  gap: clamp(32px, 6vw, 90px);
  grid-template-columns: minmax(0, 1fr) auto;
  padding-block: clamp(56px, 7vw, 92px) clamp(42px, 6vw, 70px);
  position: relative;
  z-index: 1;
}
.f26-hero__copy { max-width: 790px; }
.f26-kicker,
.f26-overline {
  color: var(--f26-gold);
  font: 750 11px/1.3 Inter, system-ui, sans-serif;
  letter-spacing: .18em;
  margin: 0 0 14px;
  text-transform: uppercase;
}
.f26-kicker { align-items: center; display: flex; gap: 10px; }
.f26-kicker span {
  background: var(--f26-gold);
  border-radius: 50%;
  box-shadow: 0 0 0 5px var(--f26-gold-wash);
  height: 6px;
  width: 6px;
}
.f26 .f26-hero h1 {
  color: var(--f26-text);
  font: 530 clamp(38px, 5.4vw, 66px)/1.02 Fraunces, Georgia, serif;
  letter-spacing: -.045em;
  margin: 0;
  max-width: 780px;
  text-wrap: balance;
  text-transform: none !important;
}
.f26-hero h1 em { color: var(--f26-gold); font-weight: 430; }
.f26-hero__lead {
  color: var(--f26-muted);
  font: 400 clamp(16px, 1.7vw, 19px)/1.65 Inter, system-ui, sans-serif;
  margin: 24px 0 0;
  max-width: 720px;
}
.f26-hero__actions { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 30px; }
.f26-btn {
  align-items: center;
  border: 1px solid transparent;
  border-radius: 6px;
  cursor: pointer;
  display: inline-flex;
  font: 750 13px/1 Inter, system-ui, sans-serif;
  gap: 9px;
  justify-content: center;
  min-height: 46px;
  padding: 0 18px;
  text-decoration: none;
  touch-action: manipulation;
  transition: background-color 180ms ease, border-color 180ms ease, color 180ms ease, transform 140ms var(--f26-ease);
}
.f26-btn:active { transform: scale(.97); }
.f26 .f26-btn--primary { background: var(--f26-gold); color: #17212a !important; }
.f26 .f26-btn--primary:hover { background: var(--f26-gold-strong); color: #111923 !important; }
.f26 .f26-btn--primary svg { color: #17212a; }
.f26-btn--ghost { background: transparent; border-color: var(--f26-line-strong); color: var(--f26-text); }
.f26-btn--ghost:hover { background: var(--f26-surface-2); border-color: var(--f26-gold); color: var(--f26-gold-strong); }
.f26-stats {
  border-left: 1px solid var(--f26-line);
  display: grid;
  gap: 24px;
  margin: 0;
  min-width: 210px;
  padding-left: 34px;
}
.f26-stats div { display: grid; gap: 3px; }
.f26-stats dt { color: var(--f26-text); font: 560 27px/1 Fraunces, Georgia, serif; }
.f26-stats dd { color: var(--f26-dim); font: 650 10px/1.3 Inter, sans-serif; letter-spacing: .13em; margin: 0; text-transform: uppercase; }

.f26-subnav {
  backdrop-filter: blur(16px);
  background: color-mix(in srgb, var(--f26-bg) 90%, transparent);
  border-bottom: 1px solid var(--f26-line);
  position: sticky;
  top: 72px;
  z-index: 20;
}
.f26-subnav__inner { display: flex; gap: 4px; overflow-x: auto; scrollbar-width: none; }
.f26-subnav__inner::-webkit-scrollbar { display: none; }
.f26-subnav a {
  border-bottom: 2px solid transparent;
  color: var(--f26-muted);
  flex: 0 0 auto;
  font: 700 12px/1 Inter, sans-serif;
  min-height: 50px;
  padding: 19px 14px 16px;
  text-decoration: none;
}
.f26-subnav a:hover, .f26-subnav a.is-active { border-bottom-color: var(--f26-gold); color: var(--f26-text); }

.f26-body { padding: clamp(26px, 5vw, 60px) 0 clamp(60px, 8vw, 100px); }
.f26-layout { align-items: start; display: grid; gap: 24px; grid-template-columns: minmax(0, 1fr) 310px; }
.f26-main { display: grid; gap: 24px; min-width: 0; }
.f26-panel,
.f26-side-card {
  background: var(--f26-surface);
  border: 1px solid var(--f26-line);
  border-radius: 10px;
  box-shadow: var(--f26-shadow);
  overflow: hidden;
}
.f26-panel__head {
  align-items: center;
  border-bottom: 1px solid var(--f26-line);
  display: flex;
  justify-content: space-between;
  min-height: 86px;
  padding: 20px 24px;
}
.f26-panel__head .f26-overline { margin-bottom: 5px; }
.f26-panel__head h2,
.f26-side-card h2 {
  color: var(--f26-text);
  font: 560 22px/1.15 Fraunces, Georgia, serif;
  letter-spacing: -.02em;
  margin: 0;
  text-transform: none !important;
}
.f26-live { align-items: center; color: var(--f26-green); display: flex; font: 700 10px/1 Inter, sans-serif; gap: 7px; letter-spacing: .1em; text-transform: uppercase; }
.f26-live i { background: currentColor; border-radius: 50%; box-shadow: 0 0 0 4px color-mix(in srgb, currentColor 15%, transparent); height: 6px; width: 6px; }

.f26-topic-list, .f26-category-list { display: grid; }
.f26-topic {
  align-items: center;
  border-bottom: 1px solid var(--f26-line);
  color: inherit;
  display: grid;
  gap: 14px;
  grid-template-columns: 42px minmax(0, 1fr) 72px 66px 18px;
  min-height: 94px;
  padding: 15px 20px;
  text-decoration: none;
  transition: background-color 170ms ease, border-color 170ms ease;
}
.f26-topic:last-child { border-bottom: 0; }
.f26-topic:hover { background: var(--f26-gold-wash); }
.f26-topic__avatar {
  align-items: center;
  background: var(--f26-surface-3);
  border: 1px solid var(--f26-line-strong);
  border-radius: 50%;
  color: var(--f26-gold);
  display: flex;
  font: 650 16px/1 Fraunces, serif;
  height: 42px;
  justify-content: center;
  width: 42px;
}
.f26-topic__content { display: grid; gap: 4px; min-width: 0; }
.f26-topic__category { color: var(--f26-blue); font: 750 10px/1.2 Inter, sans-serif; letter-spacing: .08em; text-transform: uppercase; }
.f26-topic__content > strong { color: var(--f26-text); font: 680 15px/1.35 Inter, sans-serif; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.f26-topic__content small { color: var(--f26-dim); font: 500 12px/1.4 Inter, sans-serif; }
.f26-topic__metric { color: var(--f26-dim); font: 600 10px/1.3 Inter, sans-serif; text-align: center; }
.f26-topic__metric b { color: var(--f26-text); display: block; font-size: 15px; font-variant-numeric: tabular-nums; }
.f26-topic__metric--views b { color: var(--f26-muted); }
.f26-topic__arrow, .f26-category__arrow { color: var(--f26-dim); transition: transform 160ms var(--f26-ease), color 160ms ease; }
.f26-topic:hover .f26-topic__arrow, .f26-category:hover .f26-category__arrow { color: var(--f26-gold); transform: translateX(3px); }

.f26-category {
  align-items: center;
  border-bottom: 1px solid var(--f26-line);
  color: inherit;
  display: grid;
  gap: 16px;
  grid-template-columns: 46px minmax(210px, 1.25fr) 96px minmax(160px, .75fr) 18px;
  min-height: 112px;
  padding: 18px 20px;
  text-decoration: none;
  transition: background-color 170ms ease;
}
.f26-category:last-child { border-bottom: 0; }
.f26-category:hover { background: var(--f26-gold-wash); }
.f26-category__icon { align-items: center; background: var(--f26-surface-2); border: 1px solid var(--f26-line); border-radius: 8px; color: var(--f26-gold); display: flex; height: 46px; justify-content: center; width: 46px; }
.f26-category__copy { display: grid; gap: 6px; min-width: 0; }
.f26-category__copy strong { color: var(--f26-text); font: 670 16px/1.25 Inter, sans-serif; }
.f26-category__copy small { color: var(--f26-muted); font: 400 13px/1.45 Inter, sans-serif; }
.f26-category__counts { color: var(--f26-dim); font: 560 11px/1.7 Inter, sans-serif; text-align: right; }
.f26-category__counts b { color: var(--f26-text); font-variant-numeric: tabular-nums; }
.f26-category__last { display: grid; gap: 5px; min-width: 0; }
.f26-category__last strong { color: var(--f26-muted); font: 600 12px/1.35 Inter, sans-serif; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.f26-category__last small { color: var(--f26-dim); font: 500 11px/1.3 Inter, sans-serif; }

.f26-sidebar { display: grid; gap: 18px; position: sticky; top: 142px; }
.f26-side-card { padding: 23px; }
.f26-side-card--accent { background: linear-gradient(145deg, var(--f26-surface-2), var(--f26-surface)); border-color: var(--f26-line-strong); }
.f26-side-card .f26-overline { margin-bottom: 9px; }
.f26-side-card p:not(.f26-overline) { color: var(--f26-muted); font: 400 13px/1.6 Inter, sans-serif; margin: 12px 0 18px; }
.f26-side-card .f26-btn { width: 100%; }
.f26-prompt-list { display: grid; gap: 0; list-style: none; margin: 16px 0 0; padding: 0; }
.f26-prompt-list li { border-top: 1px solid var(--f26-line); color: var(--f26-muted); font: 560 13px/1.4 Inter, sans-serif; padding: 12px 0 12px 17px; position: relative; }
.f26-prompt-list li::before { background: var(--f26-gold); content: ""; height: 1px; left: 0; position: absolute; top: 19px; width: 8px; }
.f26-rules ol { color: var(--f26-muted); display: grid; font: 400 13px/1.55 Inter, sans-serif; gap: 9px; margin: 15px 0 18px; padding-left: 21px; }
.f26-rules a { color: var(--f26-gold); font: 700 12px/1.3 Inter, sans-serif; text-underline-offset: 4px; }
.f26-empty { color: var(--f26-muted); padding: 45px 24px; text-align: center; }
.f26-empty strong { color: var(--f26-text); display: block; font: 560 21px/1.3 Fraunces, serif; }
.f26-empty p { margin: 8px 0 20px; }

/* Pages internes : héros, filtres et sujets ------------------------------ */
.fs-page:not(.f26) { padding-top: 0 !important; }
.fs-page:not(.f26) .fs-hero,
.fs-page:not(.f26) .lt-hero {
  background:
    radial-gradient(circle at 85% 0%, rgba(121,169,198,.12), transparent 30rem),
    var(--f26-bg) !important;
  border-bottom: 1px solid var(--f26-line) !important;
  color: var(--f26-text) !important;
  margin: 0 !important;
  min-height: 0 !important;
  padding: clamp(36px, 5vw, 64px) 0 28px !important;
}
.fs-page:not(.f26) .fs-hero__inner,
.fs-page:not(.f26) .lt-hero-inner { max-width: 1180px !important; padding: 0 24px !important; }
.fs-page:not(.f26) .fs-breadcrumb,
.fs-page:not(.f26) .communaute-back { color: var(--f26-dim) !important; font: 650 11px/1.4 Inter, sans-serif !important; letter-spacing: .08em; margin-bottom: 18px !important; text-transform: uppercase; }
.fs-page:not(.f26) .fs-breadcrumb a,
.fs-page:not(.f26) .communaute-back { color: var(--f26-muted) !important; text-decoration: none; }
.fs-page:not(.f26) .fs-breadcrumb a:hover,
.fs-page:not(.f26) .communaute-back:hover { color: var(--f26-gold) !important; }
.fs-page:not(.f26) .fs-title,
.fs-page:not(.f26) .lt-hero h1 { color: var(--f26-text) !important; font: 540 clamp(30px, 4.5vw, 50px)/1.05 Fraunces, Georgia, serif !important; letter-spacing: -.035em !important; margin: 0 0 12px !important; max-width: 900px; text-transform: none !important; }
.fs-page:not(.f26) .fs-lead,
.fs-page:not(.f26) .lt-lead { color: var(--f26-muted) !important; font: 400 16px/1.6 Inter, sans-serif !important; margin: 0 0 18px !important; max-width: 760px; }
.fs-page:not(.f26) .fs-meta { color: var(--f26-muted); }
.fs-page:not(.f26) .fs-meta__item strong { color: var(--f26-text); }
.fs-page:not(.f26) .fs-hero__actions { margin-bottom: 0; }
.fs-page:not(.f26) .fs-btn { border-radius: 6px; min-height: 44px; }
.fs-page:not(.f26) .fs-btn--primary { background: var(--f26-gold); box-shadow: none; color: #17212a !important; }
.fs-page:not(.f26) .fs-btn--ghost { background: var(--f26-surface); border-color: var(--f26-line-strong); color: var(--f26-text); }
.fs-page:not(.f26) .fs-btn:active { transform: scale(.97); }

.fs-page:not(.f26) .fs-thread-section,
.fs-page:not(.f26) .communaute-section { background: var(--f26-bg) !important; padding: 28px 0 80px !important; }
.fs-page:not(.f26) .fs-thread-container,
.fs-page:not(.f26) .communaute-container { max-width: 1180px !important; padding-inline: 24px; }
.fs-page:not(.f26) .fs-sort-bar {
  background: var(--f26-surface) !important;
  border: 1px solid var(--f26-line) !important;
  border-radius: 8px !important;
  gap: 4px !important;
  margin: 0 0 14px !important;
  padding: 6px !important;
}
.fs-page:not(.f26) .fs-sort-pill { border: 0 !important; border-radius: 5px !important; color: var(--f26-muted) !important; min-height: 38px; padding: 12px 14px !important; }
.fs-page:not(.f26) .fs-sort-pill:hover { background: var(--f26-surface-2) !important; color: var(--f26-text) !important; }
.fs-page:not(.f26) .fs-sort-pill.is-active { background: var(--f26-gold-wash) !important; color: var(--f26-gold-strong) !important; }
.f26-category-tools { align-items: center; display: flex; gap: 12px; justify-content: space-between; margin-bottom: 14px; }
.f26-category-tools .fs-sort-bar { flex: 1; margin: 0 !important; }
.f26-search { flex: 0 1 310px; position: relative; }
.f26-search svg { color: var(--f26-dim); left: 14px; pointer-events: none; position: absolute; top: 50%; transform: translateY(-50%); }
.f26-search input {
  background: var(--f26-surface);
  border: 1px solid var(--f26-line);
  border-radius: 8px;
  color: var(--f26-text);
  font: 500 14px/1 Inter, sans-serif;
  height: 52px;
  padding: 0 42px;
  width: 100%;
}
.f26-search input::placeholder { color: var(--f26-dim); }
.f26-search kbd { background: var(--f26-surface-2); border: 1px solid var(--f26-line); border-radius: 4px; color: var(--f26-dim); font: 600 11px/1 monospace; padding: 4px 7px; position: absolute; right: 12px; top: 50%; transform: translateY(-50%); }
.f26-filter-empty { background: var(--f26-surface); border: 1px dashed var(--f26-line-strong); color: var(--f26-muted); padding: 28px; text-align: center; }

.fs-page:not(.f26) .fs-topic-list { background: var(--f26-surface); border: 1px solid var(--f26-line); border-radius: 8px; gap: 0 !important; overflow: hidden; }
.fs-page:not(.f26) .fs-topic-row {
  background: transparent !important;
  border: 0 !important;
  border-bottom: 1px solid var(--f26-line) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  color: inherit;
  gap: 16px !important;
  grid-template-columns: 44px minmax(0, 1fr) 140px 18px !important;
  min-height: 105px;
  padding: 16px 18px !important;
}
.fs-page:not(.f26) .fs-topic-row:last-child { border-bottom: 0 !important; }
.fs-page:not(.f26) .fs-topic-row:hover { background: var(--f26-gold-wash) !important; transform: none !important; }
.fs-page:not(.f26) .fs-topic-row__avatar { height: 44px !important; width: 44px !important; }
.fs-page:not(.f26) .fs-topic-row__title { color: var(--f26-text) !important; font: 680 15px/1.35 Inter, sans-serif !important; }
.fs-page:not(.f26) .fs-topic-row__excerpt { color: var(--f26-muted) !important; font: 400 13px/1.45 Inter, sans-serif !important; margin: 5px 0 !important; }
.fs-page:not(.f26) .fs-topic-row__meta { color: var(--f26-dim) !important; }
.fs-page:not(.f26) .fs-topic-row__stats { border-left: 1px solid var(--f26-line); gap: 18px; padding-left: 16px; }
.fs-page:not(.f26) .fs-topic-row__stat-num { color: var(--f26-text) !important; }
.fs-page:not(.f26) .fs-topic-row__stat-label { color: var(--f26-dim) !important; }
.fs-page:not(.f26) .fs-badge--new { background: var(--f26-gold-wash) !important; border: 1px solid var(--f26-line-strong); color: var(--f26-gold-strong) !important; }
.fs-page:not(.f26) .fs-bottom-nav { border-top-color: var(--f26-line) !important; }
.fs-page:not(.f26) .fs-bottom-link { color: var(--f26-muted) !important; }

/* Lecture d'un sujet ------------------------------------------------------ */
.fs-page:not(.f26) .fs-thread { gap: 10px !important; }
.fs-page:not(.f26) .fs-post {
  background: var(--f26-surface) !important;
  border: 1px solid var(--f26-line) !important;
  border-radius: 7px !important;
  box-shadow: none !important;
  gap: 20px !important;
  grid-template-columns: 132px minmax(0, 1fr) !important;
  padding: 0 !important;
}
.fs-page:not(.f26) .fs-post:hover { border-color: var(--f26-line-strong) !important; }
.fs-page:not(.f26) .fs-post--op { border-left: 3px solid var(--f26-gold) !important; }
.fs-page:not(.f26) .fs-post__aside { background: var(--f26-surface-2); border-right: 1px solid var(--f26-line); gap: 8px !important; justify-content: flex-start; padding: 22px 14px; }
.fs-page:not(.f26) .fs-post__avatar { background: var(--f26-surface-3) !important; border-color: var(--f26-line-strong) !important; height: 68px !important; width: 68px !important; }
.fs-page:not(.f26) .fs-post__author { color: var(--f26-text) !important; font-size: 13px !important; }
.fs-page:not(.f26) .fs-post__main { padding: 18px 20px 16px 0; }
.fs-page:not(.f26) .fs-post__head { border-bottom-color: var(--f26-line) !important; }
.fs-page:not(.f26) .fs-post__num, .fs-page:not(.f26) .fs-post__time { color: var(--f26-dim) !important; }
.fs-page:not(.f26) .fs-post__content { color: var(--f26-text) !important; font: 400 16px/1.72 Inter, sans-serif !important; max-width: 76ch; min-height: 64px; }
.fs-page:not(.f26) .fs-post__actions { border-top-color: var(--f26-line) !important; }
.fs-page:not(.f26) .fs-post__action { color: var(--f26-muted) !important; min-height: 38px; }
.fs-page:not(.f26) .fs-post__action:hover { background: var(--f26-gold-wash) !important; color: var(--f26-gold) !important; }
.fs-page:not(.f26) .fs-divider__line { background: var(--f26-line) !important; }
.fs-page:not(.f26) .fs-divider__label { color: var(--f26-dim) !important; }
.fs-page:not(.f26) .fs-reply,
.fs-page:not(.f26) .fs-reply-login { background: var(--f26-surface) !important; border-color: var(--f26-line) !important; border-radius: 8px !important; box-shadow: none !important; color: var(--f26-text) !important; }

/* Formulaires de nouveau sujet ------------------------------------------- */
.forum-compose.fs-page .lt-hero { padding-bottom: 34px !important; }
.forum-compose__shell { display: grid; gap: 24px; grid-template-columns: minmax(0, 1fr) 280px; max-width: 1040px !important; }
.forum-compose__panel,
.forum-compose__aside { background: var(--f26-surface); border: 1px solid var(--f26-line); border-radius: 9px; box-shadow: var(--f26-shadow); }
.forum-compose__panel { padding: clamp(22px, 4vw, 38px); }
.forum-compose__aside { align-self: start; padding: 22px; position: sticky; top: 100px; }
.forum-compose__aside h2 { color: var(--f26-text); font: 560 18px/1.25 Fraunces, serif; margin: 0 0 14px; }
.forum-compose__aside ol { color: var(--f26-muted); display: grid; font: 400 13px/1.55 Inter, sans-serif; gap: 11px; margin: 0; padding-left: 20px; }
.forum-compose .forum-form { display: grid; gap: 22px; }
.forum-compose .form-group { display: grid; gap: 8px; }
.forum-compose .form-group label { color: var(--f26-text); font: 700 13px/1.35 Inter, sans-serif; }
.forum-compose .form-helper { color: var(--f26-dim); font: 400 12px/1.45 Inter, sans-serif; margin: 0; }
.forum-compose .form-group input,
.forum-compose .form-group select,
.forum-compose .form-group textarea {
  background: var(--f26-surface-2) !important;
  border: 1px solid var(--f26-line-strong) !important;
  border-radius: 6px !important;
  color: var(--f26-text) !important;
  font: 400 16px/1.55 Inter, sans-serif !important;
  min-height: 48px;
  padding: 12px 14px !important;
  width: 100%;
}
.forum-compose .form-group textarea { min-height: 260px; resize: vertical; }
.forum-compose .form-group input::placeholder,
.forum-compose .form-group textarea::placeholder { color: var(--f26-dim); opacity: 1; }
.forum-compose .form-group input:focus,
.forum-compose .form-group select:focus,
.forum-compose .form-group textarea:focus { border-color: var(--f26-gold) !important; box-shadow: 0 0 0 3px var(--f26-gold-wash) !important; outline: 0; }
.forum-compose .form-actions { align-items: center; border-top: 1px solid var(--f26-line); display: flex; gap: 10px; justify-content: flex-end; margin-top: 4px; padding-top: 20px; }
.forum-compose .btn-primary,
.forum-compose .btn-secondary { align-items: center; border: 1px solid transparent; border-radius: 6px !important; display: inline-flex; font: 730 13px/1 Inter, sans-serif; justify-content: center; min-height: 46px; padding: 0 18px; text-decoration: none; }
.forum-compose .btn-primary { background: var(--f26-gold) !important; color: #17212a !important; }
.forum-compose .btn-secondary { background: transparent !important; border-color: var(--f26-line-strong) !important; color: var(--f26-muted) !important; }
.forum-compose .alert { border-radius: 6px; margin-bottom: 20px; padding: 14px 16px; }
.forum-compose .alert-error { background: color-mix(in srgb, var(--f26-danger) 12%, transparent); border: 1px solid color-mix(in srgb, var(--f26-danger) 45%, transparent); color: var(--f26-danger); }
.forum-compose__count { color: var(--f26-dim); font: 600 11px/1 Inter, sans-serif; margin-left: auto; }
.forum-compose__meta { align-items: center; display: flex; gap: 10px; }
.forum-draft-status { color: var(--f26-green); font: 600 11px/1.3 Inter, sans-serif; }
.forum-draft-clear { background: transparent; border: 0; color: var(--f26-dim); cursor: pointer; font: 600 11px/1.3 Inter, sans-serif; margin-left: auto; padding: 8px 0; text-decoration: underline; text-underline-offset: 3px; }

@media (max-width: 1020px) {
  .f26-layout { grid-template-columns: 1fr; }
  .f26-sidebar { grid-template-columns: repeat(3, 1fr); position: static; }
  .f26-category { grid-template-columns: 46px minmax(0, 1fr) 90px minmax(140px, .7fr) 18px; }
}

@media (max-width: 780px) {
  .f26-hero__inner { align-items: start; grid-template-columns: 1fr; }
  .f26-stats { border-left: 0; border-top: 1px solid var(--f26-line); gap: 12px; grid-template-columns: repeat(3, 1fr); min-width: 0; padding: 22px 0 0; }
  .f26-stats div { text-align: center; }
  .f26-sidebar { grid-template-columns: 1fr; }
  .f26-topic { grid-template-columns: 40px minmax(0, 1fr) 18px; }
  .f26-topic__metric { display: none; }
  .f26-category { grid-template-columns: 44px minmax(0, 1fr) 18px; min-height: 98px; }
  .f26-category__counts, .f26-category__last { display: none; }
  .f26-category-tools { align-items: stretch; flex-direction: column; }
  .f26-search { flex-basis: auto; }
  .forum-compose__shell { grid-template-columns: 1fr; }
  .forum-compose__aside { position: static; }
}

@media (max-width: 640px) {
  .f26-hero__inner { padding-block: 42px 34px; }
  .f26-hero h1 { font-size: clamp(38px, 13vw, 54px); }
  .f26-hero__lead { font-size: 16px; }
  .f26-hero__actions .f26-btn { width: 100%; }
  .f26-subnav { top: 64px; }
  .f26-panel, .f26-side-card { border-radius: 7px; }
  .f26-panel__head { min-height: 76px; padding: 17px 16px; }
  .f26-panel__head h2 { font-size: 20px; }
  .f26-topic { gap: 11px; min-height: 92px; padding: 14px 12px; }
  .f26-topic__avatar { height: 38px; width: 38px; }
  .f26-topic__content > strong { font-size: 14px; overflow: visible; white-space: normal; }
  .f26-topic__content small { font-size: 11px; }
  .f26-category { gap: 12px; padding: 16px 13px; }
  .f26-category__copy strong { font-size: 15px; }
  .f26-category__copy small { font-size: 12px; }

  .fs-page:not(.f26) .fs-hero__inner,
  .fs-page:not(.f26) .lt-hero-inner,
  .fs-page:not(.f26) .fs-thread-container,
  .fs-page:not(.f26) .communaute-container { padding-inline: 16px !important; }
  .fs-page:not(.f26) .fs-sort-bar { overflow-x: auto; width: 100%; }
  .fs-page:not(.f26) .fs-sort-pill { flex: 0 0 auto; }
  .fs-page:not(.f26) .fs-topic-row { gap: 11px !important; grid-template-columns: 38px minmax(0, 1fr) 14px !important; min-height: 96px; padding: 14px 12px !important; }
  .fs-page:not(.f26) .fs-topic-row__avatar { height: 38px !important; width: 38px !important; }
  .fs-page:not(.f26) .fs-topic-row__excerpt { display: none; }
  .fs-page:not(.f26) .fs-topic-row__stats { display: none !important; }
  .fs-page:not(.f26) .fs-post { display: block !important; }
  .fs-page:not(.f26) .fs-post__aside { align-items: center; border-bottom: 1px solid var(--f26-line); border-right: 0; display: grid !important; grid-template-columns: 44px minmax(0, 1fr) auto; padding: 12px !important; text-align: left !important; }
  .fs-page:not(.f26) .fs-post__avatar { height: 44px !important; width: 44px !important; }
  .fs-page:not(.f26) .fs-post__main { padding: 14px !important; }
  .fs-page:not(.f26) .fs-post__content { font-size: 15px !important; line-height: 1.68 !important; }
  .forum-compose__panel { padding: 20px 16px; }
  .forum-compose .form-actions { align-items: stretch; flex-direction: column-reverse; }
  .forum-compose .btn-primary, .forum-compose .btn-secondary { width: 100%; }
}

@media (prefers-reduced-motion: reduce) {
  .f26 *, .fs-page * { scroll-behavior: auto !important; transition-duration: .01ms !important; }
}