.youtube-section.section{background:var(--bg);color:var(--ink);border-top:1px solid var(--line);padding-top:58px;padding-bottom:62px;scroll-margin-top:28px}
.youtube-inner{max-width:1200px;margin-inline:auto;min-width:0}
.youtube-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:28px}
.youtube-heading h2{margin-top:17px;font-size:clamp(36px,3.5vw,56px);font-weight:400;line-height:1.06;letter-spacing:-.05em}
.youtube-controls{display:flex;align-items:center;gap:9px;flex-shrink:0;padding-bottom:5px}
.youtube-controls>span{margin-right:13px;color:var(--muted);font-size:11px;font-variant-numeric:tabular-nums;white-space:nowrap}
.youtube-controls button{display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;width:39px;height:39px;background:none;color:var(--ink);font:inherit;font-size:22px;cursor:pointer}
.youtube-controls button:hover:not(:disabled){background:var(--panel)}.youtube-controls button:disabled{opacity:.3;cursor:default}
.youtube-controls button:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.youtube-grid{--youtube-visible:3;position:relative;display:flex;gap:22px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:none;padding:4px 0 8px;min-width:0}
.youtube-grid::-webkit-scrollbar{display:none}
.youtube-card{min-width:0;flex:0 0 calc((100% - 44px)/3);scroll-snap-align:start}
.youtube-card-link{display:block;border-radius:16px;color:inherit;height:100%}
.youtube-card-link:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}
.youtube-card-image{position:relative;overflow:hidden;border-radius:15px;aspect-ratio:16/9;background:var(--panel)}
.youtube-card-image img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s}
.youtube-card-play{position:absolute;inset:0;display:grid;place-items:center;color:white;pointer-events:none}
.youtube-card-play svg{width:28px;height:28px;padding:11px;border:1px solid #fff9;border-radius:50%;background:#17201985;backdrop-filter:blur(6px);box-sizing:content-box}
.youtube-card-duration{position:absolute;right:10px;bottom:10px;padding:4px 7px;border-radius:5px;color:#fff;background:#172019d9;font-size:10px;line-height:1.2;font-variant-numeric:tabular-nums}
.youtube-card-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:14px 0 9px;font-size:10px;line-height:1.4;color:var(--muted)}
.youtube-card-meta>span:last-child{font-size:18px;color:var(--ink)}
.youtube-card h3{font-size:clamp(20px,1.6vw,24px);font-weight:400;line-height:1.2;letter-spacing:-.03em;min-height:2.4em;margin:0;max-width:28ch}
.youtube-card-link:hover .youtube-card-image img{transform:scale(1.025)}
.youtube-more{display:flex;align-items:center;justify-content:space-between;gap:30px;border-top:1px solid var(--line);margin-top:27px;padding-top:23px}
.youtube-section .youtube-more p{color:var(--muted);font-size:13px;line-height:1.5;margin:0}.youtube-more .button{min-width:215px;min-height:45px;padding:12px 19px;font-size:12px}
@media(max-width:1100px){.youtube-grid{--youtube-visible:2;gap:20px}.youtube-card{flex-basis:calc((100% - 20px)/2)}.youtube-heading h2{font-size:40px}.youtube-controls{gap:7px}.youtube-controls>span{margin-right:5px}}
@media(max-width:760px){.youtube-section.section{padding-top:45px;padding-bottom:46px;scroll-margin-top:76px}.youtube-heading{display:block;margin-bottom:20px}.youtube-heading h2{font-size:37px;margin-top:15px}.youtube-controls{justify-content:flex-end;margin-top:23px;padding:0}.youtube-controls>span{margin-right:auto}.youtube-controls button{width:36px;height:36px;font-size:20px}.youtube-grid{--youtube-visible:1;gap:16px}.youtube-card{flex-basis:88%}.youtube-card h3{font-size:23px;min-height:2.4em}.youtube-card-meta{margin-top:12px}.youtube-more{display:block;margin-top:21px;padding-top:20px}.youtube-more .button{width:100%;margin-top:18px}.youtube-section .youtube-more p{font-size:12px}}
@media(prefers-reduced-motion:reduce){.youtube-card-image img{transition:none}.youtube-card-link:hover .youtube-card-image img{transform:none}}