/* Page « Alternative à WikiMasters » : 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;
}
.alt-hero {
  padding: 132px 0 24px;
}
.alt-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;
}
.alt-hero__sub {
  max-width: 36em;
  margin: 20px 0 0;
  font-size: 1.0625rem;
  color: var(--text-62);
}
.alt-section {
  padding-block: clamp(48px, 7vw, 88px);
}

/* The table scrolls sideways on a phone, its first column stays in place. */
.compare {
  margin: 36px 0 0;
  overflow-x: auto;
  border: 1px solid var(--border);
  border-radius: 16px;
  background: var(--surface);
}
.compare:focus-visible {
  outline-offset: -2px;
}
.compare table {
  width: 100%;
  min-width: 560px;
  border-collapse: collapse;
  font-size: 0.9375rem;
}
.compare th,
.compare td {
  padding: 14px 16px;
  border-bottom: 1px solid var(--border);
  text-align: left;
  vertical-align: top;
}
.compare thead th {
  font: 400 0.9375rem / 1.2 var(--font-display);
  white-space: nowrap;
}
.compare tbody th {
  position: sticky;
  left: 0;
  width: 24%;
  min-width: 148px;
  background: var(--surface);
  font-weight: 600;
  color: var(--text-62);
}
.compare thead td {
  position: sticky;
  left: 0;
  background: var(--surface);
}
.compare tbody td {
  color: var(--text-62);
}
.compare tbody tr:last-child th,
.compare tbody tr:last-child td {
  border-bottom: 0;
}
.compare .compare__us {
  background: rgba(61, 242, 255, 0.07);
  color: var(--text);
}
.compare thead .compare__us {
  color: var(--cyan);
}
.compare__note {
  max-width: 60em;
  margin: 16px 0 0;
  font-size: 0.8125rem;
  color: var(--text-56);
}
.compare__note a {
  color: var(--text-62);
  text-underline-offset: 3px;
}

/* "Pour qui": two tiles, never three across. */
@media (min-width: 960px) {
  .extras--two {
    grid-template-columns: repeat(2, 1fr);
  }
}