.related{padding:clamp(3rem,6vw,5rem) 0;background:#e7eef3}
.related-kicker{margin:0 0 .45rem;color:var(--red);font-size:.76rem;font-weight:900;letter-spacing:.12em}
.related h2{margin:0;font-size:clamp(2rem,4vw,3.25rem);line-height:1.08}
.related-intro{max-width:680px;margin:.7rem 0 1.7rem;color:var(--muted)}
.related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}
.related-card{display:flex;min-height:250px;padding:1.35rem;flex-direction:column;text-align:left;border:1px solid #c7d7e1;border-radius:18px;color:var(--ink);background:#fff;font:inherit;cursor:pointer;transition:transform .2s,box-shadow .2s,border-color .2s}
.related-card:hover,.related-card:focus-visible{transform:translateY(-4px);border-color:var(--blue);box-shadow:0 14px 34px #071a2f18}
.related-card h3{margin:.65rem 0 .5rem;font-size:1.35rem;line-height:1.18}
.related-card p{margin:0;color:var(--muted)}
.related-type{color:var(--red);font-size:.76rem;font-weight:900;letter-spacing:.06em;text-transform:uppercase}
.related-link{margin-top:auto;padding-top:1.2rem;color:var(--blue);font-size:.84rem;font-weight:900}
.related-video{color:#fff;border-color:#163770;background:linear-gradient(135deg,#163770,#244b91)}
.related-video p,.related-video .related-type,.related-video .related-link{color:#fff}
.related-video .related-type{opacity:.75}
.related-dialog{width:min(780px,calc(100% - 28px));max-height:88vh;padding:0;overflow:auto;border:0;border-radius:22px;color:var(--ink);background:#fff;box-shadow:0 30px 90px #0007}
.related-dialog::backdrop{background:#04111dcc;backdrop-filter:blur(4px)}
.dialog-head{display:flex;padding:1.35rem 1.45rem;align-items:flex-start;justify-content:space-between;gap:1rem;color:#fff;background:linear-gradient(135deg,#163770,#244b91)}
.dialog-head span{font-size:.72rem;font-weight:900;letter-spacing:.09em;text-transform:uppercase;opacity:.72}
.dialog-head h2{margin:.25rem 0 0;font-size:clamp(1.5rem,3vw,2.25rem);line-height:1.08}
.dialog-close{width:42px;height:42px;flex:0 0 42px;border:1px solid #ffffff55;border-radius:50%;color:#fff;background:#ffffff12;font-size:1.55rem;cursor:pointer}
.dialog-body{padding:1.45rem}.dialog-body p{margin:0 0 1rem;color:var(--muted)}
.dialog-action{display:inline-flex;margin-top:.3rem;color:var(--blue);font-weight:900;text-decoration:none}
.related-source-link{color:var(--blue);font-weight:800;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
.video-frame{aspect-ratio:16/9;background:#02070c}.video-frame iframe{width:100%;height:100%;display:block;border:0}
body:has(.related-dialog[open]){overflow:hidden}
@media(max-width:900px){.related-grid{grid-template-columns:1fr 1fr}.related-video{grid-column:1/-1}}
@media(max-width:650px){.related-grid{grid-template-columns:1fr}.related-video{grid-column:auto}}