/* The returns page uses the full article width for its concise legal guidance. */
body.page-id-9 .sfy-legal-page .sfy-block-content {
  width: 100%;
  max-width: none;
  color: var(--color-foreground);
}

/* Complaints use the full article width for the long numbered guidance. */
.sfy-complaints-page .sfy-block-content {
  width: 100%;
  max-width: none;
  color: var(--color-foreground);
}

body.page-id-9 .sfy-legal-page .sfy-block-content > * + * {
  margin-top: 1rem;
}

.sfy-complaints-page .sfy-block-content > * + * {
  margin-top: 1rem;
}

.sfy-legal-page .sfy-block-content :where(.wp-block-heading, .wp-block-paragraph) {
  max-width: none;
}

.sfy-legal-page .sfy-block-content {
  overflow-wrap: anywhere;
}

body.page-id-9 .sfy-legal-page .sfy-block-content p {
  color: var(--color-foreground);
  line-height: 1.72;
}

.sfy-complaints-page .sfy-block-content p {
  color: var(--color-foreground);
  line-height: 1.72;
}

body.page-id-9 .sfy-legal-page .sfy-block-content strong {
  color: var(--color-foreground);
  font-weight: 650;
}

.sfy-complaints-page .sfy-block-content strong {
  color: var(--color-foreground);
  font-weight: 650;
}

.sfy-legal-page .sfy-block-content h2 {
  margin-top: 2.5rem;
  font-size: clamp(1.25rem, 1.6vw, 1.75rem);
  line-height: 1.35;
}

body.page-id-9 .sfy-legal-page .sfy-block-content :where(ul, ol) {
  padding-inline-start: 1.5rem;
  color: var(--color-foreground);
  line-height: 1.65;
}

.sfy-complaints-page .sfy-block-content :where(ul, ol) {
  padding-inline-start: 1.5rem;
  color: var(--color-foreground);
  line-height: 1.65;
}

.sfy-legal-page .sfy-block-content ul {
  list-style-type: disc;
}

.sfy-legal-page .sfy-block-content ol {
  list-style-type: decimal;
}

body.page-id-9 .sfy-legal-page .sfy-block-content :where(li + li, li > ul, li > ol) {
  margin-top: 0.4rem;
}

.sfy-complaints-page .sfy-block-content :where(li + li, li > ul, li > ol) {
  margin-top: 0.4rem;
}

/* Informational pages should not reserve invisible space for scroll reveals. */
body.page-id-9 .sfy-footer .fade-section {
  opacity: 1;
  transform: none;
}

body:has(.sfy-complaints-page) .sfy-footer .fade-section {
  opacity: 1;
  transform: none;
}

/* Override the theme's global important link-decoration reset. */
.sfy-legal-page .sfy-block-content a {
  text-decoration: underline !important;
  text-underline-offset: 0.18em;
}

.sfy-legal-page .sfy-block-content a:focus-visible {
  outline: 2px solid var(--color-ring);
  outline-offset: 3px;
}
