/* Related reading belongs to the page content, with a quieter heading and compact links. */
.related-reading { background: #fafbf8; color: #193d34; padding-block: 24px 32px; scroll-margin-top: 150px; }
.related-reading .reading-wrap { width: min(1184px, calc(100% - 64px)); margin-inline: auto; border-top: 1px solid #d7e1d9; padding-top: 24px; }
.related-reading .reading-heading { display: flex; align-items: baseline; flex-wrap: wrap; gap: 12px 32px; margin-bottom: 24px; }
.related-reading .reading-heading h2 { font-size: 22px; line-height: 1.4; font-weight: 600; letter-spacing: -.025em; margin: 0; }
.related-reading .reading-heading > p { margin: 0; font-size: 15px; line-height: 1.8; color: #536b62; max-width: 58ch; }
.related-reading .reading-list { padding: 0; margin: 0; list-style: none; }
.related-reading .reading-list > li { margin: 0; }
.related-reading .reading-link { color: inherit; text-decoration: none; display: grid; grid-template-columns: 104px minmax(0, 1fr); gap: 24px; align-items: start; }
.related-reading .reading-link img { display: block; width: 100%; aspect-ratio: 4 / 3; height: auto; object-fit: cover; border-radius: 8px; background: #e9f2ec; }
.related-reading .reading-copy { max-width: 73ch; }
.related-reading .reading-copy h3 { margin: 0; font-size: 18px; line-height: 1.65; font-weight: 600; letter-spacing: -.015em; text-wrap: balance; }
.related-reading .reading-copy p { margin: 8px 0 0; font-size: 15px; line-height: 1.8; color: #536b62; }
.related-reading .reading-action { display: inline-flex; align-items: center; gap: 8px; min-height: 44px; margin-top: 4px; color: #17503d; font-size: 14px; font-weight: 600; }
.related-reading .reading-action svg, .related-reading .reading-footer svg { width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
.related-reading .reading-link:hover h3 { text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 5px; }
.related-reading .reading-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 32px; }
.related-reading .reading-grid .reading-link { grid-template-columns: 88px minmax(0, 1fr); gap: 16px; }
.related-reading .reading-grid img { aspect-ratio: 1; }
.related-reading .reading-grid h3 { font-size: 18px; }
.related-reading .reading-grid p { font-size: 14px; }
.related-reading .reading-specialties { display: grid; grid-template-columns: 1fr 1fr; gap: 64px; }
.related-reading .reading-group-title { font-size: 18px; line-height: 1.5; font-weight: 600; margin: 0 0 20px; }
.related-reading .reading-rows > li + li { border-top: 1px solid #d7e1d9; padding-top: 24px; margin-top: 20px; }
.related-reading .reading-rows .reading-link { grid-template-columns: 104px minmax(0, 1fr); gap: 20px; }
.related-reading .reading-rows img { aspect-ratio: 1; }
.related-reading .reading-rows h3 { font-size: 18px; }
.related-reading .reading-rows p { font-size: 14px; }
.related-reading .reading-footer { display: flex; justify-content: flex-end; margin-top: 20px; }
.related-reading .reading-footer a { display: inline-flex; align-items: center; gap: 8px; min-height: 44px; color: #17503d; font-weight: 600; font-size: 14px; text-decoration: none; }
.related-reading .reading-footer a:hover { text-decoration: underline; text-underline-offset: 5px; }
@media (max-width: 1100px) {
  .related-reading .reading-specialties { gap: 32px; }
  .related-reading .reading-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 760px) {
  .related-reading { padding-block: 16px 24px; }
  .related-reading .reading-wrap { width: calc(100% - 36px); padding-top: 24px; }
  .related-reading .reading-heading { display: block; margin-bottom: 24px; }
  .related-reading .reading-heading h2 { font-size: 20px; }
  .related-reading .reading-heading > p { margin-top: 8px; font-size: 14px; }
  .related-reading .reading-link, .related-reading .reading-grid .reading-link, .related-reading .reading-rows .reading-link { grid-template-columns: 88px minmax(0, 1fr); gap: 16px; }
  .related-reading .reading-link img { aspect-ratio: 1; }
  .related-reading .reading-copy h3 { font-size: 18px; }
  .related-reading .reading-copy p { font-size: 14px; }
  .related-reading .reading-grid { grid-template-columns: 1fr; gap: 24px; }
  .related-reading .reading-specialties { grid-template-columns: 1fr; gap: 32px; }
  .related-reading .reading-group-title { margin-bottom: 16px; }
  .related-reading .reading-rows > li + li { padding-top: 20px; margin-top: 16px; }
  .related-reading .reading-footer { justify-content: flex-start; margin-top: 16px; }
}

.related-reading a:focus-visible { outline: 3px solid #835420; outline-offset: 4px; }

.related-reading .reading-specialties > div:only-child { grid-column: 1 / -1; }
