/* Related external links: optional banners and repeatable cards. */
.related-main{max-width:1040px}
.related-list{list-style:none;margin:0;padding:0;display:grid;gap:24px}
.related-list li{--link-tint:#eef8f1;--link-line:#cce5d5;min-width:0}
.related-list li:nth-child(4n+2){--link-tint:#fff7e6;--link-line:#eddfbd}
.related-list li:nth-child(4n+3){--link-tint:#edf6fc;--link-line:#d0e4ed}
.related-list li:nth-child(4n){--link-tint:#fceff3;--link-line:#ecd6df}
.related-link{display:flex;align-items:center;gap:32px;padding:30px;border:1px solid var(--link-line);border-radius:23px;background:linear-gradient(125deg,var(--link-tint),#fff 55%);transition:background-color .2s ease}
.related-link:hover{background:var(--link-tint)}
.related-link:focus-visible{outline:2px solid #729e8b;outline-offset:4px}
.related-banner{display:flex;align-items:center;justify-content:center;flex:0 0 32%;min-width:0}
.related-banner img{display:block;width:100%;max-height:180px;object-fit:contain;border-radius:8px}
.related-placeholder{display:grid;place-items:center;width:100%;min-height:100px;border:1px dashed var(--link-line);border-radius:10px;background:#ffffffb3;color:#6b7d74;font-size:12px;letter-spacing:.12em}
.related-content{flex:1;min-width:0;overflow-wrap:anywhere}
.related-content h2{font-size:clamp(18px,2vw,22px);line-height:1.6;margin:0 0 16px;color:#42645e}
.related-content p{font-size:14px;line-height:1.95;margin:0 0 18px}
.related-arrow{display:grid;place-items:center;width:36px;height:36px;border:1px solid var(--link-line);border-radius:50%;background:#fff;color:#608875}
@media(max-width:650px){.related-list{gap:18px}.related-link{flex-direction:column;align-items:stretch;padding:22px;gap:22px}.related-banner{flex-basis:auto;width:100%;max-width:300px;margin-inline:auto}.related-content h2{font-size:18px;margin-bottom:12px}}