/* Public methodology page: ABZ's standard dark, playful site system. */
.alignment-method-page {
  --night: var(--abz-bg);
  --panel: var(--abz-surface);
  --text: var(--abz-text);
  --muted: var(--abz-muted);
  --border: var(--abz-line);
  --border-strong: rgba(255, 255, 255, .16);
  --pink: var(--abz-pink);
  --purple: var(--abz-purple);
  --cyan: var(--abz-cyan);
  --gradient: var(--abz-gradient);
  color: var(--abz-text);
  background:
    radial-gradient(circle at 8% 5%, rgba(255, 140, 240, .12), transparent 30rem),
    radial-gradient(circle at 92% 9%, rgba(60, 220, 255, .1), transparent 32rem),
    var(--abz-bg);
}

.alignment-method-page .alignment-page {
  padding-top: 118px;
}

.alignment-method-page .alignment-nav {
  color: var(--abz-muted-2);
}

.alignment-method-page .alignment-nav a {
  padding: 9px 13px;
  border: 1px solid var(--abz-line);
  border-radius: 999px;
  color: #d69cff;
  background: rgba(255, 255, 255, .04);
}

.alignment-method-page .alignment-hero {
  border-color: rgba(255, 255, 255, .1);
  color: var(--abz-muted);
  background:
    radial-gradient(circle at 88% 8%, rgba(60, 220, 255, .14), transparent 34%),
    radial-gradient(circle at 8% 100%, rgba(255, 140, 240, .12), transparent 34%),
    linear-gradient(145deg, #171024, #0e0b18 68%, #0b0913);
  box-shadow: 0 32px 88px rgba(0, 0, 0, .32);
}

.alignment-method-page .alignment-hero h1 {
  color: var(--abz-text);
  font-family: "Space Grotesk", sans-serif;
}

.alignment-method-page .alignment-hero > p,
.alignment-method-page .alignment-version span {
  color: var(--abz-muted);
}

.alignment-method-page .alignment-version b {
  color: #88f2ce;
}

.alignment-method-page .status-card {
  border-color: rgba(255, 255, 255, .09);
  background: rgba(255, 255, 255, .035);
}

.alignment-method-page .status-card strong {
  color: var(--abz-text);
}

.alignment-method-page .anchor-nav {
  top: 84px;
  border-color: rgba(255, 255, 255, .1);
  background: rgba(14, 11, 24, .9);
  box-shadow: 0 18px 50px rgba(0, 0, 0, .25);
}

.alignment-method-page .anchor-nav a {
  color: var(--abz-muted);
}

.alignment-method-page .anchor-nav a:hover,
.alignment-method-page .anchor-nav a:focus-visible {
  color: var(--abz-text);
  background: rgba(255, 140, 240, .1);
}

.alignment-method-page .alignment-section {
  border-color: rgba(255, 255, 255, .085);
  color: var(--abz-muted);
  background: rgba(14, 11, 24, .92);
  box-shadow: 0 18px 48px rgba(0, 0, 0, .18);
}

.alignment-method-page .alignment-section h2,
.alignment-method-page .alignment-section h3,
.alignment-method-page .alignment-section strong {
  color: var(--abz-text);
}

.alignment-method-page .section-heading > p,
.alignment-method-page .evidence-card p,
.alignment-method-page .use-card p,
.alignment-method-page .lane-card p,
.alignment-method-page .gate-card p,
.alignment-method-page .alignment-copy,
.alignment-method-page .alignment-section li {
  color: var(--abz-muted);
}

.alignment-method-page .eyebrow {
  color: #b478ff;
}

.alignment-method-page .stat-card,
.alignment-method-page .evidence-card,
.alignment-method-page .use-card,
.alignment-method-page .lane-card,
.alignment-method-page .gate-card {
  border-color: rgba(255, 255, 255, .075);
  background: rgba(255, 255, 255, .025);
}

.alignment-method-page .stat-card strong {
  color: #d69cff;
}

.alignment-method-page .stage-table-wrap {
  border-color: rgba(255, 255, 255, .09);
}

.alignment-method-page .stage-table th,
.alignment-method-page .stage-table td {
  border-color: rgba(255, 255, 255, .075);
  color: var(--abz-muted);
}

.alignment-method-page .stage-table th {
  color: var(--abz-text);
  background: rgba(255, 255, 255, .045);
}

.alignment-method-page .audit-meter,
.alignment-method-page .formula-box {
  border-color: rgba(255, 255, 255, .085);
  color: var(--abz-muted);
  background: rgba(255, 255, 255, .025);
}

.alignment-method-page .formula-box {
  background: linear-gradient(135deg, rgba(60, 220, 255, .07), rgba(180, 60, 255, .055));
}

.alignment-method-page .formula-box code {
  color: var(--abz-text);
}

.alignment-method-page .scoring-key span {
  border-color: rgba(255, 255, 255, .085);
  color: var(--abz-muted);
  background: rgba(255, 255, 255, .025);
}

.alignment-method-page .standards-boundary {
  color: var(--abz-muted);
  background: rgba(60, 220, 255, .055);
}

.alignment-method-page .source-links a {
  border-color: rgba(60, 220, 255, .16);
  color: var(--abz-cyan);
  background: rgba(60, 220, 255, .045);
}

.alignment-method-page .method-footer {
  color: var(--abz-muted-2);
}

.alignment-method-page .method-footer strong {
  color: var(--abz-text);
}

@media (max-width: 640px) {
  .alignment-method-page .alignment-page {
    padding-top: 96px;
  }
}

@media print {
  .alignment-method-page .abz-nav,
  .alignment-method-page .abz-mobile-menu,
  .alignment-method-page .abz-footer,
  .alignment-method-page .anchor-nav {
    display: none !important;
  }

  .alignment-method-page .alignment-page {
    padding-top: 0;
  }
}