.vf-article-related{width:100%;margin:42px auto 26px}.vf-article-related h2{font-size:23px;font-weight:700;margin:0 0 18px;color:#102039}
.vf-related-track{--vf-gap:12px;display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 5 * var(--vf-gap))/6);gap:var(--vf-gap);overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;scroll-behavior:smooth}
.vf-related-track::-webkit-scrollbar{display:none}.vf-related-item{scroll-snap-align:start;display:flex;align-items:center;justify-content:center;min-width:0;padding:0;border-radius:14px;transition:box-shadow .2s,transform .2s}
.vf-related-item:hover,.vf-related-item:focus-visible{box-shadow:0 7px 18px #14263d17;transform:translateY(-2px)}.vf-related-item img{display:block;width:100%;aspect-ratio:1;object-fit:contain}
.vf-related-nav{display:flex;gap:12px;margin-top:14px}.vf-related-nav button{flex:1;border:0;border-radius:999px;background:#fff0f4;color:#fd335a;padding:12px 18px;cursor:pointer;font-weight:600}
.vf-related-nav button:disabled{background:#f1f3f5;color:#9daabd;cursor:default}
@media(max-width:850px){.vf-related-track{grid-auto-columns:calc((100% - 2 * var(--vf-gap))/3)}}
@media(max-width:600px){.vf-related-track{grid-auto-columns:calc((100% - var(--vf-gap))/2)}.vf-article-related h2{font-size:19px}}

.vf-related-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.vf-related-nav button{display:flex;justify-content:center;align-items:center;gap:10px;min-height:43px;border:1px solid #ffe0e6}
.vf-related-nav button:hover:not(:disabled){background:#ffe0e7}
.vf-related-nav button:disabled{border-color:#f1f3f5}
.vf-related-nav i{font-size:12px}