.rules-hero {
  padding-bottom: 1.2rem;
}

.rules-layout {
  padding-top: .8rem;
}

.rules-layout .sidebar {
  top: 82px;
}

.rules-layout .section {
  content-visibility: auto;
  contain-intrinsic-size: 1px 760px;
}

.rules-layout .section h2,
.rules-hero h1,
.rules-hero h2,
.rules-layout .card h3,
.scenario h3 {
  letter-spacing: .035em;
}

.rules-layout p,
.rules-layout li,
.rules-layout td,
.rules-layout .note,
.scenario p {
  text-wrap: pretty;
}

.rules-layout .section-head {
  align-items: center;
}

.rules-layout .confirmed {
  color: var(--gold-soft);
  border-color: rgba(168,156,120,.28);
  background: rgba(168,156,120,.07);
}

.rules-layout .warning {
  color: rgba(255,226,226,.9);
}

.scenario-list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: .8rem;
}

.scenario {
  border: 1px solid rgba(168,156,120,.18);
  background: linear-gradient(180deg, rgba(7,8,8,.66), rgba(3,4,4,.42));
  box-shadow: inset 0 1px 0 rgba(255,255,255,.03), 0 16px 34px rgba(0,0,0,.18);
  border-radius: 4px;
  padding: .95rem;
}

.scenario h3 {
  margin: 0 0 .45rem;
  font-family: Cinzel, serif;
  color: var(--gold-soft);
  font-size: 1rem;
  font-weight: 600;
}

.scenario p {
  margin: 0;
  color: var(--muted);
  font-size: .93rem;
}

@media (max-width: 680px) {
  .scenario-list {
    grid-template-columns: 1fr;
  }
}

/* HDN 2026-05-30: normas legibles en portatiles 1366x768 y zoom. */
@media (max-height: 820px) and (min-width: 900px) {
  .rules-hero {
    padding-bottom: .7rem;
  }

  .rules-layout {
    padding-top: .55rem;
  }

  .rules-layout .sidebar {
    top: 68px;
  }

  .rules-layout .section {
    contain-intrinsic-size: 1px 620px;
  }

  .scenario-list {
    gap: .65rem;
  }

  .scenario {
    padding: .78rem;
  }

  .scenario h3 {
    font-size: .92rem;
  }

  .scenario p {
    font-size: .86rem;
    line-height: 1.45;
  }
}

@media (max-width: 1180px) {
  .scenario-list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 760px) {
  .scenario-list {
    grid-template-columns: 1fr;
  }
}