.it-single-related>h2{margin:0 0 18px;}.it-related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;}.it-related-card{min-width:0;overflow:hidden;border:1px solid var(--it-border);border-radius:16px;background:var(--it-surface);transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease;}.it-related-card:hover{border-color:color-mix(in srgb,var(--it-primary) 32%,var(--it-border));box-shadow:0 8px 24px color-mix(in srgb,#0f172a 8%,transparent);transform:translateY(-2px);}.it-related-card__media{display:block;aspect-ratio:16 / 9;overflow:hidden;background:var(--it-surface-2);}.it-related-card__image{display:block;width:100%;height:100%;object-fit:cover;transition:transform .28s ease;}.it-related-card:hover .it-related-card__image{transform:scale(1.025);}.it-related-card__body{padding:14px 15px 15px;}.it-related-card__title{margin:0;font-size:15px;font-weight:700;line-height:1.85;}.it-related-card__title a{display:-webkit-box;overflow:hidden;color:var(--it-text);text-decoration:none;-webkit-box-orient:vertical;-webkit-line-clamp:2;}.it-related-card__title a:hover{color:var(--it-primary);}.it-related-card__meta{display:flex;align-items:center;gap:6px;margin-top:10px;color:var(--it-muted);font-size:12px;line-height:1.5;}.it-related-card__date-icon{display:inline-flex;flex:0 0 16px;width:16px;height:16px;color:var(--it-primary);}.it-related-card__date-icon svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;}.it-related-card__date{white-space:nowrap;}[data-theme="dark"] .it-related-card:hover{box-shadow:0 8px 24px rgba(0,0,0,.22);}@media (max-width:991px){.it-related-grid{--it-related-gap:12px;display:flex;gap:var(--it-related-gap);width:100%;max-width:100%;overflow-x:auto;overflow-y:hidden;padding:0 0 6px;scroll-snap-type:x mandatory;scroll-padding-inline:0;overscroll-behavior-inline:contain;-webkit-overflow-scrolling:touch;scrollbar-width:none;}.it-related-grid::-webkit-scrollbar{display:none;width:0;height:0;}.it-related-card{flex:0 0 calc(100% - var(--it-related-gap) - 40px);width:calc(100% - var(--it-related-gap) - 40px);scroll-snap-align:start;scroll-snap-stop:normal;}.it-related-card__body{padding:13px 14px 14px;}}