/* Hallmark · macrostructure: Index-First · genre: editorial · design-system: design.md · designed-as-app
 * N6 / Ft1 unchanged · S2 open heading · C3 text links · enrichment: none · motion: none
 * Pre-emit critique: P5 H5 E4 S4 R5 V4. One page title, wide reading rows, one secondary rail.
 * Scoped review passed: text contrast, immediate keyboard focus, 320–1920px layouts,
 * long-content wrapping, native editor controls and editorial anti-pattern checks.
 * See design.md for test results and native-plugin/accessibility certification limits.
 * Tokens are loaded through the existing tokens → workspace → magazine dependency chain.
 */

#wpforo.af-publication.af-publication--index #wpforo-wrap .af-workspace--discover {
  grid-template-columns: minmax(0, 1fr);
  gap: var(--space-xl);
}
#wpforo.af-publication.af-publication--index #wpforo-wrap .af-workspace__context {
  position: static;
  display: grid;
  gap: var(--space-xl);
  max-height: none;
  overflow: visible;
}
#wpforo.af-publication.af-publication--index #wpforo-wrap :is(.af-category-section, .af-topic-feed, .af-subforum-section) {
  padding: 0;
  border: 0;
  background: var(--color-transparent);
  color: var(--color-ink);
  box-shadow: none;
  overflow: visible;
}
#wpforo.af-publication.af-publication--index #wpforo-wrap :is(.af-view-header, .af-category-section__head) {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: var(--space-md);
  align-items: center;
  padding: 0;
  margin: 0 0 var(--space-md);
  border: 0;
  background: var(--color-transparent);
  color: var(--color-ink);
}
#wpforo.af-publication.af-publication--index #wpforo-wrap #wpforo-title {
  padding: 0;
  font-size: var(--text-publication-discovery);
  font-family: var(--font-display);
  font-weight: 600;
  font-style: normal;
  line-height: 1.08;
  letter-spacing: -0.025em !important;
  min-width: 0;
  overflow-wrap: anywhere;
}
#wpforo.af-publication.af-publication--index #wpforo-wrap .af-view-description {
  max-width: var(--content-reading);
  margin-top: var(--space-xs);
  font-size: var(--text-md);
  color: var(--color-muted);
}
#wpforo.af-publication.af-publication--index #wpforo-wrap .af-view-description__full {
  padding: 0;
  border: 0;
  background: var(--color-transparent);
  color: var(--color-ink-2);
}
#wpforo.af-publication.af-publication--index #wpforo-wrap :is(.af-view-header__actions, .af-category-section__actions) {
  justify-content: flex-start;
  flex-wrap: wrap;
  gap: var(--space-xs);
}
#wpforo.af-publication.af-publication--index #wpforo-wrap :is(.af-view-header, .af-category-section__head) .wpf-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--space-2xs);
  min-height: var(--control-height);
  min-width: var(--control-height);
  padding: var(--space-xs) var(--space-md);
  margin: 0;
  border: var(--rule-hair) solid var(--color-ink) !important;
  border-radius: 0;
  background: var(--color-ink) !important;
  color: var(--color-accent-ink) !important;
  font-family: var(--font-body);
  font-size: var(--text-sm);
  font-weight: 500;
  line-height: 1;
  white-space: nowrap;
  text-decoration: none !important;
}
#wpforo.af-publication.af-publication--index #wpforo-wrap :is(.af-view-header, .af-category-section__head) .wpf-button :is(i, span) { color: inherit !important; }
#wpforo.af-publication.af-publication--index #wpforo-wrap .wpf-head-bar-right { float: none; padding: 0; }

