/* تنسيقات خاصة بصفحات المسارات (excel.html, word.html, ...) */
.program-hero{padding-top:150px; padding-bottom:30px}
.crumbs{display:flex; gap:8px; align-items:center; flex-wrap:wrap; font-size:13px; color:var(--text-dim); margin-bottom:26px}
.crumbs a{color:var(--text-mute); text-decoration:none}
.crumbs a:hover{color:var(--blue-400)}
.program-head{display:flex; align-items:center; gap:22px}
.program-ico{width:72px !important; height:72px !important; border-radius:20px !important; font-size:26px !important; flex-shrink:0}
.program-head h1{margin:0; font-size:clamp(30px,5vw,54px); line-height:1.25}
.program-head .lede{margin:10px 0 0 !important}
@media (max-width:640px){ .program-head{flex-direction:column; align-items:flex-start; gap:14px} .program-ico{width:56px !important;height:56px !important;font-size:20px !important} }
.total-pill{display:inline-flex; align-items:center; padding:10px 18px; border-radius:999px; background:var(--glass); border:1px solid var(--glass-border); color:var(--text-mute); font-weight:600; font-size:14px}
.search-box{display:flex; align-items:center; gap:10px; margin-top:28px; padding:12px 16px; border-radius:16px; max-width:560px; color:var(--text-dim)}
.search-box input{flex:1; min-width:0; background:none; border:none; outline:none; color:var(--text); font:inherit; font-size:15px}
.search-box input::placeholder{color:var(--text-dim)}
.search-box:focus-within{border-color:var(--glass-border-strong)}

.program-list{padding-top:20px}
.pl-section{margin-bottom:56px; scroll-margin-top:110px}
.pl-section .cat-section-label{display:flex; align-items:center; gap:12px; flex-wrap:wrap; margin-bottom:22px; padding-bottom:14px; border-bottom:1px solid var(--glass-border)}
.pl-title{font-size:22px; margin:0; font-weight:700; color:var(--text)}
.pl-count{font-size:14px; font-weight:400; color:var(--text-dim)}
.pl-yt{margin-inline-start:auto; font-size:13px; color:var(--blue-400); text-decoration:none; font-weight:600}
.pl-yt:hover{text-decoration:underline}
.lesson-no{position:absolute; bottom:12px; right:12px; z-index:2; background:rgba(7,15,31,0.8); color:#fff; font-size:12px; font-weight:700; padding:4px 10px; border-radius:8px; font-family:"JetBrains Mono", monospace}
.video-card{cursor:pointer}
.search-empty{text-align:center; color:var(--text-dim); padding:40px 0}

.program-about{padding-top:20px}
.about-box{padding:32px; border-radius:22px}
.about-box h2{font-size:24px; margin:0 0 12px}
.about-box p{line-height:1.9; margin:0 0 8px; max-width:760px}
.other-title{margin:44px 0 16px; font-size:18px; color:var(--text)}
.other-paths{display:flex; flex-wrap:wrap; gap:12px}
.other-path{display:inline-flex; align-items:center; gap:10px; padding:10px 16px 10px 12px; border-radius:14px !important; color:var(--text); text-decoration:none; font-weight:600; font-size:14px; transition:transform 250ms ease}
.other-path:hover{transform:translateY(-2px)}

/* مشغل الفيديو داخل الموقع */
.player{position:fixed; inset:0; z-index:200; display:flex; align-items:center; justify-content:center; padding:20px}
.player[hidden]{display:none}
.player-back{position:absolute; inset:0; background:rgba(3,7,18,0.8); backdrop-filter:blur(6px)}
.player-box{position:relative; width:100%; max-width:960px; background:#0a1628; border:1px solid var(--glass-border); border-radius:20px; overflow:hidden; box-shadow:var(--shadow-deep)}
.player-head{display:flex; align-items:center; gap:12px; padding:14px 18px}
.player-head h3{margin:0; flex:1; font-size:16px; color:#fff; line-height:1.5}
.player-close{width:36px; height:36px; border-radius:10px; border:1px solid rgba(255,255,255,0.15); background:rgba(255,255,255,0.06); color:#fff; font-size:22px; cursor:pointer; flex-shrink:0}
.player-frame{position:relative; aspect-ratio:16/9; background:#000}
.player-frame iframe{position:absolute; inset:0; width:100%; height:100%; border:0}
.player-foot{padding:14px 18px; display:flex; justify-content:flex-start}
html[data-theme="light"] .player-box{background:#fff}
html[data-theme="light"] .player-head h3{color:#0f172a}
html[data-theme="light"] .player-close{color:#0f172a; border-color:rgba(0,0,0,0.12)}
html[data-theme="light"] .lesson-no{background:rgba(255,255,255,0.9); color:#0f172a}
@media (prefers-reduced-motion: reduce){ .reveal{opacity:1 !important; transform:none !important} }