.global-footer{font-family:Outfit,Arial,sans-serif;background:#082b4d;color:#e4f3ff;padding:38px 6%;display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:24px;position:relative;z-index:4}.global-footer strong{letter-spacing:1.4px}.global-footer p{font-size:13px;color:#adcede}.global-footer nav{display:flex;flex-wrap:wrap;align-content:start;gap:15px}.global-footer a{font-size:12px;color:#e4f3ff;text-decoration:none}.global-footer a:hover{text-decoration:underline}.global-footer small{font-size:10px;color:#abc6d9}.footer-contact{grid-column:1/3;margin:0}.social-rail{position:fixed;right:10px;top:42%;z-index:8;display:flex;flex-direction:column;gap:5px;background:#fffffff0;padding:8px;border:1px solid #d7e6ee;border-radius:12px;box-shadow:0 8px 25px #16375114}.social-rail a{font:10px Outfit,Arial,sans-serif;color:#1a5c81;text-decoration:none;padding:8px 4px}.study-tabs{display:flex;gap:12px;margin:26px 0;border-bottom:1px solid #d4e3ed;padding-bottom:15px}.study-tabs button{border:1px solid #cbdfea;border-radius:11px;background:white;color:#256280;padding:15px 24px;font-weight:500}.study-tabs button[aria-selected=true]{background:#0b709e;color:white;border-color:#0b709e}.study-viewer{width:100%;height:75svh;border:1px solid #c6dbe9;border-radius:14px;background:white}.study-tab-panel .resource-card{margin:18px 0}.demo-library{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-top:24px}.demo-launch{background:#edf8ff;border:1px solid #c4e0ef;border-radius:12px;color:#144b71;text-align:left;padding:18px 14px;display:grid;gap:8px}.demo-launch strong{font-size:19px}.demo-launch small{font-size:10px;line-height:1.5}.demo-workspace{display:grid;grid-template-columns:1fr 220px;gap:20px}.question-palette{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;margin:14px 0}.question-palette button{padding:8px 3px;border:1px solid #c2d9e8;background:white;border-radius:7px;color:#1a547b}.question-palette .answered{background:#d1f1e1;border-color:#60bd95}.question-palette .current{outline:2px solid #137ba8;outline-offset:1px}.test-controls{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}.test-aside{background:#f1f7fb;padding:15px;border-radius:14px;font-size:12px}.percent-calculator{border-top:1px solid #ccdfec;padding-top:12px;margin-top:15px}.percent-calculator label{display:grid;gap:6px;margin:10px 0}.percent-calculator input{width:100%;padding:9px;border:1px solid #c3d8e7;border-radius:7px}.percent-calculator output{font-size:18px;font-weight:600;display:block;color:#17678c}.test-result-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:25px 0}.test-result-grid>div{background:#eaf5fd;padding:20px;border-radius:12px}.test-result-grid strong{display:block;font-size:28px}.test-result-grid span{font-size:11px;display:block;margin-top:8px}.result-warning{font-size:12px;color:#557489;line-height:1.7}.review-item{padding:17px;border:1px solid #dce6ec;border-radius:11px;margin:12px 0;font-size:13px;line-height:1.6}.review-item.wrong{border-left:4px solid #e27171}.review-item.correct{border-left:4px solid #45a575}.review-item.skipped{border-left:4px solid #a5b4be}.history-model{font-size:12px;color:#226b8b;padding:15px;background:#eef8ff;border-radius:8px}.course-intro{padding:35px;border-radius:20px;background:linear-gradient(120deg,#d9f2ff,#fff);margin-bottom:25px}.course-intro h2{font-size:32px}.course-actions{display:flex;flex-wrap:wrap;gap:12px}.info-main{max-width:1000px;min-height:60svh;margin:auto;padding:50px 6%;line-height:1.8}.info-main h1{font-size:42px;line-height:1.2}.info-main h2{font-size:22px;margin-top:30px}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.contact-block{border:1px solid #d2e2ed;border-radius:14px;padding:22px;background:white}.contact-block a{display:block;color:#116e98;overflow-wrap:anywhere}.contact-block small{color:#6c8395}.email-form{display:grid;gap:13px;max-width:650px}.email-form label{display:grid;gap:6px}.email-form input,.email-form textarea{padding:12px;border:1px solid #c9dce8;border-radius:8px;font:inherit}.email-form textarea{min-height:130px}.header-course{font-size:12px;color:#165779;padding:10px;border:1px solid #d2e5f0;border-radius:9px;white-space:nowrap}.course-view[hidden]{display:none}
@media(max-width:900px){.social-rail{display:none}.demo-library{grid-template-columns:repeat(3,1fr)}.global-footer{grid-template-columns:1fr 1fr}.footer-contact{grid-column:1/-1}.demo-workspace{grid-template-columns:1fr}.test-aside{order:-1}.question-palette{grid-template-columns:repeat(10,1fr)}.percent-calculator{display:grid;grid-template-columns:1fr 1fr;gap:10px}.percent-calculator summary,.percent-calculator output{grid-column:1/-1}.test-result-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:650px){.global-footer{grid-template-columns:1fr;padding:30px 6%}.footer-contact{grid-column:auto}.study-tabs{gap:6px}.study-tabs button{padding:12px 10px;font-size:12px;flex:1}.demo-library{grid-template-columns:repeat(2,1fr)}.question-palette{grid-template-columns:repeat(5,1fr)}.test-result-grid strong{font-size:23px}.contact-grid{grid-template-columns:1fr}.info-main h1{font-size:33px}.header-course{font-size:10px;padding:9px 6px}.header-tools{flex-wrap:wrap}.course-intro{padding:23px}}
.note-reader{margin:18px 0;padding:16px;border:1px solid #cfe2ed;border-radius:16px;background:#f7fcff}.note-reader-head{display:flex;justify-content:space-between;align-items:center;color:#1c6689;font-size:13px;margin-bottom:8px}.note-progress-track{height:7px;background:#dcecf3;border-radius:99px;overflow:hidden}.note-progress-bar{height:100%;width:0;background:linear-gradient(90deg,#16a7c7,#36c58a);transition:width .2s}.note-scroll{max-height:68svh;overflow:auto;margin-top:14px;border-radius:10px;background:white;text-align:center}.note-scroll img{display:block;width:100%;height:auto}
.notes-progress-summary{margin-top:18px;padding:18px 20px;border-radius:14px;background:linear-gradient(120deg,#e8f8ff,#effff5);border:1px solid #c9e7e1;color:#145c76}.notes-progress-summary strong{font-size:18px}.notes-progress-summary p{margin:6px 0 0;font-size:12px;color:#587384}.pyq-feature{display:block;text-decoration:none;border:2px solid #b8e0f0;background:linear-gradient(120deg,#f5fcff,#e9f8ff)}
.paper-frame{width:100%;height:68svh;border:1px solid #c9deea;border-radius:14px;background:#edf2f7;margin:14px 0}.paper-language{display:flex;gap:10px}.paper-score-form{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:15px;border:1px solid #cfe2ed;border-radius:12px;background:#f5fbff}.paper-score-form input{padding:10px;border:1px solid #bdd6e4;border-radius:8px;max-width:220px}.paper-result{display:grid;gap:3px;color:#17678c}.paper-result strong{font-size:24px}
.practice-language-switch{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:16px;margin:4px 0 18px;border-radius:14px;background:linear-gradient(120deg,#eaf7ff,#f4fff9);border:1px solid #c5e2ed}.practice-language-switch strong{margin-right:auto;color:#164e70}.practice-language-switch button{border:1px solid #a9ccdc;background:#fff;color:#175b7c;padding:10px 16px;border-radius:999px;font-weight:700}.practice-language-switch button.active{background:#0d719d;color:#fff;border-color:#0d719d}.practice-language-badge{display:inline-block;margin-bottom:10px;padding:5px 10px;border-radius:999px;background:#d9f3ff;color:#0d6489;font-size:10px;font-weight:800;letter-spacing:.05em}.resource-card[data-practice-language="hi"] .practice-language-badge{background:#fff1c9;color:#875b00}

/* ---------- Full-screen study mode ---------- */
.study-mode{position:fixed;inset:0;z-index:60;display:flex;flex-direction:column;background:#f4f7fb;color:#10315c;font-family:Outfit,Arial,sans-serif}
.study-mode[hidden]{display:none}
body.study-mode-open{overflow:hidden}
body.study-mode-open .social-rail{display:none}
.study-mode-bar{display:flex;align-items:center;gap:14px;padding:9px 16px;background:#fff;border-bottom:1px solid #dce5ed;box-shadow:0 2px 12px #16375112;flex-wrap:wrap}
.study-mode-logo{width:36px;height:36px;border-radius:9px;object-fit:cover;flex-shrink:0}
.study-crumbs{display:flex;align-items:center;gap:2px;flex:1;min-width:0;flex-wrap:wrap;font-size:13.5px}
.study-crumbs .crumb{border:0;background:none;color:#176285;padding:7px 9px;border-radius:8px;font-size:13.5px;font-weight:500;cursor:pointer;white-space:nowrap}
.study-crumbs .crumb:hover{background:#e8f5ff;color:#07689c}
.study-crumbs .crumb.current{color:#10315c;font-weight:650}
.study-crumbs .sep{color:#9bb0c2;padding:0 2px;font-size:15px}
.study-mode-tabs{display:flex;gap:4px;background:#eef3f8;padding:4px;border-radius:12px;flex-shrink:0}
.study-mode-tabs button{border:0;background:transparent;color:#256280;padding:8px 14px;border-radius:9px;font-size:13px;font-weight:500;cursor:pointer;white-space:nowrap}
.study-mode-tabs button:hover{color:#07689c}
.study-mode-tabs button[aria-selected=true]{background:#0b709e;color:#fff}
.study-mode-actions{display:flex;gap:6px;align-items:center;flex-shrink:0}
.study-mode-actions a{font-size:12.5px;color:#176285;text-decoration:underline;padding:8px 6px;white-space:nowrap}
.study-mode-lang{border:1px solid #cbdfea;background:#fff;color:#145c81;border-radius:10px;padding:8px 12px;font-size:13px;cursor:pointer}
.study-mode-lang:hover{background:#e8f5ff}
.study-mode-close{border:1px solid #cbdfea;background:#fff;color:#145c81;border-radius:10px;padding:8px 14px;font-size:13px;font-weight:500;cursor:pointer}
.study-mode-close:hover{background:#e8f5ff;border-color:#8fc3de}
.study-mode-parts{display:flex;align-items:center;gap:8px;padding:8px 16px;background:#fff;border-bottom:1px solid #e3ebf1;overflow-x:auto}
.study-mode-parts .parts-label{font-size:12px;color:#6a7c8e;white-space:nowrap}
.study-mode-parts button{border:1px solid #cbdfea;background:#fff;color:#256280;border-radius:999px;padding:6px 12px;font-size:12px;white-space:nowrap;cursor:pointer}
.study-mode-parts button[aria-pressed=true]{background:#e2f2fb;border-color:#0b709e;color:#0b4f70;font-weight:600}
.study-mode-body{flex:1;min-height:0;display:flex}
.study-mode-body iframe{flex:1;width:100%;height:100%;border:0;background:#fff}
.study-mode-empty{margin:auto;text-align:center;color:#597286;padding:40px 24px;max-width:520px;line-height:1.7;font-size:15px;display:grid;gap:18px;justify-items:center}
@media(max-width:900px){.study-mode-logo{display:none}.study-crumbs{order:5;width:100%;flex:none;border-top:1px solid #e7edf2;padding-top:6px;margin-top:2px}}
@media(max-width:650px){.study-mode-bar{padding:8px 10px;gap:8px}.study-mode-tabs button{padding:7px 10px;font-size:12px}.study-mode-actions a{display:none}.study-crumbs .crumb{font-size:12.5px;padding:6px 7px}}

/* ---------- Social icon links (rail + footer) ---------- */
.icon-link{display:inline-flex;align-items:center;gap:8px;text-decoration:none}
.icon-link svg{width:18px;height:18px;fill:currentColor;flex-shrink:0}
.social-rail .icon-link{flex-direction:column;gap:3px;padding:8px 6px;border-radius:9px;font:10px Outfit,Arial,sans-serif;color:#1a5c81;min-width:52px}
.social-rail .icon-link svg{width:20px;height:20px}
.social-rail .icon-link:hover{background:#eef6fb;text-decoration:none}
.social-rail .youtube:hover{color:#e02a2a}.social-rail .whatsapp:hover{color:#1f9e4a}.social-rail .telegram:hover{color:#1e88c7}.social-rail .app:hover{color:#2c8f5a}
.footer-social{margin-top:22px}
.footer-social h3{font-size:14px;color:#ffd166;margin:0 0 10px;font-weight:600}
.footer-social-row{display:flex;flex-wrap:wrap;gap:8px}
.footer-social .icon-link{font-size:12px;color:#e4f3ff;border:1px solid #2f5a80;background:#0d3a63;border-radius:999px;padding:7px 12px 7px 9px;transition:background .2s,border-color .2s}
.footer-social .icon-link:hover{text-decoration:none;border-color:#7fb8dd;background:#124a7c}
.footer-social .youtube svg{color:#ff5a5a}.footer-social .whatsapp svg{color:#4fd27a}.footer-social .telegram svg{color:#5cc1ff}.footer-social .app svg{color:#8fe3b2}.footer-social .email svg{color:#ffd166}
@media(max-width:650px){.footer-social .icon-link{font-size:11px;padding:6px 10px 6px 8px}}
