.rumour-board-page {
  --rb-ink: #171518;
  --rb-muted: #625c5c;
  --rb-paper: #eee8de;
  --rb-line: #b9ab9b;
  --rb-brass: #8a6f3d;
  background: var(--rb-paper);
  color: var(--rb-ink);
}

.rb-shell,
.rb-hero {
  width: min(860px, calc(100% - clamp(28px, 6vw, 86px)));
  margin-inline: auto;
}

.rb-hero {
  padding: 4rem 0 2rem;
}

.rb-kicker,
.rb-stamp,
.rb-relation {
  margin: 0;
  font-family: var(--nw-mono, ui-monospace, monospace);
  font-size: 11px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--rb-muted);
}

.rb-hero h1 {
  max-width: 22ch;
  margin: 0.6rem 0 1rem;
  font-size: clamp(2.1rem, 5vw, 3.6rem);
  line-height: 0.95;
}

.rb-methods {
  border-top: 1px solid var(--rb-line);
  padding: 1.2rem 0 0.4rem;
}

.rb-methods h2 {
  margin: 0.4rem 0 0.8rem;
  font-size: clamp(1.3rem, 3vw, 1.8rem);
  line-height: 1.15;
}

.rb-taps {
  width: 100%;
  border-collapse: collapse;
  margin: 1rem 0 1.4rem;
  font-size: 0.92rem;
}

.rb-taps th,
.rb-taps td {
  text-align: left;
  padding: 0.35rem 0.5rem 0.35rem 0;
  border-bottom: 1px solid var(--rb-line);
}

.rb-taps code {
  font-size: 0.85em;
}

.rb-nav {
  display: flex;
  flex-wrap: wrap;
  gap: 0.8rem 1.2rem;
  margin: 0 0 1.5rem;
}

.rb-nav a[aria-current="page"] {
  color: var(--rb-brass);
}

.rb-limit,
.rb-empty,
.rb-card {
  border-top: 1px solid var(--rb-line);
  padding: 1rem 0;
}

.rb-card h3 {
  margin: 0.35rem 0 0.5rem;
  font-size: 1.15rem;
  line-height: 1.25;
}

.rb-card a {
  color: inherit;
}

.rb-pulse p {
  margin: 0.4rem 0;
}

.rb-limits {
  padding-left: 1.2rem;
  color: var(--rb-muted);
}