/* MARFA Trading School · video-first course layout · Preview only */
:root{color-scheme:dark}
body.school-video-page{margin:0;background:#0d0e0c;color:#e8e2d6;font-family:Vazirmatn,Inter,system-ui,sans-serif;line-height:1.85}
.svc-page{box-sizing:border-box;max-width:1440px;margin:0 auto;padding:14px 25px 55px}
.svc-top{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;border-bottom:1px solid #48381c;padding:0 0 12px}
.svc-brand{display:flex;align-items:center;gap:14px;text-decoration:none;color:#ebc77c}
.svc-brand img{max-width:112px;height:62px;object-fit:contain}
.svc-brand strong{font-size:14px;letter-spacing:.03em}
.svc-top nav{display:flex;gap:9px;flex-wrap:wrap}
.svc-top nav a,.svc-video-source a{color:#d7bc82;font-size:12px;border:1px solid #53432c;border-radius:9px;padding:7px 12px;text-decoration:none}
.svc-top nav a:hover,.svc-video-source a:hover{border-color:#e1b65c}
.svc-hero{margin:22px 0 18px;background:linear-gradient(135deg,#2a2110,#12140f 64%,#10201b);border:1px solid #66522b;border-radius:17px;padding:25px}
.svc-tag{color:#cfaa5f;font-size:11px;font-weight:700;letter-spacing:.09em}
.svc-hero h1{color:#f1d594;font-size:28px;margin:5px 0}
.svc-hero p{color:#c7baa1;max-width:980px;margin:5px 0 9px;font-size:13px}
.svc-hero .svc-badges{display:flex;gap:8px;flex-wrap:wrap}
.svc-hero .svc-badges span{border-radius:9px;background:#171a13;border:1px solid #55452b;padding:5px 11px;color:#d0b37c;font-size:11px}
.svc-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(250px,330px);gap:18px;align-items:start}
.svc-main,.svc-side{min-width:0}
.svc-card{background:#171914;border:1px solid #48412f;border-radius:14px;padding:17px 19px;margin:0 0 16px}
.svc-card h2,.svc-card h3{font-size:17px;color:#f1d594;margin:0 0 10px}
.svc-card p{margin:5px 0 9px;font-size:12px;color:#beb9ab}
.svc-player{aspect-ratio:16/9;overflow:hidden;background:#070907;border:1px solid #655333;border-radius:13px;display:flex;align-items:center;justify-content:center;margin-bottom:12px}
.svc-player iframe{display:block;width:100%;height:100%;border:0;background:#070907}
.svc-load-screen{height:100%;width:100%;display:flex;flex-direction:column;gap:11px;align-items:center;justify-content:center;text-align:center;padding:20px;box-sizing:border-box}
.svc-load-screen strong{color:#ffdf96;font-size:15px}
.svc-load-screen span{color:#b5aa96;font-size:12px;max-width:480px}
.svc-button,.svc-pill-button{font:700 12px Vazirmatn,Inter,sans-serif;cursor:pointer;padding:11px 14px;border-radius:9px;border:1px solid #a78647;background:linear-gradient(180deg,#edcd77,#ba8c34);color:#191308}
.svc-button:disabled{opacity:.4;cursor:not-allowed}
.svc-pill-button{background:#222015;color:#f3d493}
.svc-player-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-bottom:8px}
.svc-player-actions a{font-size:12px;color:#eac981}
.svc-session-title{font-size:18px;font-weight:700;margin:0;color:#f1d18f}
.svc-session-sub{font-size:12px;color:#b3ab9a;margin:6px 0 12px}
.svc-video-source{padding:13px;background:#14150f;border:1px solid #45402f;border-radius:9px;color:#bcb4a3;font-size:11px}
.svc-video-source a{display:inline-flex;margin:6px 0 0 8px}
.svc-summary-list{margin:10px 0;padding-inline-start:21px;font-size:12px;color:#d2c8b4}
.svc-summary-list li{margin:7px 0}
.svc-note{box-sizing:border-box;width:100%;min-height:102px;resize:vertical;background:#0e130f;border:1px solid #645438;border-radius:9px;padding:12px;color:#f1ebd8;line-height:1.9;font:12px Vazirmatn,Inter,sans-serif}
.svc-hint{font-size:11px;color:#b0a28a}
.svc-feedback{font-size:12px;color:#d7bd85;min-height:20px}
.svc-reflection{background:#111810;border-inline-start:3px solid #c9a354;border-radius:8px;padding:11px 15px;color:#ddcfb4;font-size:12px;margin:12px 0}
.svc-reflection label{display:flex;gap:8px;align-items:center;cursor:pointer}
.svc-reflection input{accent-color:#d4a758;width:16px;height:16px}
.svc-progress-shell{background:#292e23;height:9px;overflow:hidden;border-radius:99px;margin:11px 0 9px}
.svc-progress-bar{height:100%;width:0;background:linear-gradient(90deg,#b58534,#efce7a);transition:width .2s}
.svc-session-list{list-style:none;margin:12px 0 0;padding:0;max-height:65vh;overflow:auto;overscroll-behavior:contain}
.svc-session-list li{margin-bottom:5px}
.svc-session-list button{width:100%;display:flex;gap:10px;text-align:right;border-radius:9px;cursor:pointer;align-items:start;border:1px solid transparent;background:transparent;color:#c7c0b2;padding:10px 9px;font:12px Vazirmatn,Inter,sans-serif}
.svc-session-list button:hover,.svc-session-list button:focus-visible{border-color:#786038;background:#242319}
.svc-session-list button[aria-current=true]{border-color:#c49847;background:#282416;color:#f1d9a3}
.svc-index{border-radius:7px;background:#222820;padding:3px 7px;color:#d7b46c;flex-shrink:0}
.svc-session-list strong{display:block;line-height:1.7;font-weight:600}
.svc-session-list small{display:block;color:#9c998c;margin-top:2px;font-size:10px}
.svc-session-list .is-done .svc-index{color:#a7e4bb;background:#17372a}
.svc-bottom{display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;margin:12px 0}
.svc-bottom button{min-width:110px}
.svc-rights{font-size:11px;color:#b8b1a1;border:1px solid #5b4b31;border-radius:10px;padding:13px;background:#201c14}
.svc-rights a{color:#e9c67b}
.svc-muted{color:#d0a65e!important}
.svc-side{position:sticky;top:15px}
:where(.school-video-page) :is(a,button,textarea,input):focus-visible{outline:2px solid #ffe198;outline-offset:2px}
.video-course-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:16px 0 28px}
.video-course-intro{border:1px solid #66502b;border-radius:12px;background:#17190e;padding:15px 17px;margin:16px 0}
.video-course-intro h3{font-size:19px;color:#efd18b;margin:0 0 5px}
.video-course-intro p{color:#bdb3a0;font-size:12px;margin:0}
.video-course-card{padding:16px;border-radius:13px;border:1px solid #574629;background:#121811;min-width:0}
.video-course-card[data-availability=pilot]{border-color:#c29345;background:linear-gradient(120deg,#211c11,#121811)}
.video-course-head{display:flex;align-items:center;gap:10px}
.video-course-icon{font-size:26px}
.video-course-head h3{font:700 16px Inter,Vazirmatn,sans-serif;color:#f1d28f;margin:0}
.video-course-head p{font-size:11px;color:#bbb0a0;margin:0}
.video-course-note{font-size:11px;color:#bdb7a8;line-height:1.8;margin:10px 0}
.video-course-meta{font-size:11px;color:#b6d8bc;padding:7px 0}
.video-course-open{display:inline-block;border-radius:8px;background:#d7aa55;color:#171208;text-decoration:none;padding:9px 12px;font-weight:700;font-size:12px}
.video-course-pending{display:inline-block;color:#b9a682;font-size:11px;border:1px solid #55482c;border-radius:8px;padding:8px}
#schoolStyleTrack.is-video-school .style-grade-line{display:none}
.video-course-legacy{margin:17px 0;border-radius:10px;border:1px solid #4d4736;background:#121510;padding:12px}
.video-course-legacy summary{cursor:pointer;color:#d5b77a;font-size:13px;font-weight:700}
.video-course-legacy .style-stage{margin:18px 0}
@media(max-width:940px){.svc-layout{grid-template-columns:minmax(0,1fr)}.svc-side{position:static}.svc-session-list{max-height:350px}}
@media(max-width:600px){.svc-page{padding:8px 11px 55px}.svc-hero{padding:17px 14px}.svc-hero h1{font-size:22px}.svc-card{padding:13px}.video-course-grid{grid-template-columns:1fr}.svc-brand strong{font-size:12px}.svc-top nav a{padding:6px 8px}}
.svc-practice-options{display:grid;gap:8px}
.svc-quiz-choice{background:#172019;color:#e8d9c1;padding:10px;border:1px solid #6b5834;border-radius:9px;cursor:pointer}
.svc-quiz-choice.svc-choice-correct{border-color:#80c7a0}
.svc-quiz-choice.svc-choice-wrong{border-color:#c88478}
.svc-training-illustration svg{width:100%;display:block}
.video-candidate-link{display:inline-block;color:#e3c589;border:1px solid #8c7543;border-radius:8px;padding:9px 11px;margin-top:9px;font-size:12px}