/* Jackpot Blueprint UK — /myths-and-misconceptions only */

.myths { list-style: none; margin: var(--s6) 0; padding: 0; counter-reset: myth; }

.myths > li {
  counter-increment: myth;
  display: grid;
  grid-template-columns: 3.4rem minmax(0, 1fr);
  column-gap: var(--s4);
  padding: var(--s5) 0;
  border-top: 1px solid var(--rule);
  margin: 0;
}

.myths > li:last-child { border-bottom: 1px solid var(--rule); }

.myths > li::before {
  content: counter(myth, decimal-leading-zero);
  grid-column: 1;
  grid-row: 1 / span 2;
  font-family: var(--font-display);
  font-weight: 700;
  font-size: 1.6rem;
  line-height: 1.1;
  letter-spacing: 0.02em;
  color: var(--mag-text);
  font-variant-numeric: tabular-nums;
}

.myths > li > h2 {
  grid-column: 2;
  margin: 0 0 var(--s3);
  font-size: clamp(1.2rem, 2.3vw, 1.45rem);
  line-height: 1.2;
  color: var(--ink);
}

.myths > li > p {
  grid-column: 2;
  margin: 0;
  color: var(--ink-soft);
}

.myths > li > p + p { margin-top: var(--s3); }

@media (max-width: 520px) {
  .myths > li { grid-template-columns: minmax(0, 1fr); }
  .myths > li::before { grid-row: auto; font-size: 1.15rem; margin-bottom: var(--s2); }
  .myths > li > h2,
  .myths > li > p { grid-column: 1; }
}