/* Secondary native forum destinations stay available without JavaScript. */
#wpforo.af-publication.af-publication--index #wpforo-wrap .af-index-forums { margin-bottom: var(--space-md); }
#wpforo.af-publication.af-publication--index #wpforo-wrap .af-index-forums > summary {
  width: fit-content;
  max-width: 100%;
  min-height: var(--control-height);
  padding-block: var(--space-xs);
  color: var(--color-accent);
  font-size: var(--text-sm);
  line-height: 1.4;
  cursor: pointer;
  white-space: nowrap;
}
#wpforo.af-publication.af-publication--index #wpforo-wrap .af-forum-directory {
  display: block;
  padding: 0;
  border: 0;
  background: var(--color-transparent);
  color: var(--color-ink);
}
#wpforo.af-publication.af-publication--index #wpforo-wrap .af-forum-directory__item {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  padding: var(--space-sm) 0;
  border: 0;
  border-bottom: var(--rule-hair) solid var(--color-rule);
  border-radius: 0;
  background: var(--color-transparent);
  color: var(--color-ink);
}
#wpforo.af-publication.af-publication--index #wpforo-wrap .af-forum-mark { display: none; }
#wpforo.af-publication.af-publication--index #wpforo-wrap .af-forum-directory__stats { grid-column: 1; font-size: var(--text-sm); }
#wpforo.af-publication.af-publication--index #wpforo-wrap .af-forum-directory__item > .af-icon { grid-column: 2; grid-row: 1 / 3; }

#wpforo.af-publication.af-publication--index #wpforo-wrap .af-topic-feed__head {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-2xs) var(--space-md);
  padding: var(--space-sm) 0;
  margin: 0;
  border: 0;
  border-bottom: var(--rule-hair) solid var(--color-rule);
  background: var(--color-transparent);
  color: var(--color-muted);
}
#wpforo.af-publication.af-publication--index #wpforo-wrap .af-topic-feed__head :is(h2, h3) {
  margin: 0;
  font-family: var(--font-body);
  font-size: var(--text-md);
  font-weight: 600;
  color: var(--color-ink);
}
#wpforo.af-publication.af-publication--index #wpforo-wrap .af-topic-feed__head :is(span, strong) { font-size: var(--text-sm); font-weight: 400; }
#wpforo.af-publication.af-publication--index #wpforo-wrap :is(.wpf-thread-list, .wpf-threads) {
  padding: 0;
  background: var(--color-transparent);
  color: var(--color-ink);
}
#wpforo.af-publication.af-publication--index #wpforo-wrap .af-index-discussion.wpf-thread {
  display: block;
  padding: var(--space-md) 0;
  margin: 0;
  border: 0;
  border-bottom: var(--rule-hair) solid var(--color-rule);
  border-radius: 0;
  background: var(--color-transparent);
  color: var(--color-ink);
  box-shadow: none;
}
#wpforo.af-publication.af-publication--index #wpforo-wrap .af-index-discussion__body.wpf-thread-body {
  display: block;
  width: 100%;
  min-width: 0;
  padding: 0;
  margin: 0;
  border: 0;
  background: var(--color-transparent);
  color: var(--color-ink);
}
#wpforo.af-publication.af-publication--index #wpforo-wrap .af-index-discussion__labels {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--space-xs);
  font-size: var(--text-sm);
}
#wpforo.af-publication.af-publication--index #wpforo-wrap .af-index-discussion__labels:empty { display: none; }
#wpforo.af-publication.af-publication--index #wpforo-wrap .af-index-discussion__forum {
  display: inline-flex;
  align-items: center;
  min-height: var(--control-height);
  max-width: 100%;
  color: var(--color-accent) !important;
  font-weight: 500;
  overflow-wrap: anywhere;
}
#wpforo.af-publication.af-publication--index #wpforo-wrap .af-topic-feed--forum .af-index-discussion__forum { display: none; }
#wpforo.af-publication.af-publication--index #wpforo-wrap .af-index-discussion__state { color: var(--color-muted); font-weight: 600; }
#wpforo.af-publication.af-publication--index #wpforo-wrap .af-index-discussion__title.wpf-thread-title {
  display: block;
  float: none;
  width: auto;
  max-width: var(--content-reading);
  min-width: 0;
  margin: 0;
  padding: 0;
  font-family: var(--font-display);
  font-size: var(--text-publication-title);
  font-weight: 600;
  font-style: normal;
  line-height: 1.18;
  letter-spacing: -0.015em;
  overflow-wrap: anywhere;
}
#wpforo.af-publication.af-publication--index #wpforo-wrap .af-index-discussion__title > a {
  display: inline;
  color: var(--color-ink) !important;
  font: inherit;
  white-space: normal;
}
#wpforo.af-publication.af-publication--index #wpforo-wrap .af-index-discussion__excerpt {
  max-width: var(--content-reading);
  margin: var(--space-xs) 0 0;
  color: var(--color-ink-2);
  font-size: var(--text-md);
  line-height: 1.6;
  overflow-wrap: anywhere;
}
#wpforo.af-publication.af-publication--index #wpforo-wrap .af-index-discussion__meta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0 var(--space-md);
  margin-top: var(--space-xs);
  color: var(--color-muted);
  font-size: var(--text-sm);
  font-variant-numeric: tabular-nums;
}
#wpforo.af-publication.af-publication--index #wpforo-wrap .af-index-discussion__author {
  display: flex;
  align-items: center;
  gap: var(--space-2xs);
  min-width: 0;
  max-width: 100%;
}
#wpforo.af-publication.af-publication--index #wpforo-wrap :is(.af-index-discussion__author > a, .af-index-discussion__latest) {
  display: inline-flex;
  align-items: center;
  min-height: var(--control-height);
  min-width: 0;
  max-width: 100%;
  color: var(--color-ink-2) !important;
  font-size: var(--text-sm);
  font-weight: 400;
}
#wpforo.af-publication.af-publication--index #wpforo-wrap .af-index-discussion__author > a:not(.af-avatar) { overflow-wrap: anywhere; }
#wpforo.af-publication.af-publication--index #wpforo-wrap .af-index-discussion__author .af-avatar {
  flex: 0 0 var(--control-height);
  width: var(--control-height);
  justify-content: center;
}
#wpforo.af-publication.af-publication--index #wpforo-wrap .af-index-discussion__author .af-avatar :is(img, .af-avatar__fallback) {
  width: var(--space-lg);
  height: var(--space-lg);
  border: 0;
}
#wpforo.af-publication.af-publication--index #wpforo-wrap .af-index-discussion__latest { gap: var(--space-2xs); margin-inline-start: auto; }
#wpforo.af-publication.af-publication--index #wpforo-wrap .af-index-discussion__latest span { overflow-wrap: anywhere; }
#wpforo.af-publication.af-publication--index #wpforo-wrap .af-index-discussion__latest .af-icon { flex-shrink: 0; }

