.container {
  width: 100%;
  max-width: var(--max-w);
  margin-inline: auto;
  padding-inline: clamp(1rem, 4vw, 2.5rem);
}

/* ── Section spacing ── */
section { padding-block: var(--space-2xl); }

/* ── Section head ── */
.section-head { margin-bottom: var(--space-lg); }
.section-head--center { text-align: center; }
.section-head--center p { margin-inline: auto; }
.section-head p { color: var(--ink-700); margin-top: var(--space-xs); }

/* ── Pill badge ── */
.pill {
  display: inline-flex; align-items: center; gap: .4em;
  font-family: var(--font-mono); font-size: .72rem; font-weight: 600;
  text-transform: uppercase; letter-spacing: .08em;
  padding: .35em .85em; border-radius: var(--r-pill);
  background: rgba(163,121,31,.1); color: var(--gold);
  border: 1px solid rgba(163,121,31,.3);
  margin-bottom: var(--space-sm);
}
.pill--paper {
  background: var(--ink-50); color: var(--ink-800);
  border-color: rgba(16,28,51,.1);
}
.pill--green {
  background: rgba(22,163,74,.1); color: var(--green);
  border-color: rgba(22,163,74,.3);
}
.pill--gold {
  background: rgba(163,121,31,.12); color: var(--gold);
  border-color: rgba(163,121,31,.35);
}

/* ── Buttons ── */
.btn {
  display: inline-flex; align-items: center; gap: .5em;
  font-family: var(--font-sans); font-size: .9rem; font-weight: 600;
  padding: .7em 1.4em; border-radius: var(--r-pill);
  border: 2px solid transparent; cursor: pointer;
  transition: all .2s ease; white-space: nowrap;
}
.btn-primary {
  background: var(--gold-light); color: var(--ink-900);
  border-color: var(--gold-light);
}
.btn-primary:hover { background: var(--gold); border-color: var(--gold); }
.btn-ghost {
  background: transparent; color: var(--ink-900);
  border-color: rgba(16,28,51,.22);
}
.btn-ghost:hover { border-color: var(--ink-900); background: rgba(16,28,51,.05); }

/* ── Play badge — kept as a deliberately dark chip (matches Google Play branding convention) ── */
.play-badge {
  display: inline-flex; align-items: center; gap: .75rem;
  background: var(--ink-900); color: #fff;
  border: 2px solid rgba(255,255,255,.15);
  border-radius: var(--r-md); padding: .65rem 1.2rem;
  transition: all .2s ease;
}
.play-badge:hover { border-color: var(--gold-light); }
.play-badge svg { width: 22px; height: 22px; flex-shrink: 0; color: var(--gold-light); }
.play-badge__text { display: flex; flex-direction: column; line-height: 1.15; }
.play-badge__small { font-size: .62rem; letter-spacing: .1em; text-transform: uppercase; opacity: .75; }
.play-badge__big   { font-size: 1.05rem; font-weight: 700; }

/* ── Step number ── */
.step-number {
  font-family: var(--font-mono); font-size: .75rem; font-weight: 600;
  color: var(--gold); letter-spacing: .12em;
  display: block; margin-bottom: .4rem;
}