.seo-related { width:min(1100px,calc(100% - 40px)); margin:48px auto; padding:30px; border:1px solid #d8e8e1; border-radius:16px; background:#f2f8f5; color:#173b38; }
.seo-related h2 { font-size:23px; line-height:1.3; font-weight:600; margin:0 0 12px; }
.seo-related p { font-size:14px; line-height:1.8; color:#526b66; margin:0 0 18px; }
.seo-related a { display:inline-block; font-size:14px; font-weight:600; color:#087d75; text-decoration:underline; text-underline-offset:4px; margin-right:24px; margin-bottom:8px; }
.seo-related a:focus-visible { outline:3px solid #e78833; outline-offset:4px; }

/* Shared editorial scale for every resource article. */
body main > section:first-of-type {
  padding-top: clamp(7.5rem, 10vw, 9rem) !important;
  padding-bottom: clamp(3rem, 6vw, 4.5rem) !important;
}

body main > section:first-of-type > div {
  max-width: 56rem !important;
}

body main > section:first-of-type h1 {
  max-width: 23ch;
  margin-bottom: 1.15rem !important;
  font-family: "Playfair Display", Georgia, serif !important;
  font-size: clamp(2.35rem, 4vw, 3.25rem) !important;
  font-weight: 700 !important;
  line-height: 1.08 !important;
  letter-spacing: -0.035em;
}

body main > section:first-of-type h1 + p,
body main > section:first-of-type .text-xl,
body main > section:first-of-type .text-lg {
  max-width: 45rem;
  font-size: clamp(1.05rem, 1.35vw, 1.18rem) !important;
  line-height: 1.65 !important;
}

body main > section:first-of-type .inline-flex,
body main > section:first-of-type > div > a:first-child,
body main > section:first-of-type .uppercase {
  min-height: 1.9rem;
  padding: 0.35rem 0.72rem !important;
  border-radius: 9999px !important;
  font-size: 0.75rem !important;
  font-weight: 650 !important;
  line-height: 1.15 !important;
  letter-spacing: 0.055em !important;
}

body main article .prose,
body main > article.prose {
  width: min(100%, 48rem);
  max-width: 48rem !important;
  margin-right: auto;
  margin-left: auto;
  color: #465260;
  font-family: Inter, system-ui, sans-serif;
  font-size: 1.05rem !important;
  line-height: 1.8 !important;
}

body main article .prose p,
body main > article.prose p {
  line-height: 1.8 !important;
}

body main article .prose h2,
body main > article.prose h2 {
  font-family: "Playfair Display", Georgia, serif !important;
  font-size: clamp(1.7rem, 2.5vw, 2rem) !important;
  line-height: 1.25 !important;
  letter-spacing: -0.02em;
}

body main article .prose h3,
body main > article.prose h3 {
  font-family: Inter, system-ui, sans-serif !important;
  font-size: clamp(1.18rem, 1.8vw, 1.35rem) !important;
  line-height: 1.35 !important;
}

body main article .prose li,
body main > article.prose li {
  line-height: 1.7 !important;
}

@media (max-width: 640px) {
  body main > section:first-of-type {
    padding-top: 7rem !important;
    padding-bottom: 2.75rem !important;
  }

  body main > section:first-of-type h1 {
    max-width: 18ch;
    font-size: clamp(2rem, 9.5vw, 2.45rem) !important;
    line-height: 1.1 !important;
  }

  body main > section:first-of-type h1 + p,
  body main > section:first-of-type .text-xl,
  body main > section:first-of-type .text-lg {
    font-size: 1rem !important;
  }

  body main article .prose,
  body main > article.prose {
    font-size: 1rem !important;
    line-height: 1.75 !important;
  }

  body main article .prose h2,
  body main > article.prose h2 {
    font-size: 1.65rem !important;
  }
}