/* The former two rails become one open index, then actual community context. */
#wpforo.af-publication.af-publication--index #wpforo-wrap :is(.af-category-nav--index, .af-context-panel, .af-contributor-list) {
  padding: 0;
  margin: 0;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  background: var(--color-transparent);
  color: var(--color-ink);
}
#wpforo.af-publication.af-publication--index #wpforo-wrap :is(.af-category-nav__head, .af-context-panel__head) {
  padding: 0;
  margin: 0 0 var(--space-sm);
  border: 0;
}
#wpforo.af-publication.af-publication--index #wpforo-wrap :is(.af-category-nav__head, .af-context-panel__head) h2 { font-size: var(--text-xl); }
#wpforo.af-publication.af-publication--index #wpforo-wrap .af-context-panel__head > a {
  display: inline-flex;
  align-items: center;
  min-height: var(--control-height);
  font-size: var(--text-sm);
}
#wpforo.af-publication.af-publication--index #wpforo-wrap .af-category-nav--index :is(.af-category-nav__all, .af-category-nav__category, .af-category-nav__forum) {
  padding: var(--space-xs) 0;
  border: 0;
  border-radius: 0;
  min-height: var(--control-height);
  background: var(--color-transparent);
  color: var(--color-ink-2) !important;
}
#wpforo.af-publication.af-publication--index #wpforo-wrap .af-category-nav--index :is(.af-category-nav__route-icon, .af-category-nav__arrow, .af-category-nav__category-meta) { display: none; }
#wpforo.af-publication.af-publication--index #wpforo-wrap .af-category-nav--index .af-category-nav__all { display: flex; margin: 0; }
#wpforo.af-publication.af-publication--index #wpforo-wrap .af-category-nav--index .af-category-nav__group { padding: 0; margin: 0; border: 0; }
#wpforo.af-publication.af-publication--index #wpforo-wrap .af-category-nav--index .af-category-nav__forums { padding: 0 0 0 var(--space-sm); margin: 0; border: 0; }
#wpforo.af-publication.af-publication--index #wpforo-wrap .af-category-nav--index .is-active :is(.af-category-nav__category-title, .af-category-nav__forum-title) {
  font-weight: 700;
  text-decoration: underline;
  text-underline-offset: var(--space-3xs);
}
#wpforo.af-publication.af-publication--index #wpforo-wrap .af-pulse-grid { gap: var(--space-md); }
#wpforo.af-publication.af-publication--index #wpforo-wrap .af-pulse-grid dt { font-size: var(--text-sm); }
#wpforo.af-publication.af-publication--index #wpforo-wrap .af-pulse-grid dd { font-family: var(--font-display); font-size: var(--text-publication-stat); }
#wpforo.af-publication.af-publication--index #wpforo-wrap .af-contributor { border: 0; padding: 0; gap: var(--space-xs); }
#wpforo.af-publication.af-publication--index #wpforo-wrap .af-contributor :is(.af-avatar, div > a) { min-height: var(--control-height); display: inline-flex; align-items: center; }
#wpforo.af-publication.af-publication--index #wpforo-wrap .af-contributor > div { min-width: 0; }
#wpforo.af-publication.af-publication--index #wpforo-wrap .af-contributor > div > span { display: none; }

