/* pages/page.css: loaded only on the "page" template.
   Ported from the source theme (RECON/assets/pretty/style.css), selectors and values kept 1:1. */
@layer custom {
  .cc-prose p,
  .cc-prose li {
    font-size: 18px;
    line-height: 35px;
  }
  .cc-prose p {
    margin: 0 0 22px;
  }
  .cc-prose ul,
  .cc-prose ol {
    margin: 0 0 22px;
    padding-left: 22px;
  }
  .cc-prose li {
    margin-bottom: 8px;
  }
  .cc-prose h2,
  .cc-prose h3,
  .cc-prose h4 {
    margin-top: 72px;
    margin-bottom: 20px;
  }
  .cc-prose > :first-child {
    margin-top: 0;
  }
  @media (max-width: 767px) {
  .cc-prose h2,
  .cc-prose h3,
  .cc-prose h4 {
    margin-top: 48px;
  }
  }
  .cc-prose a {
    white-space: nowrap;
    color: var(--clr-white);
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: 0.22em;
    text-decoration-color: var(--clr-white-40);
    transition: text-decoration-color 0.3s ease;
  }
  .cc-prose a:hover,
  .cc-prose a:focus-visible {
    text-decoration-color: var(--clr-white);
  }
  @media (prefers-reduced-motion: reduce) {
  .cc-prose a {
    transition: none;
  }
  }
}