@font-face{font-family:StudioArabic;src:url(../assets/studio-fonts/arabic.ttf) format("truetype");font-display:swap}@font-face{font-family:StudioHindi;src:url(../assets/studio-fonts/hindi.ttf) format("truetype");font-display:swap}.studio-player[lang="ar"]{font-family:StudioArabic,Arial,sans-serif}.studio-player[lang="hi"]{font-family:StudioHindi,Arial,sans-serif}
body.studio-standalone{margin:0;background:#f5f5f7}.studio-player *{box-sizing:border-box}.studio-player{--course-accent:#5433eb;min-height:100%;background:#fff;color:#191919;font-family:Arial,"Noto Sans",sans-serif;line-height:1.5;font-size:16px}.studio-player button,.studio-player select{font:inherit}.studio-player button{cursor:pointer}.studio-player button:disabled{opacity:.45;cursor:default}.studio-player button:focus-visible,.studio-player select:focus-visible,.studio-player input:focus-visible,.studio-player summary:focus-visible{outline:3px solid #1570ef;outline-offset:4px}.studio-player h1{font-size:clamp(25px,4vw,40px);line-height:1.16;letter-spacing:-.025em;margin:0 0 26px;font-weight:750;outline:none}.studio-player h2{font-size:18px}.studio-player p{line-height:1.65}.player-preview{padding:9px 20px;background:#fff3d5;color:#513b05;text-align:center;font-size:13px;font-weight:700}.player-header{padding:20px 5%;border-bottom:1px solid #eee;display:flex;align-items:center;justify-content:space-between;gap:18px}.player-logo{max-width:180px;max-height:45px;object-fit:contain}.player-language{display:flex;align-items:center;gap:10px;font-size:13px;font-weight:700}.player-language select{border:1px solid #d9d9df;background:#fff;padding:9px 12px;border-radius:9px;max-width:170px;color:#191919}.player-main{max-width:850px;margin:auto;padding:48px 32px 70px}.player-intro{max-width:680px;padding:60px 0}.player-kicker{text-transform:uppercase;letter-spacing:.13em;font-size:12px;font-weight:700;color:#5b5b65;display:block;margin-bottom:18px}.player-intro p{max-width:570px;font-size:18px}.player-muted{color:#5b5b65;font-size:14px}.player-primary,.player-secondary{border:0;border-radius:12px;padding:15px 24px;min-height:50px;font-weight:700!important}.player-primary{background:var(--course-button,#191919);color:var(--course-button-text,#fff)}.player-secondary{background:#f1f1f4;color:#191919}.player-primary:hover{filter:brightness(.94)}.player-actions{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-top:32px}.player-question-meta{display:flex;justify-content:space-between;font-size:13px;font-weight:700;color:#52525b;margin-bottom:9px}.player-progress{height:5px;background:#ededf1;border-radius:5px;margin-bottom:32px;overflow:hidden}.player-progress span{display:block;height:100%;background:var(--course-accent)}.player-options{border:0;padding:0;margin:0;display:grid;gap:12px}.player-option{position:relative;display:flex;align-items:center;gap:16px;padding:18px 20px;border:1.5px solid #dedee5;border-radius:13px;cursor:pointer;font-weight:600;transition:background .15s}.player-option:hover{background:#f7f7fa}.player-option.selected{border-color:var(--course-accent);background:#f5f3fe}.player-option input{width:18px;height:18px;flex:0 0 18px;accent-color:var(--course-accent)}.player-letter{color:#62626d;font-size:13px}.player-feedback{border-inline-start:3px solid var(--course-accent);padding:2px 20px;margin-top:24px}.player-feedback p{margin-bottom:0}.player-warning{background:#fff3d5;padding:14px 24px;font-size:14px}.player-warning button{border:0;background:transparent;text-decoration:underline;font-weight:700;padding:5px}.player-result .player-score{font-size:88px;font-weight:750;letter-spacing:-.06em;line-height:1.2}.player-score span{font-size:34px;margin-inline-start:6px}.player-review{border-top:1px solid #ddd;margin-top:45px;padding-top:24px}.player-review summary{cursor:pointer;font-weight:700}.player-review article{padding:15px 0;border-bottom:1px solid #eee}.studio-player video{display:block;width:100%;max-height:65vh;background:#111;border-radius:12px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:600px){.player-main{padding:30px 20px 45px}.player-intro{padding:35px 0}.player-header{padding:15px 20px}.player-header>strong{max-width:100px;font-size:14px}.player-language{display:block}.player-language select{display:block;margin-top:4px}.player-actions{flex-wrap:wrap}.player-option{padding:16px 12px;gap:10px}.player-primary,.player-secondary{padding:13px 18px}.player-logo{max-width:115px}.studio-player h1{font-size:27px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}

.studio-player{container-type:inline-size}@container(max-width:600px){.player-main{padding:30px 20px 45px}.player-intro{padding:35px 0}.player-header{padding:15px 20px}.player-header>strong{max-width:100px;font-size:14px}.player-language{display:block}.player-language select{display:block;margin-top:4px}.player-actions{flex-wrap:wrap}.player-option{padding:16px 12px;gap:10px}.player-primary,.player-secondary{padding:13px 18px}.player-logo{max-width:115px}.studio-player h1{font-size:27px}}

.player-completion-badge{width:104px;height:116px;color:var(--course-accent);margin:0 auto 18px;animation:player-badge-in .45s ease-out}.player-completion-badge svg{width:100%;height:100%}.player-success{text-align:center;padding-top:4px}.player-success h1{margin-bottom:14px}.player-success .player-kicker{margin-bottom:12px}.player-completed-title{font-size:20px;font-weight:600;margin:0 auto 28px;max-width:600px;overflow-wrap:anywhere}.player-success .player-score{font-size:72px}.player-pass-label{font-weight:700;font-size:16px;margin:4px 0 18px}.player-result-meta{font-size:14px;color:#5b5b65}.player-result .player-actions{justify-content:flex-start;flex-wrap:wrap}.player-success .player-actions{justify-content:center}.player-success .player-review{text-align:start}.player-review-mode{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;background:#f5f5f7;border-radius:12px;padding:16px;margin-bottom:28px;font-size:14px}.player-review-mode .player-secondary{padding:10px 16px;min-height:44px}.player-result .player-review{margin-top:36px}.player-option:has(input:disabled){cursor:default}@keyframes player-badge-in{from{opacity:0;transform:translateY(8px) scale(.95)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.player-completion-badge{animation:none}}@media(max-width:600px){.player-completion-badge{width:84px;height:94px}.player-success .player-score{font-size:60px}}@container(max-width:600px){.player-completion-badge{width:84px;height:94px}.player-success .player-score{font-size:60px}}
