/* Extracted from Twig Inline */

    .yt-solid-scope { 
        padding: 2rem 0; 
        background: var(--color-bg); 
        color: var(--color-text);
        position: relative;
    }
    .yt-solid-title { 
        display: flex;
        align-items: center;
        gap: 8px;
        font-size: 1.25rem; 
        color: var(--color-primary); 
        margin-bottom: 1.5rem; 
        padding: 0 1.5rem;
        font-weight: bold; 
    }
    .yt-solid-title svg { width: 28px; height: 28px; fill: #ff0000; }
    
    .yt-solid-container { position: relative; padding: 0 0.5rem; }
    
    .yt-solid-list {
        display: flex;
        gap: 15px;
        overflow-x: auto;
        padding-bottom: 1rem;
        scroll-behavior: smooth;
        scrollbar-width: none;
        scroll-snap-type: x mandatory;
    }
    .yt-solid-list::-webkit-scrollbar { display: none; }
    
    .yt-solid-card {
        flex: 0 0 260px;
        scroll-snap-align: start;
        background: var(--color-surface);
        border: 1px solid var(--color-border);
        border-radius: 10px;
        text-decoration: none;
        color: inherit;
        display: block;
        position: relative;
        overflow: hidden;
    }
    
    .yt-solid-img-wrap {
        position: relative;
        width: 100%;
        aspect-ratio: 16 / 9;
        overflow: hidden;
    }
    
    .yt-solid-img { width: 100%; height: 100%; object-fit: cover; display: block; }
    
    .yt-solid-play {
        position: absolute;
        top: 50%; left: 50%; transform: translate(-50%, -50%);
        width: 40px; height: 40px;
        background: rgba(255,0,0,0.85);
        border-radius: 50%;
        display: flex; align-items: center; justify-content: center;
        color: #fff;
    }
    
    .yt-solid-info { padding: 12px; }
    .yt-solid-text {
        font-size: 0.9375rem;
        font-weight: 600;
        margin: 0;
        line-height: 1.4;
        height: 42px;
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }

    .yt-solid-nav {
        position: absolute; top: 50%; transform: translateY(-50%);
        width: 36px; height: 36px;
        background: var(--color-surface); 
        border: 1px solid var(--color-border); 
        border-radius: 50%;
        display: flex; align-items: center; justify-content: center;
        cursor: pointer; z-index: 10;
        box-shadow: 0 2px 8px rgba(0,0,0,0.1);
        color: var(--color-text);
    }
    .yt-solid-nav--prev { left: 0.25rem; }
    .yt-solid-nav--next { right: 0.25rem; }

    @media (max-width: 768px) { 
        .yt-solid-nav { display: none; } 
    }