/* =====================================================
   VIDEO DISCOVERY 2026 — responsive visual refresh.
   Intentionally layered on top of the original theme;
   playback controls, account menus and page JS are intact.
   ===================================================== */
:root{--tsr-blue:#255cf4;--tsr-blue-deep:#1744da;--tsr-ink:#102047;--tsr-slate:#64748b;--tsr-line:#e7ebf2;--tsr-surface:#fff;--tsr-radius:18px}
html{scroll-behavior:smooth}
body{font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}
a,button,.btn,input{transition:background-color .2s ease,color .2s ease,border-color .2s ease,box-shadow .2s ease}
a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #86afff!important;outline-offset:3px}
/* Compact glass-like masthead */
.pt_header_nav,.navbar-findcond.pt_header_nav{background:rgba(255,255,255,.97)!important;box-shadow:0 1px 0 rgba(20,40,80,.08),0 8px 28px rgba(20,40,80,.04)!important;backdrop-filter:blur(13px);-webkit-backdrop-filter:blur(13px)}
.pt_header_nav .navbar-brand.logo-img img{max-height:43px;width:auto;object-fit:contain}
.pt_header_nav .search-header .form-group{border-radius:999px!important;overflow:hidden}
.pt_header_nav .search-header .form-control{border-radius:999px!important;background:#f5f7fb!important;border:1px solid #e4e9f2!important;box-shadow:none!important}
.pt_header_nav .search-header .form-control:focus{background:#fff!important;border-color:#7ca1ff!important;box-shadow:0 0 0 3px #255cf41a!important}
.pt_header_nav .right-part>li>a{border-radius:12px}
.pt_header_nav .right-part>li>a:hover{background:#eef3ff!important}
/* Discovery editorial masthead */
.tsr-discovery-hero{overflow:hidden;isolation:isolate;position:relative;display:grid;grid-template-columns:minmax(0,1fr) 310px;align-items:center;min-height:278px;margin:20px clamp(14px,2.2vw,38px) 21px;padding:33px clamp(26px,4.4vw,68px);background:linear-gradient(115deg,#0c1b42 4%,#162e68 59%,#2451b9 100%);border-radius:26px;box-shadow:0 24px 55px rgba(9,27,78,.14);color:#fff}
.tsr-discovery-hero:before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(circle at 76% 30%,#5c8cff55,transparent 40%),radial-gradient(circle at 12% 100%,#22c8fa22,transparent 36%)}
.tsr-discovery-copy{position:relative;z-index:2;max-width:765px}
.tsr-eyebrow{display:inline-flex;align-items:center;gap:9px;letter-spacing:.14em;text-transform:uppercase;color:#a9c9ff;font-size:11px;font-weight:800;margin-bottom:13px}
.tsr-eyebrow-dot{width:8px;height:8px;background:#62e7e4;border-radius:50%;box-shadow:0 0 0 5px #62e7e421}
.tsr-discovery-hero h2{color:#fff!important;font-size:clamp(30px,3.6vw,52px)!important;line-height:1.09!important;font-weight:800!important;letter-spacing:-.045em!important;margin:0 0 12px!important}
.tsr-discovery-hero h2 span{color:#80b9ff}
.tsr-discovery-hero p{color:#cbd9f4!important;font-size:clamp(13px,1.05vw,16px)!important;line-height:1.6;max-width:580px;margin:0 0 24px}
.tsr-discovery-search{display:flex;align-items:center;max-width:615px;min-height:54px;border-radius:14px;background:#fff;padding:6px 6px 6px 16px;gap:11px;box-shadow:0 8px 23px #07143b33}
.tsr-discovery-search>svg{flex:none;color:#637492}
.tsr-discovery-search input{min-width:0;flex:1;border:0!important;outline:0!important;color:#132749!important;font-size:14px!important;background:transparent!important;box-shadow:none!important;line-height:35px}
.tsr-discovery-search input::placeholder{color:#7d8aa4}
.tsr-discovery-search button{flex:none;min-height:41px;border:0;border-radius:10px;background:linear-gradient(110deg,#2d66ff,#184be5);color:#fff;font-weight:750;padding:0 19px}
.tsr-discovery-search button:hover{background:#123fc8;box-shadow:0 7px 20px #255cf433}
.tsr-discovery-search button span{margin-left:9px}
.tsr-orbit-visual{position:relative;min-height:250px;display:grid;place-items:center}
.tsr-orbit-ring{width:210px;height:210px;border-radius:50%;border:1px solid #afcaff45;box-shadow:0 0 0 23px #ffffff07,0 0 0 48px #ffffff08,inset 0 0 55px #80aaff25;background:linear-gradient(145deg,#638aff2e,#0d1c4b44)}
.tsr-orbit-play{position:absolute;width:110px;height:110px;display:grid;place-items:center;background:linear-gradient(145deg,#5ab9ff,#3872ff);color:#fff;border-radius:32px;transform:rotate(-8deg);box-shadow:0 20px 50px #001b78aa}
.tsr-orbit-play svg{transform:rotate(8deg);margin-left:5px}
.tsr-orbit-pill{position:absolute;background:#ffffffee;color:#173364;border-radius:50px;padding:11px 17px;box-shadow:0 10px 25px #06153340;font-size:12px;font-weight:800}
.tsr-orbit-pill.pill-one{top:22px;right:0;transform:rotate(9deg)}
.tsr-orbit-pill.pill-two{bottom:22px;left:-12px;transform:rotate(-7deg)}
/* Categories and discovery cards */
.pt_sec_nav_cats{border:0!important;padding:6px 0 12px!important;background:transparent!important}
.pt_sec_nav_cats .swiper-slide a{border-radius:999px!important;font-weight:650!important;padding:10px 18px!important;white-space:nowrap}
.pt_sec_nav_cats .swiper-slide a.active,.pt_sec_nav_cats .swiper-slide a:hover{background:#255cf4!important;color:#fff!important}
.video-list{border-radius:var(--tsr-radius)!important;overflow:hidden;transition:transform .24s ease,box-shadow .24s ease;background:var(--tsr-surface)}
.video-list:hover{transform:translateY(-4px);box-shadow:0 12px 32px rgba(18,42,96,.13)!important}
.video-list .video-list-image{overflow:hidden;border-radius:15px!important;background:#101d34;position:relative}
.video-list .video-list-image img{aspect-ratio:16/9;object-fit:cover;width:100%;height:auto;transition:transform .38s cubic-bezier(.2,.8,.2,1)}
.video-list:hover .video-list-image img{transform:scale(1.045)}
.video-list .video-list-image .duration{border-radius:6px!important;background:#0b1634d9!important;font-weight:750}
.video-list .video-list-title h4,.video-list .video-list-title a h4{font-size:15px!important;line-height:1.45!important;font-weight:750!important;letter-spacing:-.01em!important;color:var(--tsr-ink)!important}
.video-list .video-list-by{font-size:12px!important;color:var(--tsr-slate)!important;line-height:1.7}
.video-list .video-list-by a{color:#425776!important}
.video-list .video-list-by a:hover{color:var(--tsr-blue)!important}
/* Featured hero: keep editorial title and thumbnail clearly visible */
.pt_feat_vid{overflow:hidden;border-radius:22px;margin:0 clamp(14px,2.2vw,38px) 30px!important;box-shadow:0 16px 38px #0c1c401c}
.pt_feat_vid .pt_feat_vid_innr img{object-fit:cover;width:100%}
.pt_feat_vid .pt_feat_vid_details h1{font-weight:800!important;letter-spacing:-.03em;line-height:1.18!important}
.pt_feat_vid .btn.btn-main{border-radius:12px!important;padding:11px 20px!important;font-weight:750}
/* Watch page: player remains primary content above the fold */
.tsr-watch-breadcrumb{display:flex;align-items:center;gap:9px;margin:13px 17px 10px;color:#72809c;font-size:12px;font-weight:650}
.tsr-watch-breadcrumb a{color:#255cf4;text-decoration:none}
.tsr-watch-breadcrumb a:hover{text-decoration:underline}
.video-player-page .player-video>.video-player,.video-player-page .pt_video_player{border-radius:16px!important;overflow:hidden;background:#07111f;box-shadow:0 10px 30px #09142b1a}
.video-player-page .pt_video_info h1,.video-player-page .video-title h1{font-size:clamp(21px,2vw,30px)!important;font-weight:780!important;letter-spacing:-.035em!important;line-height:1.3!important}
.video-player-page .publisher-element,.video-player-page .watch-video-show-more,.video-player-page .video-options{border-radius:12px}
.video-player-page .btn,.video-player-page button{max-width:100%}
.video-player-page iframe{max-width:100%}
/* Accessible responsive layout */
@media (max-width:1050px){.tsr-discovery-hero{grid-template-columns:minmax(0,1fr) 200px}.tsr-orbit-ring{width:155px;height:155px}.tsr-orbit-play{width:82px;height:82px;border-radius:25px}.tsr-orbit-pill{font-size:10px}}
@media (max-width:767px){.tsr-discovery-hero{display:block;min-height:0;margin:14px 12px 18px;padding:31px 22px;border-radius:20px}.tsr-discovery-hero h2{font-size:34px!important}.tsr-discovery-hero p{font-size:14px!important}.tsr-orbit-visual{display:none}.tsr-discovery-search{border-radius:11px;gap:7px;padding-left:12px}.tsr-discovery-search button{padding:0 13px;font-size:12px}.pt_feat_vid{border-radius:17px;margin:0 12px 24px!important}.video-list .video-list-title h4,.video-list .video-list-title a h4{font-size:13px!important}.video-list .video-list-by{font-size:11px!important}.video-player-page .pt_video_player{border-radius:11px!important}.tsr-watch-breadcrumb{margin:11px 12px 9px}}
@media (max-width:365px){.tsr-discovery-search button{padding:0 10px}.tsr-discovery-hero h2{font-size:29px!important}}
@media (prefers-reduced-motion:reduce){.video-list,.video-list img,.tsr-discovery-hero *{transition:none!important;animation:none!important}html{scroll-behavior:auto}}

/* Adjust new surfaces when the site's original night-mode stylesheet is enabled. */
html:has(link.night-mode-css){--tsr-surface:#20262e;--tsr-ink:#f2f5fb;--tsr-slate:#acb9ca}
html:has(link.night-mode-css) .pt_header_nav{background:rgba(18,22,31,.97)!important;box-shadow:0 1px 0 #ffffff18!important}
html:has(link.night-mode-css) .pt_header_nav .search-header .form-control{color:#f2f5fb!important;background:#2c3441!important;border-color:#465366!important}
html:has(link.night-mode-css) .video-list{background:#20262e!important}
html:has(link.night-mode-css) .video-list .video-list-title a h4{color:#f2f5fb!important}
html:has(link.night-mode-css) .video-list .video-list-by a{color:#c3cee3!important}