/* pages.css — shared page-shell scaffolding for every migrated game page.
 *
 * Loaded from header.php via <link>, AFTER index.css, BEFORE mobile.css.
 *
 * SCOPE: this file intentionally contains only rules that are IDENTICAL
 * across every page that uses a given shell — the outer wrapper widths
 * and the header strip. Per-shell body/form/table rules stay in each
 * page's own <style> block because they diverge in small ways (padding
 * values, background colors, max-widths) that don't warrant one
 * canonical answer.
 *
 * A follow-up pass could pull more into here once the divergent variants
 * are reconciled — see docs/page-patterns.md for the shell inventory.
 *
 * Design tokens (from css/index.css) referenced here:
 *   #7AA6FF primary accent, #fff separator, Verdana 14px 600.
 */

/* ─── Header strip used by every shell ────────────────────────────────── */

.page-title {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.5rem;
  border-bottom: 2px solid #fff;
  font-family: Verdana, Arial, sans-serif;
  font-size: 14px;
  font-weight: 600;
  color: #7AA6FF;
}
.page-title .grow { flex: 1; }
.page-title a { color: #7AA6FF; }

/* ─── Outer shell wrappers ────────────────────────────────────────────── */
/* Every shell centers a fixed-width column with a small top/side gutter. */

.action-page,
.shop-page,
.info-page,
.ranks-page,
.console,
.board {
  max-width: 750px;
  margin: 0 auto;
  padding: 0.5rem;
}

/* Wider layouts for tables that need more horizontal room. */
.rankings-page {
  max-width: 800px;
  margin: 0 auto;
  padding: 0.5rem;
}

/* The signup shell has its own visual chrome (bordered card centered
 * vertically) — see recruit.php / signupbitch.php inline blocks. */