:root{--bg:#f6f7fb;--surface:#fff;--surface-2:#eef0f5;--text:#161820;--muted:#687080;--border:#dfe3eb;--accent:#ef315d;--header:rgba(255,255,255,.94);--shadow:0 14px 40px rgba(23,28,40,.09)}
[data-theme=dark]{--bg:#0d0f14;--surface:#171a21;--surface-2:#20242d;--text:#f3f4f7;--muted:#a5adba;--border:#2c313c;--header:rgba(19,22,28,.94);--shadow:0 16px 44px rgba(0,0,0,.3)}
html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;transition:background .2s,color .2s}a{color:inherit}a:hover{color:var(--accent);text-decoration:none}.site-header{background:var(--header);border-bottom:1px solid var(--border);backdrop-filter:blur(14px);z-index:1030}.navbar{min-height:68px}.navbar-brand{color:var(--text)!important;font-weight:850;letter-spacing:-.04em;font-size:1.45rem}.navbar-brand span{color:var(--accent)}.nav-link{color:var(--muted)!important;font-weight:600;margin:0 .25rem}.nav-link:hover{color:var(--text)!important}.navbar-toggler{color:var(--text);border-color:var(--border)}.navbar-toggler-icon{display:grid;place-items:center}.theme-toggle{display:flex;gap:.45rem;align-items:center;border:1px solid var(--border);background:var(--surface-2);color:var(--text);border-radius:999px;padding:.45rem .75rem;font-weight:700}.page-shell{padding-top:2.25rem}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:1rem;margin:2.25rem 0 1.25rem}.section-heading h1,.section-heading h2,.video-page h1{margin:0;font-weight:800;letter-spacing:-.035em}.section-heading h1{font-size:clamp(1.75rem,4vw,2.7rem)}.eyebrow{display:block;color:var(--accent);font-size:.75rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;margin-bottom:.35rem}.result-count{color:var(--muted);white-space:nowrap}.card{background:var(--surface);border-color:var(--border)}.video-card{border-radius:14px;overflow:hidden;box-shadow:0 5px 18px rgba(20,25,35,.05);transition:transform .2s,box-shadow .2s}.video-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.video-card__media{position:relative;display:block;aspect-ratio:16/9;background:#08090b;overflow:hidden}.video-card__image,.video-card__preview{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.video-card__preview{opacity:0;transition:opacity .25s}.video-card.is-previewing .video-card__preview{opacity:1}.video-card__play{position:absolute;left:12px;bottom:12px;display:grid;place-items:center;width:34px;height:34px;padding-left:2px;border-radius:50%;background:rgba(0,0,0,.7);color:#fff;font-size:.72rem;transition:transform .2s}.video-card:hover .video-card__play{transform:scale(1.08)}.video-card .card-body{padding:.9rem 1rem 1rem}.video-card__title{font-size:1rem;line-height:1.35;margin:0;font-weight:700}.video-card__title a{color:var(--text)}.ad-banner{height:120px;overflow:hidden;border-radius:14px;background:var(--surface);border:1px solid var(--border)}.ad-banner iframe{border:0}.tag-list{display:flex;flex-wrap:wrap;gap:.5rem}.tag-badge{display:inline-flex;padding:.48rem .75rem;border:1px solid var(--border);border-radius:999px;background:var(--surface);color:var(--muted);font-size:.84rem;font-weight:650}.tag-badge:hover{border-color:var(--accent);background:var(--accent);color:#fff}.tag-cloud{padding:1.5rem;border:1px solid var(--border);border-radius:16px;background:var(--surface)}.tag-cloud h2{font-size:1.25rem;margin-bottom:1rem}.pagination{flex-wrap:wrap;gap:.3rem}.page-link{background:var(--surface);border-color:var(--border);color:var(--text);border-radius:8px!important}.page-item.active .page-link{background:var(--accent);border-color:var(--accent)}.video-page__header{padding:1rem 0 1.5rem}.video-page h1{font-size:clamp(1.8rem,4vw,3rem)}.ad-placeholder{min-height:132px;display:grid;place-items:center;border:1px dashed var(--border);border-radius:14px;background:var(--surface-2);color:var(--muted);font-size:.72rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.ad-placeholder--banner{min-height:110px;margin-bottom:1.5rem}.player-layout{align-items:stretch}.video-player{position:relative;aspect-ratio:16/9;background:#000;border-radius:14px;overflow:hidden}.video-player iframe,.video-player video{position:absolute;inset:0;width:100%!important;height:100%!important;border:0}.ad-rail{display:grid;grid-template-rows:repeat(3,1fr);gap:1rem}.ad-rail .ad-placeholder{min-height:0}.video-meta,.video-description,.related-videos{margin-top:2.5rem}.video-meta h2,.video-description h2{font-size:1.15rem;font-weight:800;margin-bottom:1rem}.video-description{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:1.25rem;color:var(--muted)}.site-footer{padding:3rem 0 1.25rem;background:var(--surface);border-top:1px solid var(--border)}.site-footer h2{font-size:1.1rem;margin-bottom:1.2rem}.partner-list a{display:block;color:var(--muted);padding:.38rem 0;font-size:.9rem}.footer-bottom{display:flex;justify-content:space-between;gap:1rem;border-top:1px solid var(--border);margin-top:2rem;padding-top:1.25rem;color:var(--muted);font-size:.85rem}.footer-bottom nav{display:flex;gap:1rem}.body{max-width:900px;margin:2.5rem auto;padding:1.5rem;background:var(--surface);border:1px solid var(--border);border-radius:14px}
@media(max-width:991.98px){.ad-rail{grid-template-columns:repeat(3,1fr);grid-template-rows:1fr;margin-top:1rem}.ad-rail .ad-placeholder{min-height:110px}}
@media(max-width:575.98px){.page-shell{padding-top:1.25rem}.ad-banner{height:90px}.section-heading{align-items:start;margin-top:1.5rem}.video-grid{margin-left:-6px;margin-right:-6px}.video-grid>[class*=col-]{padding-left:6px;padding-right:6px;margin-bottom:12px!important}.video-card{border-radius:10px}.video-card .card-body{padding:.7rem}.video-card__title{font-size:.86rem}.video-card__play{width:28px;height:28px;left:8px;bottom:8px}.ad-rail{grid-template-columns:repeat(2,1fr)}.ad-rail .ad-placeholder:last-child{display:none}.footer-bottom{flex-direction:column}.footer-bottom nav{flex-wrap:wrap}}
@media(hover:none){.video-card__preview{display:none}}

/* Wide browsing and immersive player layouts. */
.listing-page,.video-page{padding-left:2rem;padding-right:2rem}
.video-player{aspect-ratio:auto;height:60vh;min-height:480px}
.player-layout{flex-wrap:nowrap}.player-column{flex:1 1 auto;min-width:0;padding:0 15px}.ad-rail{flex:0 0 330px;display:flex;flex-direction:column;align-items:center;gap:1rem;padding:0 15px}.ad-rail .ad-placeholder{width:300px;height:250px;min-height:250px;flex:none}
.ad-rail .ad-placeholder--tower{height:600px;min-height:600px}
.ad-square-ab--active{overflow:hidden;border-style:solid;background:transparent;letter-spacing:normal;text-transform:none}
.ad-rail--right .ad-square-ab:last-child{display:grid}
@media(max-width:767.98px){.player-layout>.player-column{order:2}.player-layout>.ad-rail--right{display:contents}.ad-rail--right .ad-square-ab{flex:0 0 300px;max-width:calc(100% - 30px);margin:1rem auto}.ad-rail--right .ad-square-ab:first-child{order:1;margin-top:0}.ad-rail--right .ad-square-ab:last-child{order:3}}
.ad-rail--left{display:none}
@media(min-width:1600px){.ad-rail--left{display:flex}}
@media(max-width:991.98px){.player-layout{flex-wrap:wrap}.player-column{flex:0 0 100%;max-width:100%}.ad-rail{flex:0 0 100%;max-width:100%;flex-direction:row;justify-content:center;margin-top:1rem}.ad-rail--left{display:none}.ad-rail .ad-placeholder{width:300px;height:250px}}
@media(max-width:575.98px){.listing-page,.video-page{padding-left:12px;padding-right:12px}.video-player{height:80vh;min-height:560px}}

/* Listing navigation and video details. */
.listing-pagination{margin:2rem 0;text-align:center}.pagination-summary{color:var(--muted);margin-bottom:.75rem}.video-card__duration{position:absolute;right:10px;bottom:12px;padding:.2rem .45rem;border-radius:5px;background:rgba(0,0,0,.8);color:#fff;font-size:.78rem;font-weight:700;font-variant-numeric:tabular-nums}

.tag-list--weighted{align-items:center}.tag-list--weighted .tag-badge{max-width:100%;overflow-wrap:anywhere;line-height:1.35}
