.intro-page { padding: 3rem 0 4rem; }
.intro-hero { display: grid; gap: 1rem; padding-bottom: 2rem; }
html.theme-archival .intro-hero { border-bottom: 1px solid var(--border); }
html.theme-nordic .intro-hero { text-align: center; padding-top: 1rem; }
.intro-lead { max-width: 780px; font-size: var(--text-lg); }
html.theme-nordic .intro-lead { margin: 0 auto; }

.intro-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1rem;
  margin: 2rem 0;
}

html.theme-archival .intro-grid {
  gap: 0;
  border: 1px solid var(--border);
}

.intro-stat {
  padding: 1.25rem;
  border: 1px solid var(--border);
  border-radius: var(--radius-lg);
  background: var(--bg-elevated);
}

html.theme-archival .intro-stat {
  border-radius: 0;
  border: none;
  border-right: 1px solid var(--border);
  background: transparent;
}

html.theme-archival .intro-stat:last-child { border-right: none; }

.intro-stat-kicker {
  font-family: var(--font-ui);
  font-size: var(--text-xs);
  letter-spacing: 0.15em;
  text-transform: uppercase;
  color: var(--ink-muted);
}

.intro-stat-value { font-family: var(--font-display); font-size: var(--text-2xl); color: var(--ink); }
.intro-stat-note { font-size: var(--text-sm); color: var(--ink-muted); }

.instruction-list { list-style: none; display: grid; gap: 1rem; margin: 1rem 0 2rem; }
.instruction-step {
  display: grid;
  grid-template-columns: 2.5rem 1fr;
  gap: 1rem;
  align-items: start;
  padding: 1rem 0;
  border-top: 1px solid var(--border);
}

.instruction-step:first-child { border-top: none; }
.instruction-number { font-family: var(--font-display); font-size: var(--text-2xl); color: var(--accent); }


@media (max-width: 1024px) {
  .intro-grid { grid-template-columns: 1fr; }
}

@media (max-width: 720px) {
  .intro-grid { grid-template-columns: 1fr; }
}