/* Policies + Payments pages */
.rules-intro {
  display: grid;
  gap: 18px;
  align-content: start;
}

.rules-intro p {
  margin: 0;
  font-size: 16px;
  line-height: 1.7;
}

.rules-pdf {
  justify-self: start;
  margin-top: 6px;
}

.rules-note {
  color: var(--muted);
  font-size: 14px !important;
}

.rules-list {
  display: grid;
  gap: 0;
  margin: 0;
  padding: 0 0 0 clamp(24px, 4vw, 56px);
  border-left: 1px solid rgb(23 23 23 / 24%);
  list-style: none;
  counter-reset: rule;
}

.rules-list li {
  position: relative;
  padding: 16px 0 16px 46px;
  border-bottom: 1px solid var(--line);
  font-size: 16px;
  line-height: 1.65;
  counter-increment: rule;
}

.rules-list li:first-child {
  padding-top: 0;
}

.rules-list li::before {
  position: absolute;
  top: 14px;
  left: 0;
  color: var(--gold);
  font-family: Georgia, "Times New Roman", serif;
  font-size: 24px;
  line-height: 1.2;
  content: counter(rule);
}

.rules-list li:first-child::before {
  top: -2px;
}

@media (max-width: 700px) {
  .rules-list {
    padding-left: 0;
    border-left: 0;
  }

  .rules-pdf {
    width: 100%;
  }
}

/* Policies banner: keep the sunset bright, shade only behind the heading */
.hero--policies .hero__image {
  object-position: center 40%;
}

.hero--policies .hero__shade {
  background:
    linear-gradient(90deg, rgb(0 0 0 / 58%) 0%, rgb(0 0 0 / 34%) 32%, rgb(0 0 0 / 0%) 58%),
    linear-gradient(0deg, rgb(0 0 0 / 30%) 0%, transparent 40%);
}

@media (max-width: 700px) {
  .hero--policies .hero__shade {
    background: linear-gradient(0deg, rgb(0 0 0 / 70%) 0%, rgb(0 0 0 / 35%) 38%, rgb(0 0 0 / 0%) 62%);
  }
}