.page-disclaimer {
  --disclaimer-rule: var(--line);
  --disclaimer-num: var(--rust);
  --disclaimer-accent: var(--amber);
}

.page-disclaimer .display-title {
  margin-bottom: 0.75rem;
}

.page-disclaimer .lede {
  margin-bottom: 1.5rem;
}

.page-disclaimer .callout--amber {
  margin-bottom: 1.5rem;
}

.page-disclaimer .figure-frame {
  margin-bottom: 2rem;
}

.page-disclaimer .index-rail {
  border-left: 3px solid var(--disclaimer-accent);
  padding-left: 1rem;
  margin-bottom: 2rem;
}

.page-disclaimer .index-list {
  list-style: none;
  margin: 0.5rem 0 0;
  padding: 0;
  display: grid;
  gap: 0.4rem;
}

.page-disclaimer .card {
  border-bottom: 1px solid var(--disclaimer-rule);
  border-radius: 0;
  box-shadow: none;
  padding: 1.25rem 0;
  margin: 0;
}

.page-disclaimer .card:last-of-type {
  border-bottom: none;
}

.page-disclaimer .card-head {
  display: flex;
  align-items: baseline;
  gap: 0.75rem;
  margin-bottom: 0.5rem;
}

.page-disclaimer .card-head .num {
  color: var(--disclaimer-num);
  font-weight: 700;
  letter-spacing: 0.05em;
  min-width: 2.5rem;
}

.page-disclaimer .card-head .section-title {
  margin: 0;
  font-size: 1.125rem;
}

.page-disclaimer .card-body p {
  margin: 0 0 0.6rem;
}

.page-disclaimer .card-body p:last-child {
  margin-bottom: 0;
}

.page-disclaimer .btn--amber {
  margin-top: 0.5rem;
}

@media (max-width: 640px) {
  .page-disclaimer .card-head {
    flex-direction: column;
    gap: 0.25rem;
  }

  .page-disclaimer .card-head .num {
    min-width: 0;
  }
}
