.slots-page .content-section {
  min-width: 0;
}

.slots-introduction .section-copy {
  max-width: 960px;
  font-size: .98rem;
  line-height: 1.75;
}

.slots-introduction .section-copy:last-child {
  margin-bottom: 0;
}

.slots-page .slots-table-wrap {
  overflow-x: auto;
  border: 1px solid var(--line);
  border-radius: 12px;
}

.slots-table-wrap:focus-visible {
  outline: 3px solid #4cc5d5;
  outline-offset: 3px;
}

.slots-comparison {
  width: 100%;
  min-width: 650px;
  border-collapse: collapse;
  text-align: left;
  font-size: .9rem;
}

.slots-comparison th,
.slots-comparison td {
  padding: 15px 18px;
  border-bottom: 1px solid var(--line);
  vertical-align: top;
}

.slots-comparison thead th {
  background: #eef4fa;
  color: #374e67;
  font-size: .8rem;
}

.slots-comparison tbody th {
  width: 25%;
  font-weight: 700;
}

.slots-comparison tbody tr:last-child > * {
  border-bottom: 0;
}

.slots-page .game-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
  align-items: start;
  margin-top: 24px;
}

.slots-page .game-card {
  border-top: 3px solid #b5c7df;
  box-shadow: none;
  background: linear-gradient(145deg, #f7faff, #fff 60%);
}

.slots-page .game-card__info {
  padding: 22px;
}

.slots-page .game-card h3 {
  margin: 12px 0;
  font-size: 1.16rem;
  overflow-wrap: normal;
}

.slots-page .game-card p {
  font-size: .9rem;
  line-height: 1.65;
}

.slots-page .game-card .slot-format {
  color: #374e67;
  font-size: .8rem;
}

.slots-page .game-details {
  margin-top: 5px;
  padding-top: 14px;
}

.slots-page .game-details__inside p {
  margin: 10px 0;
  font-size: .86rem;
}

.slots-page #slots-pragmatic-play .game-grid,
.slots-page #slots-hacksaw-gaming .game-grid {
  align-items: stretch;
}

.slots-page .game-card--illustrated {
  border: 1px solid #dce4ef;
  border-radius: 18px;
  background: #fff;
  box-shadow: 0 5px 18px #15243c0a;
}

.slot-card-art {
  position: relative;
  isolation: isolate;
  display: grid;
  place-items: center;
  aspect-ratio: 4 / 3;
  overflow: hidden;
  padding: 16px;
  background: #17243c;
  border-bottom: 1px solid #dce4ef;
}

.slot-card-art::before {
  content: "";
  position: absolute;
  inset: -30px;
  z-index: -2;
  background: var(--slot-art) center / cover no-repeat;
  filter: blur(20px);
  opacity: .65;
}

.slot-card-art::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background: linear-gradient(180deg, #0f172a0a, #0f172a38);
}

.slot-card-art img {
  display: block;
  width: 100%;
  height: 100%;
  min-height: 0;
  object-fit: contain;
}

.slots-page .game-card--illustrated .game-card__info {
  padding: 22px;
}

.slots-page .game-card--illustrated .eyebrow-small {
  align-self: flex-start;
  padding: 4px 8px;
  border-radius: 6px;
  background: #edf4fb;
  color: #31617e;
  font-size: .63rem;
}

.slots-page #slots-hacksaw-gaming .game-card--illustrated .eyebrow-small {
  background: #f3effa;
  color: #655083;
}

.slots-page .game-card--illustrated .game-details {
  margin-top: auto;
  padding-top: 15px;
}

.slots-explainers,
.slots-questions {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 24px 32px;
}

.slots-explainers > div,
.slots-questions > div {
  border-top: 1px solid var(--line);
  padding-top: 18px;
}

.slots-explainers h3,
.slots-questions h3 {
  margin: 0 0 10px;
  font-size: 1.08rem;
  line-height: 1.35;
}

.slots-explainers p,
.slots-questions p {
  margin: 0;
  color: #506078;
  font-size: .94rem;
}

.slots-page .slots-source-note {
  margin-bottom: 0;
  font-size: .85rem;
}

.slots-comparison-notes {
  margin-top: 28px;
  max-width: 940px;
}

.slots-comparison-notes h3,
.slots-paytable-example h3 {
  margin: 22px 0 10px;
  font-size: 1.1rem;
  line-height: 1.35;
}

.slots-comparison-notes p,
.slots-format-guide,
.slots-steps p,
.slots-paytable-example p {
  color: #506078;
  font-size: .94rem;
}

.slots-format-guide,
.slots-steps {
  padding-left: 1.5rem;
}

.slots-format-guide li + li {
  margin-top: 9px;
}

.slots-steps {
  max-width: 940px;
  margin: 24px 0;
}

.slots-steps li {
  padding-left: 8px;
}

.slots-steps li + li {
  margin-top: 22px;
}

.slots-steps li::marker {
  color: #2454d7;
  font-weight: 750;
}

.slots-steps h3 {
  margin: 0 0 8px;
  font-size: 1.08rem;
  line-height: 1.4;
}

.slots-steps p {
  margin: 0;
}

.slots-paytable-example {
  padding: 18px 22px;
  background: #f0f5fb;
  border: 1px solid var(--line);
  border-radius: 12px;
  max-width: 940px;
}

.slots-paytable-example h3,
.slots-paytable-example p {
  margin-top: 0;
}

.slots-paytable-example p {
  margin-bottom: 0;
}

.slots-page .slots-followup {
  margin-top: 22px;
}

.slots-explainers .slots-source-note {
  margin-top: 12px;
  font-size: .85rem;
}

@media (max-width: 1000px) {
  .slots-page .game-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 640px) {
  .slots-page .game-grid,
  .slots-explainers,
  .slots-questions {
    grid-template-columns: 1fr;
    gap: 18px;
  }

  .slots-page .game-card__info {
    padding: 19px;
  }

  .slots-page .game-card--illustrated .game-card__info {
    padding: 19px;
  }

  .slot-card-art {
    aspect-ratio: 3 / 2;
    padding: 12px;
  }

}