:root {
  --magenta: #e6007e;
  --ink: #1a1a1a;
  --paper: #faf8f5;
}

* { margin: 0; padding: 0; box-sizing: border-box; }

body {
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
  background: var(--paper);
  color: var(--ink);
  line-height: 1.6;
}

.page {
  max-width: 640px;
  margin: 0 auto;
  padding: 10vh 6vw 10vh;
}

.back-link {
  display: inline-block;
  margin-bottom: 48px;
  color: var(--ink);
  text-decoration: none;
  font-size: 0.9rem;
  opacity: 0.7;
  transition: opacity 0.25s ease, color 0.25s ease;
}

.back-link:hover,
.back-link:focus-visible {
  opacity: 1;
  color: var(--magenta);
}

h1 {
  font-size: clamp(1.8rem, 4vw, 2.4rem);
  font-weight: 600;
  letter-spacing: -0.01em;
  margin-bottom: 40px;
}

h2 {
  font-size: 1rem;
  font-weight: 600;
  margin-top: 32px;
  margin-bottom: 10px;
  color: var(--magenta);
}

p {
  font-size: 0.95rem;
  font-weight: 300;
}

@media (max-width: 480px) {
  .page {
    padding: 8vh 6vw 8vh;
  }
}