.yt-section,.yt-library,.yt-watch{background:var(--color-surface-lowest);min-width:0;padding:4.5rem 5rem}.yt-intro{justify-content:space-between;align-items:center;gap:2rem;margin-bottom:2rem;display:flex}.yt-intro>div{flex:1;min-width:0}.yt-intro>a{flex-shrink:0}.yt-label{color:var(--color-primary);text-transform:uppercase;letter-spacing:.2em;font-size:.75rem;font-weight:700}.yt-intro h2,.yt-shorts-heading h2{font-family:var(--font-headline);text-transform:uppercase;letter-spacing:-.03em;margin:.5rem 0 1rem;font-size:clamp(1.8rem,4vw,3.5rem);font-weight:800;line-height:1.1}.yt-intro p,.yt-date{color:var(--color-secondary);line-height:1.6}.yt-main,.yt-library-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:2rem;display:grid}.yt-main.yt-single{grid-template-columns:minmax(0,1fr)}.yt-card{min-width:0}.yt-frame{aspect-ratio:16/9;background:var(--color-surface-high);position:relative;overflow:hidden}.yt-short .yt-frame{aspect-ratio:9/16}.yt-poster{width:100%;height:100%;display:block;position:relative}.yt-poster[hidden]{display:none!important}.yt-poster picture,.yt-poster img{width:100%;height:100%;display:block}.yt-poster img{object-fit:cover}.yt-play{background:var(--color-primary);width:60px;height:60px;color:var(--color-on-primary);place-items:center;display:grid;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%)}.yt-play svg{width:24px;height:24px}.yt-duration{color:#e5e2e1;font-variant-numeric:tabular-nums;background:#0e0e0e;padding:4px 8px;font-size:.75rem;font-weight:700;position:absolute;bottom:12px;right:12px}.yt-card h3{font-family:var(--font-headline);margin:1rem 0 .4rem;font-size:1.3rem;font-weight:700;line-height:1.35}.yt-card h3 a{color:var(--color-on-surface);text-decoration:none}.yt-card h3 a:hover{color:var(--color-primary)}.yt-date{font-size:.8rem}.yt-shorts-heading{justify-content:space-between;align-items:center;gap:1rem;margin:3.5rem 0 1.5rem;display:flex}.yt-shorts-heading h2{margin:0;font-size:clamp(1.5rem,3vw,2.3rem)}.yt-controls{align-items:center;gap:.5rem;display:flex}.yt-controls button,.yt-stop{border:1px solid var(--color-outline-variant);min-width:44px;min-height:44px;color:var(--color-primary);background:var(--color-surface);cursor:pointer}.yt-controls [data-yt-pause]{padding:0 1rem;font-size:.8rem}.yt-controls button:disabled{opacity:.5;cursor:default}.yt-viewport{touch-action:pan-y;width:100vw;margin-left:calc(50% - 50vw);padding:8px 0;overflow:clip}.yt-track{scrollbar-width:none;justify-content:safe center;gap:24px;width:100%;padding:0 24px;display:flex;overflow-x:auto}.yt-track::-webkit-scrollbar{display:none}.yt-track .yt-short{flex:0 0 clamp(220px,22vw,300px);width:clamp(220px,22vw,300px)}.yt-track.yt-moving{padding:0;display:block;position:relative;overflow:visible}.yt-track.yt-moving .yt-short{will-change:transform;position:absolute;top:0;left:0}.yt-frame iframe{border:0;width:100%;height:100%;position:absolute;inset:0}.yt-stop{z-index:3;padding:7px 15px;position:absolute;top:12px;right:12px}.yt-all{min-height:48px;color:var(--color-primary);text-underline-offset:5px;align-items:center;margin-top:1.5rem;font-weight:700;text-decoration:underline;display:inline-flex}.yt-section :is(a,button):focus-visible,.yt-library :is(a,button):focus-visible{outline:2px solid var(--color-primary);outline-offset:3px}.yt-library-grid.yt-shorts-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr))}.yt-library>h2{font:700 2rem var(--font-headline);text-transform:uppercase;margin:2.5rem 0 1.5rem}.yt-watch-player{aspect-ratio:16/9;background:#0e0e0e;width:100%;position:relative}.yt-watch-player iframe{border:0;width:100%;height:100%;position:absolute;inset:0}.yt-watch-player.yt-vertical{aspect-ratio:9/16;width:auto;height:75svh;margin:auto}.yt-watch-copy{margin-top:2rem;line-height:1.7}.yt-watch-copy p{margin-bottom:1rem}.yt-watch-copy a{color:var(--color-primary);text-decoration:underline}@media (width<=767px){.yt-section,.yt-library,.yt-watch{padding:3rem 1.5rem}.yt-intro{flex-direction:column;align-items:flex-start}.yt-main,.yt-library-grid{grid-template-columns:minmax(0,1fr)}.yt-shorts-heading{flex-wrap:wrap}.yt-card h3{font-size:1.15rem}}@media (width<=620px){.yt-track{gap:18px}.yt-track .yt-short{flex-basis:220px;width:220px}}@media (prefers-reduced-motion:reduce){.yt-track{scroll-behavior:auto}}
