.related-section[data-v-10d780d2]{border-radius:.5rem;margin-bottom:1.5rem;padding:.5rem}.related-header[data-v-10d780d2]{align-items:center;border-bottom:1px solid #eaeaea;display:flex;gap:1rem;justify-content:space-between;margin-bottom:.75rem;padding:.5rem .75rem}.related-header h4[data-v-10d780d2]{color:#333;font-weight:600;margin:0}.related-carousel[data-v-10d780d2],.related-grid[data-v-10d780d2]{padding:.5rem 0}.related-grid[data-v-10d780d2]{display:flex;gap:16px;overflow-x:auto;overscroll-behavior-inline:contain;scroll-behavior:smooth;scrollbar-color:#cbd5e1 #f1f5f9;scrollbar-width:thin}.related-grid[data-v-10d780d2]::-webkit-scrollbar{height:6px}.related-grid[data-v-10d780d2]::-webkit-scrollbar-track{background:#f1f5f9;border-radius:999px}.related-grid[data-v-10d780d2]::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:999px}.related-grid .related-card[data-v-10d780d2]{flex:0 0 calc(25% - 12px);min-width:210px}.related-nav[data-v-10d780d2]{display:flex;flex-shrink:0;gap:.5rem}.related-nav-btn[data-v-10d780d2]{align-items:center;background:#fff;border:1px solid #d1d5db;border-radius:999px;color:#374151;cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s ease;width:32px}.related-nav-btn[data-v-10d780d2]:hover:not(:disabled){background:#eff6ff;border-color:var(--primary);color:var(--primary)}.related-nav-btn[data-v-10d780d2]:disabled{cursor:not-allowed;opacity:.4}.carousel-item[data-v-10d780d2]{height:100%}.related-card[data-v-10d780d2]{border:none!important;border-radius:.6rem;box-shadow:0 4px 12px #0000001a;cursor:pointer;height:100%;overflow:hidden;transition:all .3s ease}.related-card[data-v-10d780d2]:hover{box-shadow:0 8px 20px #00000026;transform:translateY(-4px)}.card-image-container[data-v-10d780d2]{aspect-ratio:16/9;background-color:#f5f5f5;height:180px;overflow:hidden;position:relative}.card-image[data-v-10d780d2]{height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .5s ease;width:100%}.related-card:hover .card-image[data-v-10d780d2]{transform:scale(1.05)}.content-type-icon[data-v-10d780d2]{background-color:#0000001a;border-radius:50%;color:#fff;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3));left:.5rem;padding:4px;position:absolute;top:.5rem;z-index:2}.card-title[data-v-10d780d2]{padding:.5rem .75rem;text-align:center}.card-title span[data-v-10d780d2]{display:block;font-size:.95rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.carousel-arrows[data-v-10d780d2]{height:0;position:relative;width:100%}.arrow-button[data-v-10d780d2]{align-items:center;background:#0009;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:32px;justify-content:center;position:absolute;top:-120px;transition:all .2s ease;width:32px;z-index:10}.arrow-button[data-v-10d780d2]:hover{background:#000c;transform:scale(1.1)}.arrow-button[data-v-10d780d2]:active{transform:scale(.95)}.arrow-left[data-v-10d780d2]{left:4px}.arrow-right[data-v-10d780d2]{right:4px}@media(max-width:640px){.related-grid[data-v-10d780d2]{scroll-snap-type:x proximity;scrollbar-width:none}.related-grid[data-v-10d780d2]::-webkit-scrollbar{display:none}.related-grid .related-card[data-v-10d780d2]{flex-basis:82vw;min-width:180px;scroll-snap-align:start}.related-nav[data-v-10d780d2]{display:none}.related-header h4[data-v-10d780d2]{font-size:1rem}.card-title span[data-v-10d780d2]{font-size:.85rem}}:root.dark .related-header[data-v-10d780d2]{border-bottom-color:var(--border-primary)}:root.dark .related-header h4[data-v-10d780d2]{color:var(--text-primary)}:root.dark .related-nav-btn[data-v-10d780d2]{background:var(--bg-elevated);border-color:var(--border-primary);color:var(--text-primary)}:root.dark .related-nav-btn[data-v-10d780d2]:hover:not(:disabled){background:var(--bg-secondary)}:root.dark .card-title span[data-v-10d780d2]{color:var(--text-primary)}:root.dark .card-image-container[data-v-10d780d2]{background-color:var(--bg-secondary)}:root.dark .related-card.n-card{box-shadow:0 0 0 1px #ffffff1a,0 4px 12px #0006!important}:root.dark .related-card.n-card:hover{box-shadow:0 0 0 1px #ffffff26,0 8px 24px #00000080!important}.related-carousel .n-carousel__slides{padding:8px 0}.related-carousel .n-carousel__slide{overflow:visible!important}
