.related-cards{display:flex;gap:16px;margin-top:40px;align-items:stretch}
.related-card-row{display:contents}
.related-card{--related-ink:#14212b;--related-muted:#526e66;--related-line:#b8cdc2;position:relative;isolation:isolate;overflow:hidden;flex:1 1 0;min-width:0;min-height:270px;padding:25px 20px;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;gap:22px;border-radius:8px;background:#edf3ef;color:var(--related-ink);container-type:inline-size;transition:flex-grow .45s cubic-bezier(.22,.68,0,1),background-color .25s,color .25s}
.related-card:nth-child(2){background:#e4eee8}
.related-kind{position:relative;z-index:1;font-size:12px;line-height:1.5;color:var(--related-muted);transition:color .25s}
.related-card h3{position:relative;z-index:1;font-size:clamp(18px,9cqw,27px);line-height:1.18;letter-spacing:-.035em;overflow-wrap:anywhere;max-width:100%}
.related-arrow{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;flex:none;width:37px;height:37px;border:1px solid var(--related-line);border-radius:50%;transition:transform .3s,border-color .25s}
.related-arrow svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.related-strata{position:absolute;pointer-events:none;z-index:0;right:-35px;bottom:-55px;width:180px;transform:rotate(-25deg);opacity:.065}
.related-strata i{display:block;height:29px;margin-top:12px;background:currentColor}
.related-strata i:first-child{margin-left:65px}.related-strata i:nth-child(2){margin-left:32px}
.related-card:focus-visible,.related-cards:not(:has(.related-card:focus-visible)) .related-card:hover{--related-ink:#f3f8f4;--related-muted:#c0d7cc;--related-line:#bdd9cc70;background:#10343c;color:var(--related-ink)}
.related-card:focus-visible .related-arrow,.related-cards:not(:has(.related-card:focus-visible)) .related-card:hover .related-arrow{transform:translate(3px,-3px)}
@media(min-width:651px){
 .related-cards:has(.related-card:hover,.related-card:focus-visible) .related-card{flex-grow:.8}
 .related-cards:has(.related-card:focus-visible) .related-card:focus-visible,.related-cards:not(:has(.related-card:focus-visible)) .related-card:hover{flex-grow:1.8}
}
@media(max-width:1100px){.related-cards{flex-direction:column}.related-card-row{display:flex;gap:16px}.related-card{min-height:250px}}
@media(max-width:650px){.related-cards{margin-top:30px;gap:14px}.related-card-row{flex-direction:column;gap:14px}.related-card{min-height:190px;padding:24px;gap:18px;container-type:normal}.related-card h3{font-size:25px}.related-arrow{width:35px;height:35px}}
@media(prefers-reduced-motion:reduce){.related-card,.related-kind,.related-arrow{transition:none}.related-card:focus-visible .related-arrow,.related-cards:not(:has(.related-card:focus-visible)) .related-card:hover .related-arrow{transform:none}}