.starting-rules {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
  margin: 28px 0 0;
}
.starting-rules div { display: flex; flex-direction: column-reverse; gap: 5px; }
.starting-rules dt { font-size: .75rem; color: var(--muted, #aebbb6); }
.starting-rules dd { margin: 0; font-size: 2rem; color: var(--gold, #e4b55b); }
.starting-rules dd span { font-size: .85rem; }
.landing-guide { padding: 32px 2vw 60px; border-top: 1px solid #ffffff20; }
.landing-guide h2 { margin: 10px 0 24px; }
.encounter-steps, .card-fates { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 28px; }
.encounter-steps { padding: 0; list-style: none; counter-reset: encounter-step; }
.encounter-steps li { counter-increment: encounter-step; }
.encounter-steps h3::before { content: counter(encounter-step) ". "; color: var(--gold, #e4b55b); }
.landing-guide p, .card-fates dd { font-size: .9rem; line-height: 1.65; color: var(--muted, #aebbb6); }
.card-fates { margin-top: 30px; padding-top: 24px; border-top: 1px solid #ffffff20; }
.card-fates dt { font-weight: 700; color: var(--gold, #e4b55b); }
.card-fates dd { margin: 8px 0 0; }
.rules-guide { line-height: 1.65; }
.rules-guide h3 { margin-top: 24px; }
.rules-guide h3:first-child { margin-top: 0; }
.rules-guide dl div { margin: 12px 0; }
.rules-guide dt { font-weight: 700; }
.rules-guide dd { margin: 2px 0 0; }
.rules-guide details { border-top: 1px solid #20363125; padding: 14px 0; }
.rules-guide summary { cursor: pointer; font-weight: 700; }
.rules-reference { font-size: .85rem; }
@media (max-width: 740px) {
  .encounter-steps, .card-fates { grid-template-columns: 1fr; gap: 14px; }
  .starting-rules { gap: 10px; margin-top: 20px; }
  .starting-rules dt { font-size: .7rem; }
  .starting-rules dd { font-size: 1.7rem; }
  .landing-guide { padding-bottom: 32px; }
}