/* Page guide « Jeu de cartes Wikipédia » : tokens, nav, tuiles et FAQ viennent de landing.css. */

/* No page links in this bar: the store button goes to the right edge on its own. */
.nav .btn {
  margin-left: auto;
}
.guide-hero {
  padding: 132px 0 24px;
}
.guide-hero__title {
  max-width: 18em;
  margin: 20px 0 0;
  font: 400 clamp(1.5rem, 5.4vw, 3rem) / 1.08 var(--font-display);
  text-transform: uppercase;
  text-wrap: balance;
}
.guide-hero__answer {
  max-width: 38em;
  margin: 20px 0 0;
  font-size: 1.0625rem;
  color: var(--text-62);
}
.guide-section {
  padding-block: clamp(48px, 7vw, 88px);
}
.extra__text a,
.guide-list a {
  color: var(--cyan);
  text-underline-offset: 3px;
}

/* Plain bullet list for the app features: denser than tiles. */
.guide-list {
  max-width: 44em;
  margin: 28px 0 0;
  padding-left: 22px;
  color: var(--text-62);
}
.guide-list li {
  margin: 10px 0;
}
.guide-list li::marker {
  color: var(--cyan);
}
.guide-list b {
  color: var(--text);
  font-weight: 600;
}
.guide-section .cta {
  margin-top: 32px;
}

/* Sources and small print under a section. */
.guide-note {
  max-width: 60em;
  margin: 16px 0 0;
  font-size: 0.8125rem;
  color: var(--text-56);
}
.guide-note a {
  color: var(--text-62);
  text-underline-offset: 3px;
}