#wpforo.af-publication.af-publication--index #wpforo-wrap .af-index-tools {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--space-sm);
  margin-top: var(--space-sm);
}
#wpforo.af-publication.af-publication--index #wpforo-wrap .af-index-tools .wpf-button-outlined {
  display: inline-flex;
  align-items: center;
  gap: var(--space-2xs);
  min-height: var(--control-height);
  padding: 0;
  border: 0;
  background: var(--color-transparent);
  color: var(--color-muted) !important;
  font-size: var(--text-sm);
}
#wpforo.af-publication.af-publication--index #wpforo-wrap :is(.af-load-more, .af-empty-state, .af-system-state) {
  padding: var(--space-lg) 0;
  border: 0;
  background: var(--color-transparent);
  color: var(--color-ink);
  text-align: start;
}
#wpforo.af-publication.af-publication--index #wpforo-wrap :is(.af-empty-state, .af-system-state) > .af-icon { display: none; }
#wpforo.af-publication.af-publication--index #wpforo-wrap .af-load-more a {
  display: inline-flex;
  align-items: center;
  gap: var(--space-xs);
  min-height: var(--control-height);
  color: var(--color-accent);
  white-space: nowrap;
}
#wpforo.af-publication.af-publication--index #wpforo-wrap .af-workspace :is(a, button, summary, input, select, textarea) { transition: none !important; }
#wpforo.af-publication.af-publication--index #wpforo-wrap .af-workspace :is(a, button, summary, input, select, textarea):focus-visible {
  outline: var(--rule-strong) solid var(--color-focus) !important;
  outline-offset: var(--rule-strong);
}
#wpforo.af-publication.af-publication--index #wpforo-wrap .af-workspace :is(a, summary):active { text-decoration: underline; }
#wpforo.af-publication.af-publication--index #wpforo-wrap .af-workspace [aria-disabled="true"] { cursor: wait; }
#wpforo.af-publication.af-publication--index #wpforo-wrap .af-workspace :is(button, input, select, textarea):disabled { opacity: .55; cursor: not-allowed; }

@media (hover: hover) {
  #wpforo.af-publication.af-publication--index #wpforo-wrap .af-workspace :is(a, summary):hover { text-decoration: underline; }
  #wpforo.af-publication.af-publication--index #wpforo-wrap :is(.af-view-header, .af-category-section__head) .wpf-button:hover { background: var(--color-ink-2) !important; }
}
@media (min-width: 40rem) {
  #wpforo.af-publication.af-publication--index #wpforo-wrap :is(.af-view-header, .af-category-section__head) { grid-template-columns: minmax(0, 1fr) auto; }
  #wpforo.af-publication.af-publication--index #wpforo-wrap .af-workspace__context { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (min-width: 68rem) {
  #wpforo.af-publication.af-publication--index #wpforo-wrap .af-workspace--discover { grid-template-columns: minmax(0, 1fr) minmax(0, 16rem); gap: var(--space-2xl); }
  #wpforo.af-publication.af-publication--index #wpforo-wrap .af-workspace__context { grid-template-columns: minmax(0, 1fr); padding-top: var(--space-xs); }
  #wpforo.af-publication.af-publication--index #wpforo-wrap .af-index-discussion.wpf-thread { padding-block: var(--space-lg); }
}
@media (prefers-reduced-motion: reduce) {
  #wpforo.af-publication.af-publication--index #wpforo-wrap .af-workspace * { animation: none !important; transition: none !important; scroll-behavior: auto !important; }
}