.home-videos{min-width:0;margin-bottom:34px;padding-bottom:30px;border-bottom:1px solid var(--rule)}
.home-videos .section-heading{flex-wrap:wrap;margin-bottom:20px}.home-videos .section-heading>div:first-child{flex:1;min-width:160px}
.video-actions{display:flex;align-items:center;gap:10px}.video-actions .text-button{margin-right:10px}
.video-arrow{width:44px;height:44px;padding:0;border:1px solid #95977e61;background:transparent;color:var(--paper-ink);font-size:24px;cursor:pointer}.video-arrow:disabled{opacity:.3;cursor:default}
.video-strip{display:flex;gap:14px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;list-style:none;padding:0 0 12px;margin:0;scrollbar-width:thin;scrollbar-color:#99998277 transparent}
.video-card{flex:0 0 calc((100% - 42px)/4);min-width:0;scroll-snap-align:start}
.video-card>button{display:block;width:100%;height:100%;padding:6px;border:1px solid #b7a48640;border-radius:10px;background:#1b1b1d;text-align:left;color:#ece5d8;cursor:pointer;font:inherit;box-shadow:0 3px 12px #0002;transition:border-color .18s,background-color .18s,box-shadow .18s}
.video-preview{position:relative;display:block;aspect-ratio:16/9;border-radius:5px;background:#193139;overflow:hidden}.video-preview img{display:block;width:100%;height:100%;object-fit:cover}
.video-brand{position:absolute;right:8px;bottom:8px;display:flex;align-items:center;gap:5px;padding:4px 7px;border:1px solid #ffffff24;border-radius:5px;background:#101012de;color:#fff;font-size:10px;font-weight:600;line-height:1.4;letter-spacing:.01em}.video-brand::before{content:"";width:13px;height:9px;border-radius:3px;background:#e5252a}
.video-play{position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:48px;height:34px;border-radius:8px;background:#bf2527;color:white;font-size:19px;padding-left:3px;box-shadow:0 2px 12px #0005}
.video-title{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin:12px 10px 0;min-height:2.9em;font-size:13px;font-weight:600;line-height:1.45;overflow-wrap:anywhere}.video-channel{display:block;color:#b4b0ab;font-size:11px;line-height:1.5;margin:6px 10px 11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.video-card button:focus-visible{outline:2px solid #dec397;outline-offset:-3px}.video-arrow:focus-visible{outline:2px solid #dec397;outline-offset:4px}.video-card button:hover{border-color:#dec39799;background:#252225;box-shadow:0 4px 16px #0004}.video-card button:hover .video-play{background:#e02b2e}
#video-status{font-size:13px;color:var(--paper-muted)}
.video-modal{width:min(960px,calc(100% - 32px));padding:22px;max-height:calc(100svh - 24px)}.video-modal h2{font:500 20px/1.35 var(--ui-font);margin:0 36px 16px 0;overflow-wrap:anywhere}.video-player iframe{display:block;width:100%;aspect-ratio:16/9;min-height:200px;border:0;background:#000}.video-modal .text-button{display:inline-block;margin-top:15px;color:#697650}
@media(max-width:1100px){.video-card{flex-basis:calc((100% - 28px)/3)}}
@media(max-width:700px){.home-videos .section-heading>div:first-child{flex-basis:100%}.video-actions{width:100%;justify-content:flex-end}.video-actions .text-button{margin-right:auto}.video-card{flex-basis:85%}.video-modal{padding:14px}.video-modal h2{font-size:16px}.home-videos{margin-bottom:26px;padding-bottom:22px}}
@media(prefers-reduced-motion:reduce){.video-card>button{transition:none}}
