/* extracted from support/index.html by ops/inline_style_extract.py — linked in the same document position to preserve cascade order */
.support-wrap {
  max-width: 960px;
  margin: 0 auto;
  padding: var(--space-40) var(--space-24) var(--space-64);
  color: var(--c-ink-0, var(--c-paper));
}
.support-hero {
  margin-bottom: var(--space-40);
}
.support-kicker {
  font-family: var(--gs-font-data, monospace);
  font-size: var(--text-11);
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: var(--c-gold-mid, var(--c-gold));
  margin-bottom: var(--space-12);
}
.support-hero h1 {
  font-family: var(--gs-font-display, serif);
  font-size: clamp(var(--text-28), 5vw, var(--text-40));
  line-height: 1.15;
  margin: 0 0 var(--space-16);
  font-weight: 400;
}
.support-hero p {
  font-size: var(--text-16);
  line-height: 1.6;
  color: var(--c-ink-2, var(--c-muted));
  max-width: 700px;
  margin: 0 0 var(--space-24);
}
.support-actions {
  display: flex;
  gap: var(--space-12);
  flex-wrap: wrap;
}
.support-btn {
  display: inline-flex;
  align-items: center;
  gap: var(--space-8);
  padding: var(--space-8) var(--space-16);
  border-radius: var(--radius-8);
  font-size: var(--text-14);
  font-weight: 600;
  text-decoration: none;
  transition: background 140ms, transform 140ms, border-color 140ms;
}
.support-btn-primary {
  background: linear-gradient(180deg, var(--c-gold-mid, var(--c-gold)), var(--c-gold, var(--c-gold)));
  color: var(--c-ink-2);
}
.support-btn-primary:hover {
  filter: brightness(1.08);
  transform: translateY(-1px);
}
.support-btn-secondary {
  border: 1px solid rgba(201, 169, 107, 0.3);
  color: var(--c-ink-0, var(--c-paper));
  background: rgba(255, 255, 255, 0.03);
}
.support-btn-secondary:hover {
  border-color: var(--c-gold-mid, var(--c-gold));
  background: rgba(201, 169, 107, 0.08);
}
.support-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: var(--space-16);
  margin: var(--space-40) 0;
}
.support-card {
  background: rgba(255, 255, 255, 0.03);
  border: 1px solid rgba(201, 169, 107, 0.18);
  border-radius: var(--radius-8);
  padding: var(--space-24);
}
.support-card .badge {
  display: inline-block;
  font-family: var(--gs-font-data, monospace);
  font-size: var(--text-11);
  padding: var(--space-2) var(--space-8);
  border-radius: var(--radius-2);
  background: rgba(201, 169, 107, 0.12);
  color: var(--c-gold-mid, var(--c-gold));
  margin-bottom: var(--space-12);
}
.support-card h2 {
  font-family: var(--gs-font-display, serif);
  font-size: var(--text-20);
  margin: 0 0 var(--space-8);
  color: var(--c-ink-0, var(--c-paper));
}
.support-card p {
  font-size: var(--text-14);
  line-height: 1.55;
  color: var(--c-ink-2, var(--c-muted));
  margin: 0 0 var(--space-16);
}
.support-card a {
  font-size: var(--text-13);
  font-weight: 600;
  color: var(--c-gold-mid, var(--c-gold));
  text-decoration: none;
}
.support-card a:hover {
  text-decoration: underline;
}
.support-pillars {
  border-top: 1px solid rgba(201, 169, 107, 0.15);
  padding-top: var(--space-40);
  margin-top: var(--space-40);
}
.support-pillars h2 {
  font-family: var(--gs-font-display, serif);
  font-size: var(--text-20);
  margin: 0 0 var(--space-16);
}
.support-pillars p {
  font-size: var(--text-14);
  line-height: 1.6;
  color: var(--c-ink-2, var(--c-muted));
  margin-bottom: var(--space-24);
}