.strh-videos{--strh-accent:#c7ef59;box-sizing:border-box;background:#080808;color:#fff;padding:28px;border-radius:12px;margin:28px 0;color-scheme:dark}
.strh-videos *{box-sizing:border-box}
.strh-videos .strh-videos__header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px}
.strh-videos h2{color:#fff!important;font-size:clamp(1.3rem,3vw,1.9rem);line-height:1.2;margin:0!important}
.strh-videos__actions{display:flex;align-items:center;gap:10px;flex-shrink:0}
.strh-videos a{color:#fff;text-decoration:none}
.strh-videos__actions a,.strh-videos__pagination a,.strh-videos .strh-videos__youtube{color:var(--strh-accent);font-size:.9rem}
.strh-videos button{font-family:inherit;cursor:pointer}
.strh-videos .strh-videos__arrow,.strh-videos .strh-videos__close{display:inline-flex;align-items:center;justify-content:center;min-width:44px;height:44px;padding:0;border:1px solid #555;border-radius:50%;background:#1b1b1b;color:#fff;font-size:1.4rem;line-height:1;box-shadow:none}
.strh-videos .strh-videos__arrow:disabled{opacity:.35;cursor:default}
.strh-videos__track{display:flex;gap:16px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;padding:0 0 14px;scrollbar-width:thin;scrollbar-color:#626262 #151515}
.strh-videos__card{flex:0 0 clamp(170px,20vw,220px);min-width:0;scroll-snap-align:start}
.strh-videos__open{display:block}
.strh-videos__poster{position:relative;aspect-ratio:9/16;background:#202020;overflow:hidden;border-radius:8px}
.strh-videos__poster img{display:block;width:100%;height:100%;object-fit:cover;margin:0}
.strh-videos__play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:50%;background:var(--strh-accent);color:#080808;padding-left:3px;font-size:22px;box-shadow:0 3px 20px #0007}
.strh-videos .strh-videos__card h3{color:#fff!important;font-size:1rem;line-height:1.35;margin:12px 0 5px!important;font-weight:650}
.strh-videos__card time{color:#b9b9b9;font-size:.8rem}
.strh-videos a:focus-visible,.strh-videos button:focus-visible,.strh-videos__track:focus-visible{outline:3px solid var(--strh-accent);outline-offset:3px}
.strh-videos a:hover h3{text-decoration:underline}
.strh-videos--archive .strh-videos__track{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));overflow:visible;scroll-snap-type:none}
.strh-videos__pagination{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:22px;margin-top:20px}
.strh-videos .strh-videos__dialog{position:fixed;inset:0;margin:auto;max-width:900px;width:calc(100% - 24px);max-height:calc(100dvh - 24px);overflow:auto;background:#101010;color:#fff;border:1px solid #555;border-radius:12px;padding:18px;z-index:99999}
.strh-videos__dialog::backdrop{background:#000d}
.strh-videos__dialog-header{display:flex;gap:16px;align-items:center;justify-content:space-between;margin-bottom:14px}
.strh-videos__dialog-header h2{font-size:1.1rem;overflow-wrap:anywhere}
.strh-videos .strh-videos__close{flex-shrink:0;font-size:1.7rem}
.strh-videos__player{aspect-ratio:16/9;background:#000;margin:0 auto 12px;width:100%}
.strh-videos__player[data-layout=portrait]{aspect-ratio:9/16;width:min(100%,calc((100dvh - 180px)*9/16))}
.strh-videos__player iframe{display:block;width:100%;height:100%;border:0}
@media(max-width:600px){.strh-videos{padding:20px 16px}.strh-videos .strh-videos__header{align-items:flex-start;flex-direction:column}.strh-videos__actions{width:100%}.strh-videos__actions a{margin-right:auto}.strh-videos__card{flex-basis:170px}.strh-videos--archive .strh-videos__track{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.strh-videos .strh-videos__dialog{padding:12px}}
@media(prefers-reduced-motion:reduce){.strh-videos__track{scroll-behavior:auto}}