/*
 * Restore list markers inside extracted Webflow rich-text content.
 *
 * Tailwind's global preflight resets `ul, ol { list-style: none }`, which
 * strips bullets and numbers from `.w-richtext` content lists on every
 * legacy page (the legacy `.wf-body ul` rule only sets spacing, not a
 * list-style, so it can't restore the markers on its own).
 *
 * These rules re-enable markers, scoped to `.wf-body .w-richtext` so the
 * global React chrome (header dropdowns, footer, etc.) keeps its
 * intentionally unstyled lists. Loaded last from app/(legacy)/layout.tsx.
 */

.wf-body .w-richtext ul {
  list-style: disc outside;
  padding-left: 1.5rem;
  margin-bottom: 16px;
}

.wf-body .w-richtext ol {
  list-style: decimal outside;
  padding-left: 2.25rem;
  margin-bottom: 16px;
}

.wf-body .w-richtext ul li,
.wf-body .w-richtext ol li {
  display: list-item;
  margin-bottom: 8px;
}

/*
 * Restore inline link styling inside rich-text blocks.
 *
 * globals.css sets `a { color: inherit; text-decoration: none }` for the
 * React chrome; that reset also strips visible link affordance from
 * `.w-richtext` anchors (e.g. About Us award bullets).
 */
.wf-body .w-richtext a {
  color: var(--heading-color-two);
  text-decoration: underline;
  text-underline-offset: 0.15em;
}

.wf-body .w-richtext a:hover,
.wf-body .w-richtext a:focus-visible {
  color: var(--purple);
}