/*
 * Page-scoped CSS for /preview/contact.
 *
 * Reuses existing v5.2 classes where they already cover the shape:
 *   .page-hero, .section-head, .wrap, .community-grid, .community-card,
 *   .community-link, .icon-row, .eyebrow, .eyebrow.prompt,
 *   .eyebrow--inline, .btn-primary, .btn-ghost
 *
 * Only the additions specific to this page live here:
 *   - .contact-grid           tighter top-margin tweak when the grid
 *                             sits directly under a section-head
 *   - .contact-card--email    minor styling for the non-mixin email
 *                             card (mirrors .community-card; the email
 *                             icon isn't in the communityCard mixin
 *                             vocabulary, so the card is built inline)
 *   - .contact-in-game        breathing room for the in-game-bug-report
 *                             explainer between the cards and closer
 *   - .contact-in-game-note   muted secondary paragraph
 *   - .contact-closer         final CTA row; matches the community page
 *                             closer rhythm so the two pages feel like
 *                             siblings
 *
 * Token references (--accent, --ink-deep, --text) match v5.2.
 */

/* ---------- contact grid tweaks ---------- */
.contact-grid {
  margin-top: 2rem;
}

/* The email card is built inline (rather than via +communityCard)
 * because the mixin's icon vocabulary only knows 'discord' and 'shop'.
 * Visually it should match a .community-card 1:1; this rule is a
 * defense in case any future .community-card variant defaults drift
 * away from what the email card needs. */
.contact-card--email .icon-row svg {
  width: 28px;
  height: 28px;
}

/* ---------- in-game brief ---------- */
.contact-in-game {
  padding-block: 3rem;
}

.contact-in-game code {
  font-family: 'JetBrains Mono', ui-monospace, monospace;
  font-size: 0.95em;
  color: var(--accent, #F16C0A);
  background: rgba(241, 108, 10, 0.08);
  padding: 0.1em 0.4em;
  border-radius: 4px;
}

.contact-in-game-note {
  margin-top: 1rem;
  opacity: 0.75;
  font-size: 0.95rem;
}

/* ---------- closer ---------- */
.contact-closer {
  padding-block: 4rem 5rem;
}

.contact-closer .btn-primary,
.contact-closer .btn-ghost {
  margin-right: 0.75rem;
  margin-bottom: 0.5rem;
}