.related-preview{background:#091722;color:#eff7fc;padding:42px 0 48px;scroll-margin-top:100px;font-family:Inter,Arial,sans-serif}
.related-preview>.wrap{width:min(1180px,calc(100% - 48px));margin-inline:auto}
.related-preview #related-preview-label{display:flex;align-items:center;gap:12px;margin:0 0 16px;color:#64cef2;font:700 13px/1.3 Inter,Arial,sans-serif;letter-spacing:0;text-transform:uppercase}
.related-preview #related-preview-label::before{content:"";width:28px;height:2px;background:currentColor}
.related-preview-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.related-preview-grid--2{grid-template-columns:repeat(2,minmax(0,1fr))}
.related-preview .related-preview-card{display:flex;flex-direction:column;min-width:0;padding:22px;background:#0d2635;border:1px solid #244958;border-radius:6px;color:#eff7fc;text-decoration:none;overflow-wrap:anywhere}
.related-preview-card>span:first-child{color:#64cef2;font-size:12px;font-weight:700}
.related-preview-card>strong{display:block;color:#eff7fc;margin:8px 0;font-size:19px;line-height:1.25}
.related-preview-card>p{color:#c4d5df;font-size:14px;line-height:1.5;margin:0 0 12px}
.related-preview-card .related-preview-arrow{color:#64cef2;font-size:22px;margin-top:auto;line-height:1}
.related-preview .related-preview-card:focus-visible{outline:2px solid #64cef2;outline-offset:3px}
@media(hover:hover) and (pointer:fine){.related-preview .related-preview-card:hover{border-color:#64cef2;background:#123345}}
@media(max-width:760px){
  .related-preview{padding:32px 0;scroll-margin-top:80px}
  .related-preview>.wrap{width:calc(100% - 36px)}
  .related-preview .related-preview-grid{
    display:grid;grid-template-columns:none;grid-auto-flow:column;
    grid-auto-columns:min(86%,380px);gap:12px;
    margin-inline:-18px;padding:4px 18px 12px;
    overflow-x:auto;overscroll-behavior-x:contain;
    scroll-snap-type:x mandatory;scroll-padding-inline:18px;
    scrollbar-width:thin;scrollbar-color:#387187 #091722;
  }
  .related-preview .related-preview-card{padding:18px;scroll-snap-align:start}
  .related-preview .related-preview-card:last-child{scroll-snap-align:end}
}
