:root{--bg:#f6f2e9;--surface:#fffdf8;--surface2:#eee8dc;--ink:#16201d;--muted:#69736f;--line:#ddd5c7;--brand:#0d755e;--brand2:#0a9272;--gold:#c88b2b;--blue:#315fa8;--violet:#79518c;--danger:#a33b32;--shadow:0 22px 55px rgba(44,54,48,.11)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 80% 0,rgba(13,117,94,.07),transparent 28%),var(--bg);color:var(--ink);font-family:"Tajawal",sans-serif;line-height:1.65}body.dark{--bg:#101715;--surface:#17211e;--surface2:#202d29;--ink:#f4f6f3;--muted:#a5b0ab;--line:#30403a;--shadow:none}button,input,select{font:inherit}button,a{transition:.2s ease}a{color:inherit;text-decoration:none}.hidden{display:none!important}.topbar{height:78px;position:sticky;top:0;z-index:30;display:flex;align-items:center;justify-content:space-between;padding:0 max(22px,calc((100vw - 1240px)/2));border-bottom:1px solid color-mix(in srgb,var(--line) 75%,transparent);background:color-mix(in srgb,var(--bg) 87%,transparent);backdrop-filter:blur(18px)}.brand{display:flex;align-items:center;gap:11px}.brand-mark{display:grid;place-items:center;width:48px;height:48px;border-radius:15px;background:linear-gradient(145deg,var(--brand),#093d34);color:white;font-family:"Amiri",serif;font-size:25px;font-weight:700;box-shadow:0 8px 22px rgba(13,117,94,.24)}.brand-mark.small{width:42px;height:42px;border-radius:13px;font-size:21px}.brand-logo{padding:4px;overflow:hidden;background:var(--surface);border:1px solid rgba(200,139,43,.42);box-shadow:0 8px 22px rgba(13,117,94,.15)}.brand-logo img{display:block;width:100%;height:100%;border-radius:50%;object-fit:cover}.brand span:not(.brand-mark){display:flex;flex-direction:column;line-height:1.25}.brand strong{font-size:18px}.brand small{font-size:11px;color:var(--muted)}.topbar nav{display:flex;align-items:center;gap:4px}.topbar nav a,.topbar nav button{border:0;background:transparent;color:var(--muted);padding:10px 13px;border-radius:10px;cursor:pointer}.topbar nav a:hover,.topbar nav button:hover{background:var(--surface2);color:var(--brand)}main{max-width:1240px;margin:auto;padding:0 24px 90px}.hero{text-align:center;padding:36px 0 38px}.hero-badges{display:flex;justify-content:center;gap:7px}.hero-badges span,.match-reason{display:inline-flex;padding:5px 10px;border:1px solid rgba(13,117,94,.18);border-radius:999px;background:rgba(13,117,94,.07);color:var(--brand);font-size:11px;font-weight:800}.hero h1{margin:22px auto 14px;max-width:1000px;font-size:clamp(42px,6.5vw,78px);line-height:1.1;letter-spacing:-2.3px}.hero h1 em{font-style:normal;color:var(--brand)}.hero>p{max-width:760px;margin:auto;color:var(--muted);font-size:18px}.search-panel{max-width:980px;margin:38px auto 0;padding:16px;border:1px solid var(--line);border-radius:24px;background:var(--surface);box-shadow:var(--shadow)}.search-row{display:flex;gap:10px}.search-row input{width:100%;height:64px;border:1px solid var(--line);border-radius:15px;background:var(--bg);padding:0 20px;color:var(--ink);font-size:18px;outline:0}.search-row input:focus,.transcript-tools input:focus{border-color:var(--brand);box-shadow:0 0 0 4px rgba(13,117,94,.12)}.search-row button{min-width:130px;display:flex;align-items:center;justify-content:center;gap:12px;border:0;border-radius:15px;background:var(--brand);color:white;font-weight:800;cursor:pointer}.search-row button:hover{background:var(--brand2);transform:translateY(-1px)}.filter-row{display:grid;grid-template-columns:1.1fr 1.25fr .95fr auto;gap:10px;margin-top:13px;padding-top:13px;border-top:1px solid var(--line)}.filter-row label{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:11px}.filter-row select{min-width:0;width:100%;height:40px;border:1px solid var(--line);border-radius:10px;background:var(--surface2);color:var(--ink);padding:0 10px}.secondary-action{height:40px;white-space:nowrap;border:0;border-radius:10px;background:var(--ink);color:var(--surface);padding:0 15px;font-weight:800;cursor:pointer}.index-line{display:flex;justify-content:flex-end;align-items:center;gap:7px;margin-top:10px;color:var(--muted);font-size:11px}.pulse{width:7px;height:7px;border-radius:50%;background:#1f9d74;box-shadow:0 0 0 5px rgba(31,157,116,.11)}.suggestions{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:18px;color:var(--muted);font-size:12px}.suggestions button{border:0;border-radius:999px;padding:7px 12px;background:var(--surface2);color:var(--muted);cursor:pointer}.suggestions button:hover{color:var(--brand)}.notice{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:17px 20px;border:1px solid rgba(200,139,43,.28);border-radius:17px;background:rgba(200,139,43,.08)}.notice div{display:flex;flex-direction:column}.notice span{font-size:12px;color:var(--muted)}.notice a{color:var(--brand);font-weight:800;font-size:13px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin:28px 0 92px}.stats article{padding:23px;border:1px solid var(--line);border-radius:18px;background:var(--surface)}.stats span,.stats small{display:block;color:var(--muted)}.stats strong{display:block;margin:7px 0 1px;font-size:31px}.stats small{font-size:11px}.results,.library-section{margin-top:70px}.section-heading{display:flex;align-items:end;justify-content:space-between;padding-bottom:16px;border-bottom:1px solid var(--line)}.section-heading h2{margin:3px 0 0;font-size:31px}.section-kicker{color:var(--brand);font-size:11px;font-weight:800;letter-spacing:.05em}.section-heading>span,.result-count{color:var(--muted);font-size:13px}.search-note{padding:13px 16px;border-radius:12px;background:rgba(200,139,43,.12);color:#79530f}.async-progress{display:none;height:5px;margin:16px 0 10px;overflow:hidden;border-radius:999px;background:rgba(255,255,255,.42);box-shadow:inset 0 0 0 1px rgba(13,117,94,.08)}.async-progress.active{display:block}.async-progress>span{display:block;width:0;height:100%;border-radius:inherit;background:#ff0033;box-shadow:0 0 8px rgba(255,0,51,.65);transition:width .2s linear}.async-progress.loading>span{width:32%!important;animation:async-progress-loading 1.05s ease-in-out infinite alternate}@keyframes async-progress-loading{from{opacity:.45;transform:translateX(-20%)}to{opacity:1;transform:translateX(300%)}}.result-list{display:grid;gap:13px;margin-top:20px}.result-card{display:grid;grid-template-columns:166px minmax(0,1fr);gap:20px;padding:14px;border:1px solid var(--line);border-radius:18px;background:var(--surface);cursor:pointer;text-align:right}.result-card:hover{transform:translateY(-2px);border-color:var(--brand);box-shadow:var(--shadow)}.result-thumb{position:relative}.result-thumb img{display:block;width:166px;height:104px;object-fit:cover;border-radius:12px;background:var(--surface2)}.result-thumb time{position:absolute;bottom:7px;left:7px;padding:2px 7px;border-radius:6px;background:rgba(0,0,0,.75);color:white;font-size:11px;direction:ltr}.result-card h3{margin:2px 0 0;font-size:18px;line-height:1.45}.result-card p{font-family:"Amiri",serif;margin:8px 0;color:var(--muted);font-size:18px;line-height:1.7}.result-card footer{display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--muted);font-size:11px}.source-pill{display:flex;align-items:center;gap:7px}.source-pill img{width:25px;height:25px;border-radius:50%;object-fit:cover}.result-card mark{background:#ffe066;color:#17202c;border-radius:3px;padding:0 .07em}.match-reason{margin-bottom:3px}.match-reason.root{background:rgba(200,139,43,.13);color:#8c6118}.match-reason.concept{background:rgba(13,117,94,.11)}.match-reason.opposite{background:rgba(121,81,140,.12);color:var(--violet)}.match-reason.semantic{background:rgba(49,95,168,.12);color:var(--blue)}.pagination{display:flex;align-items:center;justify-content:center;gap:13px;margin-top:23px}.pagination button{border:1px solid var(--line);border-radius:10px;background:var(--surface);color:var(--ink);padding:8px 17px;cursor:pointer}.pagination button:disabled{opacity:.4}.channel-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:20px}.channel-card{display:flex;align-items:center;gap:14px;padding:18px;border:1px solid var(--line);border-radius:18px;background:var(--surface);cursor:pointer;text-align:right}.channel-card.active,.channel-card:hover{border-color:var(--brand);box-shadow:var(--shadow)}.channel-card img{width:58px;height:58px;border-radius:17px;object-fit:cover}.channel-card strong,.channel-card span{display:block}.channel-card span{color:var(--muted);font-size:12px}.series-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:14px}.series-card{padding:17px;border:1px solid var(--line);border-radius:15px;background:var(--surface);color:var(--ink);cursor:pointer;text-align:right}.series-card:hover{border-color:var(--brand)}.series-card strong,.series-card span{display:block}.series-card span{color:var(--muted);font-size:12px;margin-top:4px}.business-cta{display:flex;align-items:center;justify-content:space-between;gap:30px;margin-top:90px;padding:40px;border-radius:26px;background:linear-gradient(135deg,#123b32,#0d755e);color:white}.business-cta h2{font-size:32px;margin:5px 0}.business-cta p{max-width:730px;margin:0;color:rgba(255,255,255,.75)}.business-cta .section-kicker{color:#d9b875}.business-cta>a,.business-cta>button{flex:none;padding:13px 20px;border:0;border-radius:12px;background:white;color:#123b32;font:inherit;font-weight:800;cursor:pointer}.business-cta>button:hover{transform:translateY(-1px);background:#f7f1e5}.state-card{margin-top:25px;padding:36px;text-align:center;border:1px solid var(--line);border-radius:18px;background:var(--surface)}.state-card.error{color:var(--danger)}.lesson-view{padding-top:42px}.back-button{border:0;background:transparent;color:var(--brand);font-weight:800;cursor:pointer}.lesson-header{padding:31px 0 27px;border-bottom:1px solid var(--line)}.lesson-source{display:flex;align-items:center;gap:10px}.lesson-source img{width:42px;height:42px;border-radius:13px;object-fit:cover}.lesson-source span,.lesson-source small{display:block}.lesson-source small{color:var(--muted)}.lesson-header h1{font-size:clamp(31px,4.5vw,54px);line-height:1.25;margin:18px 0}.lesson-meta,.lesson-actions{display:flex;flex-wrap:wrap;align-items:center;gap:14px;color:var(--muted)}.lesson-meta a{color:var(--brand);font-weight:800}.lesson-actions{margin-top:18px}.lesson-actions button{border:1px solid var(--line);border-radius:11px;background:var(--surface);color:var(--ink);padding:10px 17px;cursor:pointer}.lesson-layout{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(360px,.85fr);gap:27px;margin-top:31px;align-items:start}.player-column{position:sticky;top:98px}.player-frame{position:relative;aspect-ratio:16/9;border-radius:19px;overflow:hidden;background:#050807;box-shadow:var(--shadow)}.player-frame iframe,.player-frame>div{width:100%!important;height:100%!important}.player-frame>#video-progress{position:absolute;inset-inline:0;top:0;z-index:5;width:100%!important;height:4px!important;overflow:hidden;background:rgba(255,255,255,.2);pointer-events:none;opacity:0;transition:opacity .2s ease}.player-frame>#video-progress.visible{opacity:1}.player-frame>#video-progress>span{display:block;width:0;height:100%;border-radius:0 3px 3px 0;background:#ff0033;box-shadow:0 0 8px rgba(255,0,51,.75);transition:width .18s linear}.player-frame>#video-progress.loading>span{width:28%!important;animation:video-progress-loading 1.05s ease-in-out infinite alternate}.youtube-poster{position:relative;width:100%;height:100%;overflow:hidden;background:#07100f}.youtube-poster>img{display:block;width:100%;height:100%;object-fit:cover;opacity:.82}.youtube-poster::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.08),rgba(0,0,0,.68))}.youtube-play-button{position:absolute;z-index:2;top:50%;left:50%;display:grid;place-items:center;width:76px;height:76px;padding:0;border:0;border-radius:50%;background:#ff0033;color:#fff;box-shadow:0 10px 30px rgba(0,0,0,.38);transform:translate(-50%,-50%);cursor:pointer}.youtube-play-button::before{content:"";width:0;height:0;margin-inline-start:4px;border-top:11px solid transparent;border-bottom:11px solid transparent;border-inline-start:17px solid #fff}.youtube-play-button span{position:absolute;top:calc(100% + 12px);white-space:nowrap;font-size:12px;font-weight:800;text-shadow:0 1px 4px #000}.youtube-play-button:hover{background:#e6002e;transform:translate(-50%,-50%) scale(1.04)}.youtube-poster-link{position:absolute;z-index:3;right:14px;bottom:12px;color:#fff;font-size:11px;text-shadow:0 1px 4px #000}.player-column>p{color:var(--muted);font-size:11px}.auto-next-option{display:inline-flex;align-items:center;gap:7px;margin-top:4px;padding:6px 9px;border:1px solid var(--line);border-radius:9px;background:var(--surface);color:var(--muted);font-size:11px;cursor:pointer;user-select:none}.auto-next-option:hover{border-color:var(--brand);color:var(--brand)}.auto-next-option input{width:14px;height:14px;margin:0;accent-color:var(--brand)}@keyframes video-progress-loading{from{opacity:.45;transform:translateX(-14%)}to{opacity:1;transform:translateX(250%)}}@media(prefers-reduced-motion:reduce){.player-frame>#video-progress>span{transition:none}.player-frame>#video-progress.loading>span{animation:none;width:42%!important}}.transcript-card{border:1px solid var(--line);border-radius:18px;background:var(--surface);overflow:hidden}.transcript-tools{padding:15px;border-bottom:1px solid var(--line)}.transcript-tools input{width:100%;height:47px;border:1px solid var(--line);border-radius:11px;background:var(--bg);color:var(--ink);padding:0 14px;outline:0}.transcript-tools>div{display:flex;justify-content:space-between;margin-top:10px;color:var(--muted);font-size:11px}.transcript-tools input[type=checkbox]{width:auto;height:auto;accent-color:var(--brand)}#transcript-list{list-style:none;margin:0;padding:0;max-height:620px;overflow:auto;scroll-behavior:smooth}#transcript-list li{border-bottom:1px solid var(--line);border-inline-end:4px solid transparent}#transcript-list li.active{background:rgba(13,117,94,.09);border-inline-end-color:var(--brand)}#transcript-list button{width:100%;display:grid;grid-template-columns:58px 1fr;gap:12px;border:0;background:transparent;color:var(--ink);padding:15px;text-align:right;cursor:pointer}#transcript-list button:hover{background:var(--surface2)}#transcript-list time{color:var(--brand);font-size:11px;direction:ltr}#transcript-list p{font-family:"Amiri",serif;font-size:19px;line-height:1.75;margin:0}body>footer{display:flex;align-items:center;gap:13px;padding:28px max(22px,calc((100vw - 1240px)/2));border-top:1px solid var(--line);background:var(--surface);color:var(--muted)}body>footer p{margin:0}body>footer a{margin-inline-start:auto;color:var(--brand);font-weight:800}@media(max-width:900px){.filter-row{grid-template-columns:1fr 1fr}.stats{grid-template-columns:repeat(2,1fr)}.channel-grid,.series-grid{grid-template-columns:repeat(2,1fr)}.lesson-layout{grid-template-columns:1fr}.player-column{position:static}}@media(max-width:600px){main{padding-inline:14px}.topbar{padding-inline:14px}.brand small,.topbar nav a:not(:first-child),.topbar nav a[href="#search"]{display:none}.hero{padding-top:24px}.hero h1{font-size:39px;letter-spacing:-1px}.hero>p{font-size:15px}.search-row{flex-direction:column}.search-row button{height:51px}.filter-row{grid-template-columns:1fr}.filter-row label{align-items:flex-start;flex-direction:column}.secondary-action{width:100%}.notice{align-items:flex-start;flex-direction:column}.stats{margin-bottom:60px}.result-card{grid-template-columns:1fr}.result-thumb img{width:100%;height:auto;aspect-ratio:16/9}.result-card footer{align-items:flex-start;flex-direction:column}.channel-grid,.series-grid{grid-template-columns:1fr}.business-cta{align-items:flex-start;flex-direction:column;padding:28px}.business-cta h2{font-size:27px}body>footer{align-items:flex-start;flex-wrap:wrap}}@media print{.topbar,.back-button,.lesson-actions,.player-column,.transcript-tools,body>footer{display:none!important}.lesson-view{display:block!important}#transcript-list{max-height:none;overflow:visible}.transcript-card{border:0}body{background:white;color:black}}

.login-link{border:1px solid var(--line)!important;background:var(--surface)!important;color:var(--brand)!important;font-weight:800;cursor:pointer}.auth-open{overflow:hidden}.auth-modal{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:20px;background:rgba(10,22,18,.58);backdrop-filter:blur(7px)}.auth-card{position:relative;width:min(460px,100%);padding:34px;border:1px solid var(--line);border-radius:24px;background:var(--surface);box-shadow:0 28px 90px rgba(0,0,0,.25);text-align:center}.auth-card h2{margin:8px 0 10px;font-size:28px;line-height:1.25}.auth-card>p{color:var(--muted);font-size:14px}.auth-close{position:absolute;top:12px;inset-inline-start:14px;width:34px;height:34px;border:0;border-radius:10px;background:var(--surface2);color:var(--muted);font-size:25px;line-height:1;cursor:pointer}.auth-actions{display:grid;gap:10px;margin:24px 0 14px}.oauth-button{display:block;padding:13px 16px;border-radius:12px;font-weight:800}.oauth-button.google{background:#fff;border:1px solid #dadce0;color:#202124}.oauth-button.twitter{background:#111;color:#fff}.auth-note{margin:10px 0 8px!important;font-size:12px!important}.auth-contact{display:inline-block;color:var(--brand);font-weight:800;font-size:13px}

.hero-banner{position:relative;isolation:isolate;display:flex;align-items:center;justify-content:space-between;overflow:hidden;max-width:980px;min-height:236px;margin:0 auto 25px;padding:38px 55px;border:1px solid rgba(255,255,255,.18);border-radius:30px;background:linear-gradient(120deg,#0a4038 0%,#0d755e 52%,#145e76 100%);color:#fff;text-align:right;box-shadow:0 25px 55px rgba(13,80,66,.22)}.hero-banner-glow{position:absolute;inset:-55%;z-index:-1;background:radial-gradient(circle at 18% 38%,rgba(255,219,139,.26),transparent 22%),radial-gradient(circle at 80% 74%,rgba(104,222,208,.2),transparent 28%);transform:rotate(-8deg)}.hero-banner-copy{position:relative;z-index:1}.hero-banner-kicker{display:inline-block;padding:6px 11px;border:1px solid rgba(255,255,255,.28);border-radius:999px;color:#f8db9c;font-size:11px;font-weight:800}.hero-banner h1{margin:15px 0 6px;color:#fff;font-size:clamp(38px,5vw,64px);letter-spacing:-1.5px}.hero-banner p{margin:0;color:rgba(255,255,255,.84);font-family:"Tajawal",sans-serif;font-size:22px;font-weight:500}.hero-banner-mark{position:relative;display:grid;place-items:center;width:164px;height:164px;flex:0 0 auto;overflow:hidden;padding:5px;border:1px solid rgba(255,255,255,.52);border-radius:50%;background:#f6f2e9;box-shadow:0 18px 40px rgba(3,39,32,.28),0 0 0 8px rgba(255,255,255,.08);transform:none}.hero-banner-mark img{display:block;width:100%;height:100%;object-fit:cover;border-radius:50%}.search-progress{height:4px;margin:11px 2px 0;overflow:hidden;border-radius:99px;background:transparent;opacity:0;transition:opacity .2s}.search-progress.active{opacity:1;background:var(--surface2)}.search-progress>span{display:block;width:0;height:100%;border-radius:99px;background:linear-gradient(90deg,var(--gold),var(--brand2));transition:width .18s ease}.search-row button:disabled{opacity:.8;cursor:wait;transform:none}.result-navigation{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:15px}.result-navigation button{min-width:118px;padding:9px 13px;border:1px solid var(--line);border-radius:11px;background:var(--surface);color:var(--brand);font-weight:800;cursor:pointer}.result-navigation button:hover:not(:disabled){border-color:var(--brand);background:var(--surface2);transform:translateY(-1px)}.result-navigation button:disabled{opacity:.45;cursor:not-allowed}.result-navigation span{min-width:86px;color:var(--muted);font-size:11px;text-align:center}@media(max-width:600px){.result-navigation{gap:7px}.result-navigation button{min-width:0;flex:1;padding:9px 8px;font-size:12px}.result-navigation span{min-width:70px}}
.advanced-search-toggle{display:block;margin:12px auto 0;padding:8px 18px;border:1px solid var(--line);border-radius:999px;background:var(--surface);color:var(--brand);font-weight:800;cursor:pointer}.advanced-search-toggle:hover{border-color:var(--brand);background:var(--surface2)}.advanced-search-panel{max-width:980px;margin:12px auto 0;padding:20px 22px;border:1px solid rgba(13,117,94,.24);border-radius:20px;background:linear-gradient(115deg,rgba(13,117,94,.08),var(--surface));box-shadow:0 12px 32px rgba(44,54,48,.07)}.advanced-search-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.advanced-search-heading h2{margin:3px 0 0;font-size:23px}.advanced-search-heading p{max-width:560px;margin:5px 0 0;color:var(--muted);font-size:12px;line-height:1.8}.advanced-search-options{display:flex;flex-wrap:wrap;gap:10px 18px;margin-top:16px}.advanced-search-options label{display:flex;align-items:center;gap:7px;color:var(--ink);font-size:13px;font-weight:700}.advanced-search-options input{accent-color:var(--brand)}.advanced-search-submit{margin-top:17px;padding:10px 16px;border:0;border-radius:11px;background:var(--brand);color:#fff;font-weight:800;cursor:pointer}.advanced-search-submit:hover{background:var(--brand2)}@media(max-width:600px){.advanced-search-panel{padding:17px 15px;border-radius:17px}.advanced-search-heading{display:block}.advanced-search-heading h2{font-size:21px}.advanced-search-heading p{margin-top:8px}.advanced-search-options{display:grid;gap:11px}.advanced-search-submit{width:100%}}
.channel-banner{display:grid;grid-template-columns:92px minmax(0,1fr) auto;align-items:center;gap:18px;margin-top:20px;padding:18px 22px;border:1px solid rgba(13,117,94,.2);border-radius:22px;background:linear-gradient(100deg,rgba(13,117,94,.11),var(--surface));box-shadow:0 12px 35px rgba(44,54,48,.06)}.channel-banner-art{display:grid;place-items:center;width:92px;height:92px;overflow:hidden;border-radius:25px;background:linear-gradient(145deg,var(--brand),#123b32);color:#fff}.channel-banner-art img{width:100%;height:100%;object-fit:cover}.channel-banner-art span{font-family:"Amiri",serif;font-size:38px}.channel-banner h2{margin:3px 0 2px;font-size:25px}.channel-banner p{max-width:760px;margin:0;color:var(--muted);font-size:13px}.channel-banner-count{padding:8px 12px;border-radius:999px;background:rgba(13,117,94,.1);color:var(--brand);font-size:12px;font-weight:800;white-space:nowrap}@media(max-width:600px){.hero-banner{align-items:flex-start;min-height:255px;padding:29px 24px}.hero-banner-mark{position:absolute;left:18px;bottom:18px;width:104px;height:104px;border-radius:50%;padding:3px}.hero-banner p{font-size:19px;max-width:230px}.channel-banner{grid-template-columns:66px minmax(0,1fr);padding:15px}.channel-banner-art{width:66px;height:66px;border-radius:18px}.channel-banner-art span{font-size:28px}.channel-banner h2{font-size:20px}.channel-banner-count{grid-column:1/-1;justify-self:start}}

.full-article{margin-top:30px;padding:28px 32px;border:1px solid var(--line);border-radius:22px;background:var(--surface);box-shadow:var(--shadow)}.full-article header{padding-bottom:17px;border-bottom:1px solid var(--line)}.full-article h2{margin:4px 0 5px;font-size:29px;line-height:1.35}.full-article header p{margin:0;color:var(--muted);font-size:12px}.full-article-text{padding-top:20px;font-family:"Amiri",serif;font-size:21px;line-height:2.05;color:var(--ink)}.full-article-text p{margin:0 0 19px}.full-article-text p:last-child{margin-bottom:0}@media(max-width:600px){.full-article{padding:22px 18px}.full-article h2{font-size:24px}.full-article-text{font-size:19px;line-height:1.95}}

.request-modal{position:fixed;inset:0;z-index:110;display:grid;place-items:center;padding:20px;background:rgba(10,22,18,.58);backdrop-filter:blur(7px)}.request-card{position:relative;width:min(500px,100%);padding:34px;border:1px solid var(--line);border-radius:24px;background:var(--surface);box-shadow:0 28px 90px rgba(0,0,0,.25);text-align:center}.request-card h2{margin:8px 0 12px;font-size:28px;line-height:1.3}.request-card>p{color:var(--muted);font-size:15px}.whatsapp-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;margin-top:12px;padding:13px 20px;border-radius:12px;background:#20b76b;color:#fff;font-weight:800}.whatsapp-button:hover{background:#159957;transform:translateY(-1px)}.whatsapp-button svg{width:23px;height:23px;fill:currentColor}.request-phone{margin:13px 0 0!important;direction:ltr;font-size:13px!important}@media(max-width:600px){.request-card{padding:28px 22px}.request-card h2{font-size:24px}}


/* Full transcript frames; synchronized transcript beside the player is unchanged. */
.full-article-actions{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;margin:0 0 18px}.copy-transcript-button{border:1px solid var(--brand);background:var(--brand);color:#fff;border-radius:999px;padding:10px 16px;cursor:pointer}.copy-transcript-button:hover{background:var(--brand2)}.full-frame-count{color:var(--muted);font-size:.92rem}.full-article-frames{display:grid;gap:14px}.full-transcript-frame{margin:0;border:1px solid var(--line);border-radius:18px;padding:18px 20px;background:var(--surface2);cursor:pointer;box-shadow:0 8px 20px rgba(44,54,48,.06);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.full-transcript-frame:hover,.full-transcript-frame:focus{transform:translateY(-2px);border-color:var(--brand);box-shadow:0 12px 28px rgba(13,117,94,.14);outline:none}.full-transcript-frame header{display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--brand);font-weight:800}.full-transcript-frame header time{font-size:1.12rem;direction:ltr}.full-transcript-frame header span{color:var(--muted);font-size:.9rem;font-weight:600}.full-transcript-frame p{margin:12px 0 0;white-space:pre-wrap;line-height:2;text-align:right}.full-transcript-frame footer{margin-top:12px;color:var(--muted);font-size:.88rem}.full-article-more{display:block;margin:20px auto 0;border:1px solid var(--line);background:var(--surface);color:var(--brand);border-radius:999px;padding:10px 20px;cursor:pointer}.full-article-more:hover{border-color:var(--brand);background:var(--surface2)}
@media (max-width:600px){.full-article{padding:22px 16px}.full-article-actions{align-items:stretch}.copy-transcript-button{width:100%}.full-transcript-frame{padding:15px 14px;border-radius:15px}.full-transcript-frame p{font-size:.96rem;line-height:1.9}}



/* Temporary academic access gate for transcript copy and frame playback */
.academic-gate{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:1rem;background:rgba(16,30,25,.48);backdrop-filter:blur(3px)}
.academic-gate.hidden{display:none}
.academic-gate-card{position:relative;width:min( min(100%, 25rem), 92vw);padding:1.5rem;border:1px solid rgba(20,116,91,.18);border-radius:1.1rem;background:var(--surface,#fffdf7);box-shadow:0 20px 70px rgba(0,0,0,.2);text-align:right}
.academic-gate-card h2{margin:0 0 .55rem;color:var(--ink,#17352d);font-size:1.25rem}
.academic-gate-card p{margin:.35rem 0 1rem;color:var(--muted,#66736f);line-height:1.7}
.academic-gate-card label{display:block;margin-bottom:.35rem;color:var(--ink,#17352d);font-size:.9rem}
#academic-gate-input{width:100%;box-sizing:border-box;padding:.75rem .85rem;border:1px solid rgba(20,116,91,.25);border-radius:.7rem;background:#fff;font-size:1rem;outline:none}
#academic-gate-input:focus{border-color:#14745b;box-shadow:0 0 0 3px rgba(20,116,91,.12)}
.academic-gate-close{position:absolute;top:.6rem;left:.7rem;border:0;background:transparent;color:var(--muted,#66736f);font-size:1.5rem;cursor:pointer}
.academic-gate-continue{width:100%;margin-top:1rem;padding:.75rem 1rem;border:0;border-radius:.7rem;background:#14745b;color:#fff;font-weight:700;cursor:pointer}
.academic-gate-continue:hover{background:#0f604b}
.academic-gate-error{margin:.55rem 0 0!important;color:#a23b32!important;font-size:.88rem}

/* Keep the original auto-next control visible while the lesson transcript scrolls. */
.auto-next-option{position:fixed;right:24px;bottom:24px;z-index:40;background:var(--surface);padding:6px 10px;border:1px solid var(--line);border-radius:10px;box-shadow:0 8px 22px rgba(20,35,30,.16)}
#transcript-list{padding-bottom:64px}
@media(max-width:600px){.auto-next-option{right:12px;bottom:max(14px,env(safe-area-inset-bottom));max-width:calc(100vw - 24px)}}

/* Keep the original auto-follow control visible beside the transcript while scrolling. */
.transcript-tools>div>label{position:fixed;right:24px;bottom:72px;z-index:40;background:var(--surface);padding:6px 10px;border:1px solid var(--line);border-radius:10px;box-shadow:0 8px 22px rgba(20,35,30,.16)}
@media(max-width:600px){.transcript-tools>div>label{right:12px;bottom:60px;max-width:calc(100vw - 24px)}}