// FILE: assets/ln-related-collections.css
.ln-rel{padding:24px 0}
@media (min-width:990px){.ln-rel{padding:36px 0}}
.ln-rel__head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-bottom:14px}
.ln-rel__title{margin:0;font-size:1.15rem;line-height:1.2}
@media (min-width:990px){.ln-rel__title{font-size:1.35rem}}

.ln-rel__track{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.ln-rel__card{display:block;border:1px solid rgba(0,0,0,.08);border-radius:14px;overflow:hidden;background:var(--color-background, #fff);text-decoration:none;color:inherit;transform:translateZ(0)}
.ln-rel__media{position:relative;width:100%;padding-top:var(--ln-rel-pad,75%);background:rgba(0,0,0,.03);overflow:hidden}
.ln-rel__media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.ln-rel__img-fallback{position:absolute;inset:0;background:rgba(0,0,0,.06)}
.ln-rel__body{padding:12px 12px 14px}
.ln-rel__name{margin:0 0 8px;font-size:1rem;line-height:1.25}
.ln-rel__cta{display:inline-flex;align-items:center;gap:6px;font-weight:600;font-size:.95rem}
.ln-rel__cta span{border-bottom:1px solid rgba(0,0,0,.35)}
.ln-rel__card:focus-visible{outline:2px solid rgba(0,0,0,.65);outline-offset:3px}
.ln-rel__card:hover .ln-rel__cta span{border-bottom-color:rgba(0,0,0,.65)}

.ln-rel--slider .ln-rel__track{display:flex;gap:12px;overflow-x:auto;padding-bottom:6px;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}
.ln-rel--slider .ln-rel__card{flex:0 0 78%;scroll-snap-align:start}
@media (min-width:750px){.ln-rel--slider .ln-rel__card{flex-basis:46%}}
@media (min-width:990px){
  .ln-rel--slider .ln-rel__track{display:grid;overflow:visible;scroll-snap-type:none;padding-bottom:0;grid-template-columns:repeat(3,minmax(0,1fr))}
  .ln-rel--slider .ln-rel__card{flex:auto}
}