@import url('https://fonts.googleapis.com/css2?family=Tajawal:wght@400;500;700;800;900&family=Ubuntu:wght@500;700&display=swap');
:root{--navy:#061523;--navy-2:#0a2135;--panel:#0d273d;--ink:#f6f9fc;--muted:#a9bbca;--teal:#43c9c2;--line:#254157;--red:#ed3f58;--shadow:0 20px 60px rgba(0,0,0,.32)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--navy);color:var(--ink);font-family:'Tajawal',sans-serif;line-height:1.6}button,input{font:inherit}.skip-link{position:fixed;top:-100px;right:20px;background:#fff;color:#000;padding:12px 18px;z-index:1000}.skip-link:focus{top:10px}.doc-header{height:80px;background:#04101b;border-bottom:1px solid rgba(255,255,255,.08);position:relative;z-index:30}.doc-header__inner{width:min(1400px,calc(100% - 48px));height:100%;margin:auto;display:flex;align-items:center;gap:42px}.doc-brand{display:flex;align-items:center;gap:11px;color:#fff;text-decoration:none;direction:ltr}.doc-brand img{width:43px;height:43px;object-fit:contain;background:#fff;border-radius:3px}.doc-brand span{display:grid;line-height:1}.doc-brand strong{font:700 22px Ubuntu}.doc-brand small{font:700 9px Ubuntu;letter-spacing:.19em;color:var(--teal);margin-top:5px}.doc-nav{display:flex;align-self:stretch}.doc-nav a{display:flex;align-items:center;color:#dce6ef;text-decoration:none;padding:0 19px;border-bottom:4px solid transparent;font-weight:800}.doc-nav a:hover,.doc-nav a.active{background:#0a2135;border-color:var(--teal);color:#fff}.doc-search-toggle{margin-inline-start:auto;background:transparent;color:#fff;border:0;display:flex;gap:8px;align-items:center;padding:12px;cursor:pointer;font-weight:800}.doc-search-toggle svg,.watch-back svg{width:22px;fill:none;stroke:currentColor;stroke-width:2}.doc-search{position:absolute;top:80px;inset-inline:0;background:#0a2135;border-bottom:1px solid var(--line);padding:22px max(24px,calc((100vw - 1400px)/2));display:grid;grid-template-columns:auto minmax(260px,620px);justify-content:start;gap:18px;align-items:center}.doc-search[hidden]{display:none}.doc-search label{font-weight:800}.doc-search input{background:#fff;color:#0c1822;border:0;border-radius:3px;padding:14px 18px;min-width:320px;outline:3px solid transparent}.doc-search input:focus{outline-color:var(--teal)}
.feature{min-height:660px;position:relative;display:flex;align-items:end;background:#0a1e30;overflow:hidden}.feature__loading{margin:auto;color:var(--muted)}.feature__image{position:absolute;inset:0}.feature__image img{width:100%;height:100%;object-fit:cover}.feature__image:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(6,21,35,.05) 0%,rgba(6,21,35,.55) 47%,rgba(6,21,35,.98) 82%),linear-gradient(0deg,var(--navy) 0%,transparent 34%)}.feature__content{position:relative;width:min(1400px,calc(100% - 48px));margin:0 auto;padding:90px 0 95px;z-index:2}.feature__content-inner{max-width:630px}.feature__eyebrow{display:flex;align-items:center;gap:10px;color:var(--teal);font-weight:900;font-size:16px}.feature__eyebrow:before{content:'';width:35px;height:4px;background:var(--teal)}.feature h2{font-size:clamp(48px,6vw,86px);line-height:.98;letter-spacing:-.045em;margin:18px 0}.feature__series{font-size:22px;font-weight:800;color:#fff}.feature__summary{font-size:20px;color:#d5e0e8;max-width:600px}.feature__meta{display:flex;gap:10px;flex-wrap:wrap;color:#c1d0dc;margin:20px 0}.feature__meta span+span:before{content:'•';margin-inline-end:10px;color:var(--teal)}.feature__actions{display:flex;gap:10px;margin-top:28px}.watch-button,.details-button{min-height:52px;padding:0 24px;border:0;border-radius:3px;text-decoration:none;display:inline-flex;align-items:center;gap:10px;font-weight:900;cursor:pointer}.watch-button{background:#fff;color:#081421}.watch-button:hover{background:var(--teal)}.watch-button svg{width:21px;fill:currentColor}.details-button{background:rgba(255,255,255,.13);color:#fff;border:1px solid rgba(255,255,255,.35)}
.catalog-shell{width:min(1400px,calc(100% - 48px));margin:auto;padding:60px 0 110px}.catalog-heading{display:flex;justify-content:space-between;align-items:end;border-bottom:1px solid var(--line);padding-bottom:20px;margin-bottom:45px}.section-kicker{color:var(--teal);font-weight:900}.catalog-heading h1{font-size:55px;line-height:1;margin:8px 0 0}.catalog-tabs{display:flex;gap:5px}.catalog-tabs button{color:#c8d4de;background:transparent;border:0;border-bottom:3px solid transparent;padding:12px 16px;cursor:pointer;font-weight:800}.catalog-tabs button.active{color:#fff;border-color:var(--teal)}.documentary-rows{display:grid;gap:60px}.content-row{min-width:0}.row-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:17px}.row-heading h2{font-size:29px;margin:0}.row-heading p,.row-heading span{margin:0;color:var(--muted)}.rail-wrap{position:relative}.episode-rail{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(250px,24%);gap:14px;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x mandatory;scrollbar-width:none;padding-bottom:8px}.episode-rail::-webkit-scrollbar{display:none}.rail-button{position:absolute;top:0;bottom:8px;width:54px;z-index:5;border:0;background:rgba(3,12,20,.83);color:#fff;cursor:pointer;opacity:0;transition:.2s}.rail-wrap:hover .rail-button{opacity:1}.rail-button:hover{background:#02080e}.rail-button.prev{right:0}.rail-button.next{left:0}.rail-button svg{width:28px;fill:none;stroke:currentColor;stroke-width:2}.episode-card{scroll-snap-align:start;color:#fff;text-decoration:none;min-width:0;display:block}.episode-card__image{position:relative;aspect-ratio:16/9;background:#142c40;overflow:hidden}.episode-card__image img{width:100%;height:100%;object-fit:cover;transition:transform .35s}.episode-card:hover img{transform:scale(1.045)}.episode-card__image:after{content:'';position:absolute;inset:auto 0 0;height:55%;background:linear-gradient(transparent,rgba(3,12,20,.78))}.episode-card__play{position:absolute;z-index:2;bottom:12px;right:12px;width:42px;height:42px;background:#fff;color:#061523;display:grid;place-items:center;border-radius:50%;opacity:0;transform:translateY(5px);transition:.2s}.episode-card:hover .episode-card__play{opacity:1;transform:none}.episode-card__play svg{width:17px;fill:currentColor}.episode-card__duration{position:absolute;z-index:2;bottom:12px;left:12px;background:rgba(0,0,0,.75);padding:3px 7px;font:700 12px Ubuntu}.episode-card__body{padding:13px 2px}.episode-card__series{color:var(--teal);font-size:13px;font-weight:900}.episode-card h3{font-size:20px;line-height:1.2;margin:5px 0}.episode-card p{color:var(--muted);margin:0;font-size:14px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.episode-card__number{color:#d4dee7;font-size:13px;margin-top:8px}.episode-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px 14px}.search-results{padding-top:10px}.catalog-error{text-align:center;padding:80px 20px;border:1px solid var(--line);background:var(--navy-2)}.doc-footer{border-top:1px solid var(--line);width:min(1400px,calc(100% - 48px));margin:auto;padding:35px 0 50px;display:flex;justify-content:space-between;align-items:center;color:var(--muted)}.doc-footer div{display:grid}.doc-footer strong{color:#fff;font:700 18px Ubuntu}.doc-footer a{color:#fff;font-weight:800}
.watch-page{background:#020a11}.watch-header{height:72px;display:flex;align-items:center;justify-content:space-between;padding:0 max(24px,calc((100vw - 1540px)/2));border-bottom:1px solid #142638;background:#06121d}.watch-back{display:flex;align-items:center;gap:8px;color:#fff;text-decoration:none;font-weight:800}.watch-back svg{transform:scaleX(-1)}.watch-main{width:min(1540px,100%);margin:auto;display:grid;grid-template-columns:minmax(0,1fr) 370px;direction:ltr}.player-column,.series-panel{direction:rtl}.player-column{min-width:0}.esc-player{position:relative;aspect-ratio:16/9;background:#000;overflow:hidden}.player-media,.player-media>div,.player-media iframe,.player-media video{position:absolute;inset:0;width:100%;height:100%;border:0}.player-poster{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:.25s}.esc-player[data-state=playing] .player-poster,.esc-player[data-state=paused] .player-poster{opacity:0;pointer-events:none}.player-shade{position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.86),transparent 32%);pointer-events:none}.player-status{position:absolute;inset:0;display:grid;place-items:center;color:#d7e0e8;background:#000}.esc-player[data-state=ready] .player-status,.esc-player[data-state=playing] .player-status,.esc-player[data-state=paused] .player-status{display:none}.player-big-play{position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);width:84px;height:84px;border-radius:50%;border:0;background:rgba(255,255,255,.95);color:#071522;display:grid;place-items:center;cursor:pointer;transition:.2s}.player-big-play:hover{transform:translate(-50%,-50%) scale(1.08);background:var(--teal)}.player-big-play svg{width:34px;fill:currentColor}.esc-player[data-state=playing] .player-big-play{opacity:0;pointer-events:none}.player-controls{position:absolute;z-index:4;inset:auto 0 0;padding:28px 22px 16px;opacity:0;transition:.2s}.esc-player:hover .player-controls,.esc-player[data-state=paused] .player-controls,.esc-player:focus-within .player-controls{opacity:1}.player-progress{width:100%;height:4px;accent-color:var(--teal);cursor:pointer;direction:ltr}.player-controls__row{display:flex;justify-content:space-between;align-items:center;margin-top:9px;direction:ltr}.player-controls__group{display:flex;align-items:center;gap:5px}.player-controls button{width:42px;height:38px;color:#fff;background:transparent;border:0;display:grid;place-items:center;cursor:pointer}.player-controls button:hover{color:var(--teal)}.player-controls svg{width:23px;fill:none;stroke:currentColor;stroke-width:1.8}.player-controls .play-shape{fill:currentColor;stroke:none}.player-time{font:500 13px Ubuntu;color:#fff;display:flex;gap:6px}.player-time i{color:#748694}.watch-info{padding:40px clamp(24px,5vw,75px);background:#071522;border-bottom:1px solid var(--line)}.watch-breadcrumb{color:var(--teal);font-weight:900}.watch-info h1{font-size:clamp(35px,4vw,58px);line-height:1.05;margin:12px 0 20px}.watch-lead{font-size:21px;color:#d2dde6;max-width:900px}.watch-meta{display:flex;flex-wrap:wrap;gap:9px;margin:22px 0}.watch-meta span{background:#102a40;padding:6px 10px;color:#cbd6df;font-size:13px}.watch-description{color:var(--muted);max-width:900px}.watch-section{padding:40px clamp(24px,5vw,75px);border-bottom:1px solid var(--line);background:#071522}.watch-section__heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:18px}.watch-section__heading h2{margin:0;font-size:28px}.watch-section__heading span{color:var(--muted)}.chapter-list{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.chapter{background:#0c2235;border:1px solid transparent;color:#fff;padding:15px;display:flex;gap:14px;text-align:right;cursor:pointer}.chapter:hover{border-color:var(--teal)}.chapter time{color:var(--teal);font:700 13px Ubuntu}.resource-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.resource{display:block;background:#0c2235;padding:21px;text-decoration:none;color:#fff;border-inline-start:4px solid var(--teal)}.resource strong{display:block;font-size:18px}.resource span{color:var(--muted)}.series-panel{background:#091927;border-inline-start:1px solid var(--line);min-height:calc(100vh - 72px);position:sticky;top:0;align-self:start;max-height:100vh;overflow-y:auto}.series-panel__top{padding:32px 27px 22px;border-bottom:1px solid var(--line)}.series-panel__top>span{color:var(--teal);font-weight:900}.series-panel h2{font-size:31px;line-height:1.1;margin:7px 0}.series-panel p{color:var(--muted);font-size:14px}.series-progress{display:flex;justify-content:space-between;padding:14px 27px;color:#9fb0be;border-bottom:1px solid var(--line);font-size:13px}.series-episodes{padding:8px}.series-episode{display:grid;grid-template-columns:116px 1fr;gap:12px;padding:10px;text-decoration:none;color:#fff;border:1px solid transparent}.series-episode:hover{background:#10283b}.series-episode.active{border-color:var(--teal);background:#10283b}.series-episode img{width:116px;aspect-ratio:16/9;object-fit:cover}.series-episode small{color:var(--teal);font-weight:800}.series-episode strong{display:block;line-height:1.25}.watch-error{min-height:70vh;display:grid;place-items:center;text-align:center}.watch-error[hidden]{display:none}.watch-error a{color:var(--teal)}
@media(max-width:900px){.doc-header__inner{width:calc(100% - 26px);gap:12px}.doc-nav a{padding:0 10px}.doc-search-toggle span{display:none}.feature{min-height:620px}.feature__image:after{background:linear-gradient(0deg,var(--navy) 3%,rgba(6,21,35,.68) 55%,rgba(6,21,35,.2))}.feature__content{width:calc(100% - 32px);padding-bottom:58px}.feature__content-inner{max-width:none}.catalog-shell{width:calc(100% - 32px)}.episode-rail{grid-auto-columns:72%}.episode-grid{grid-template-columns:repeat(2,1fr)}.watch-main{display:block}.series-panel{position:static;min-height:auto;max-height:none;border:0}.chapter-list,.resource-grid{grid-template-columns:1fr}.doc-footer{width:calc(100% - 32px)}}
@media(max-width:580px){.doc-header{height:auto}.doc-header__inner{height:64px}.doc-brand span{display:none}.doc-brand img{width:38px;height:38px}.doc-nav{order:3;position:absolute;top:64px;inset-inline:0;height:50px;background:#071827;justify-content:center}.doc-nav a{border-width:3px}.doc-search{top:114px;grid-template-columns:1fr}.doc-search input{min-width:0;width:100%}.feature{margin-top:50px}.feature h2{font-size:46px}.feature__summary{font-size:17px}.catalog-heading{display:block}.catalog-tabs{margin-top:20px}.episode-rail{grid-auto-columns:86%}.episode-grid{grid-template-columns:1fr}.rail-button{display:none}.doc-footer{display:block}.doc-footer a{display:inline-block;margin-top:18px}.watch-header{padding:0 14px}.watch-header .doc-brand span{display:grid}.esc-player{aspect-ratio:16/10}.player-big-play{width:65px;height:65px}.player-time{display:none}.watch-info{padding:28px 18px}.watch-section{padding:30px 18px}.watch-section__heading{display:block}.series-episode{grid-template-columns:105px 1fr}}

/* Contain long Arabic titles and embedded players on narrow screens. */
html,body{width:100%;max-width:100%;overflow-x:clip}
.feature__content,.feature__content-inner,.player-column,.watch-info{min-width:0;max-width:100%}
.feature h2,.watch-info h1,.watch-lead,.watch-description{overflow-wrap:anywhere}
.feature__actions{flex-wrap:wrap}
.watch-main{max-width:100%}
.watch-back{white-space:nowrap}
.player-media iframe,.player-media video{width:100%!important;height:100%!important}

/* الصفحة الحالية تبدأ بالمكتبة مباشرة، مثل واجهات الفيديو الحديثة. */
.catalog-shell--direct{padding-top:46px}
.documentary-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:34px 16px}
.category-bar{display:flex;gap:9px;overflow-x:auto;padding:0 0 25px;margin-top:-18px;scrollbar-width:none}
.category-bar::-webkit-scrollbar{display:none}
.category-bar button{flex:none;border:1px solid var(--line);border-radius:3px;background:#0c2235;color:#d7e2eb;padding:9px 16px;font-weight:800;cursor:pointer}
.category-bar button:hover,.category-bar button.active{background:var(--teal);border-color:var(--teal);color:#061523}
.documentary-card__date{color:#71879a;font:500 12px Ubuntu;margin-top:9px}
.catalog-loading,.catalog-empty{text-align:center;grid-column:1/-1;padding:75px 20px;background:#0a1e30;border:1px solid var(--line);color:var(--muted)}
.catalog-empty[hidden]{display:none}
.catalog-empty h2{color:#fff;margin:0}
.watch-main--single{display:block;width:min(1180px,calc(100% - 48px));padding:34px 0 80px}
.watch-main--single .player-column{background:#071522;border:1px solid var(--line)}
.watch-main--single .watch-info{padding-inline:clamp(24px,5vw,64px)}

@media(max-width:1100px){.documentary-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){.documentary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.watch-main--single{width:100%;padding-top:0;border:0}}
@media(max-width:580px){.catalog-shell--direct{padding-top:84px}.documentary-grid{grid-template-columns:1fr}.category-bar{margin-top:0}.catalog-heading h1{font-size:42px}}

.doc-footer__links{display:flex!important;gap:20px}
@media(max-width:580px){.catalog-shell--direct{padding-top:46px}.doc-footer__links{display:flex!important;flex-wrap:wrap}.doc-footer__links a{margin-top:18px}}