.related-reading { padding: clamp(36px, 5vw, 64px) 24px; background: #f3f7fa; color: #063755; }
.related-reading__wrap { width: min(1200px, 100%); margin-inline: auto; }
.related-reading h2 { margin: 0 0 16px; color: #063755; font-size: clamp(24px, 2.4vw, 32px); line-height: 1.35; font-weight: 650; text-align: left; }
.related-reading .related-reading__intro { max-width: none; margin: 0 0 28px; color: #405d70; line-height: 1.75; text-align: left; }
.related-reading__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; }
.related-reading .related-reading__item { padding: 26px; border: 1px solid #d3e2e9; border-radius: 20px; background: #fff; box-shadow: none; }
.related-reading .related-reading__item h3 { margin: 0 0 12px; font-size: 19px; font-weight: 650; line-height: 1.5; text-align: left; color: #063755; }
.related-reading .related-reading__item a { color: #063755; text-decoration: none; overflow-wrap: anywhere; }
.related-reading .related-reading__item a:hover { color: #146898; }
.related-reading .related-reading__item a:focus-visible { outline: 2px solid #146898; outline-offset: 4px; border-radius: 3px; }
.related-reading .related-reading__item p { margin: 0; color: #405d70; font-size: 15px; line-height: 1.8; text-align: left; }
@media (max-width: 760px) {
    .related-reading { padding-inline: 20px; }
    .related-reading__grid { grid-template-columns: 1fr; gap: 14px; }
    .related-reading .related-reading__item { padding: 24px; }
}