/* MindQuest Level 1 English · Pastel Kids Theme
   Only loaded by level1/en/index.html and level1/en/practice.html.
   Educational content and Arabic site styling are unchanged. */
:root{color-scheme:light;--sky:#e8f4ff;--mint:#e7f8ee;--butter:#fff6da;--peach:#fff0e4;--lavender:#f1eaff;--blush:#ffedf2;--ink:#283657;--slate:#50617d;--line:#dbe5f5;--blue:#37649e;--purple:#6854a0;--green:#287469;--shadow:0 12px 38px rgba(64,75,130,.09)}
body.pastel-hub,body.pastel-practice{color:var(--ink);background:radial-gradient(circle at 0% 18%,#e7f7f7 0,transparent 25%),radial-gradient(circle at 100% 63%,#fff0e9 0,transparent 28%),linear-gradient(155deg,#f7faff,#fffafa 48%,#f2f9ff);}
body.pastel-hub a:focus-visible,body.pastel-practice :is(button,a):focus-visible{outline:3px solid #6d56a5;outline-offset:3px}
/* Adventure selection hub */
body.pastel-hub .hero{position:relative;overflow:hidden;background:radial-gradient(circle at 96% -35%,#ffd9e9 0,transparent 40%),radial-gradient(circle at 8% 110%,#e0f8e9 0,transparent 44%),linear-gradient(115deg,#e1eeff 0%,#f4edff 52%,#fff4e7 100%);color:var(--ink);border-bottom:3px solid #e2e2f9}
body.pastel-hub .hero:before{content:'✦ ✧';position:absolute;right:5%;top:94px;font-size:44px;letter-spacing:.6em;color:#d6b8eb;opacity:.75;pointer-events:none}
body.pastel-hub .hero:after{content:'';position:absolute;right:-72px;bottom:-115px;width:275px;height:275px;background:#fff0b7;opacity:.55;border-radius:50%;pointer-events:none}
body.pastel-hub .hero .wrap{position:relative;z-index:1}
body.pastel-hub nav a{background:#ffffffcf;border:1px solid #c5d9f4;color:#365c85;border-radius:15px;box-shadow:0 4px 12px #789cc110}
body.pastel-hub nav a:hover{background:#fff;border-color:#8aaedb}
body.pastel-hub .wordmark{color:#263a63}
body.pastel-hub .wordmark span{color:#677ba5}
body.pastel-hub .eyebrow{color:#694f9b;letter-spacing:.11em}
body.pastel-hub h1{color:#233f70;max-width:690px;line-height:1.2}
body.pastel-hub .subtitle{color:#455875;max-width:645px}
body.pastel-hub .meta span{background:#ffffffb8;color:#415783;border:1px solid #c9d9f1;box-shadow:0 3px 9px #536da50a}
body.pastel-hub .intro h2{color:#253e64}
body.pastel-hub .intro p{color:#54657d}
body.pastel-hub .grid{gap:20px}
body.pastel-hub .quest{--tile:var(--sky);--edge:#c8e0f8;--button:#315e98;background:linear-gradient(150deg,#fff 42%,var(--tile) 100%);border:2px solid var(--edge);border-top:7px solid var(--edge);border-radius:25px;box-shadow:var(--shadow);transition:transform .18s ease,box-shadow .18s ease, border-color .18s ease;position:relative;overflow:hidden}
body.pastel-hub .quest:nth-child(2){--tile:var(--lavender);--edge:#decdf9;--button:#7256a2}
body.pastel-hub .quest:nth-child(3){--tile:var(--mint);--edge:#bcead4;--button:#277366}
body.pastel-hub .quest:nth-child(4){--tile:var(--peach);--edge:#f5d6bc;--button:#865b42}
body.pastel-hub .quest:nth-child(5){--tile:var(--blush);--edge:#f7cddd;--button:#95546b}
body.pastel-hub .quest:nth-child(6){--tile:var(--butter);--edge:#f5e5a3;--button:#806027}
body.pastel-hub .quest:hover{box-shadow:0 17px 35px #6279aa1f;transform:translateY(-4px)}
body.pastel-hub .qicon{background:var(--tile);border:1px solid var(--edge);border-radius:17px;width:59px;height:59px;box-shadow:0 4px 12px #4f5d9a13}
body.pastel-hub .qtop span{color:#61728c}
body.pastel-hub .quest h2{color:#293b5c}
body.pastel-hub .quest p{color:#526582}
body.pastel-hub .quest a{background:var(--button);border-radius:14px;padding:13px 15px;color:white;box-shadow:0 5px 12px #2c305220}
body.pastel-hub .quest a:hover{background:var(--button);filter:brightness(1.1)}
body.pastel-hub .footnote{background:#fffaf0;border:1px solid #f1dfb6;color:#665b52;border-radius:17px}
body.pastel-hub .offline{color:#226f67}
body.pastel-hub footer{color:#5a6b85}body.pastel-hub footer a{color:#3c6097}
/* Interactive quiz */
body.pastel-practice .shell{max-width:1110px}
body.pastel-practice .hero{position:relative;overflow:hidden;color:var(--ink);background:radial-gradient(circle at 96% 115%,#ffdce9 0%,transparent 33%),radial-gradient(circle at -2% -8%,#cfefdf 0%,transparent 40%),linear-gradient(115deg,#dfecff,#f1e8ff 54%,#fff3db);border:2px solid #e0dff1;box-shadow:var(--shadow);border-radius:26px}
body.pastel-practice .hero:after{content:'✦';position:absolute;right:24px;top:0;font-size:72px;line-height:1;color:#f2cb84;opacity:.56;pointer-events:none}
body.pastel-practice .hero h1{color:#2d497d;line-height:1.17}
body.pastel-practice .hero p{color:#4d607d}
body.pastel-practice .pill{color:#6b529e}
body.pastel-practice .countbox{background:#ffffffbb;color:#344c79;border:1px solid #c5d7f0;border-radius:17px;box-shadow:0 4px 11px #6c7fba12;font-size:15px;font-weight:900}
body.pastel-practice .crumbs a{color:#385d87;background:#fff;border:1px solid #d2dff0;border-radius:13px}
body.pastel-practice .crumbs a:hover{background:var(--sky)}
body.pastel-practice .crumb-brand{color:#61749a}
body.pastel-practice .tabs{gap:10px}
body.pastel-practice .tab{--tab-bg:var(--sky);--tab-border:#cbdff9;--tab-edge:#547fbe;color:#2d456b;background:var(--tab-bg);border:2px solid var(--tab-border);border-radius:17px;padding:14px 13px;transition:transform .15s ease,box-shadow .15s ease}
body.pastel-practice .tab:nth-child(2){--tab-bg:var(--lavender);--tab-border:#e0d5f3;--tab-edge:#836ac6}
body.pastel-practice .tab:nth-child(3){--tab-bg:var(--mint);--tab-border:#c1ead6;--tab-edge:#489e7e}
body.pastel-practice .tab:nth-child(4){--tab-bg:var(--peach);--tab-border:#f4d8c3;--tab-edge:#cc8869}
body.pastel-practice .tab:nth-child(5){--tab-bg:var(--blush);--tab-border:#f2d2df;--tab-edge:#c77692}
body.pastel-practice .tab:nth-child(6){--tab-bg:var(--butter);--tab-border:#eedfae;--tab-edge:#c29a44}
body.pastel-practice .tab:hover{transform:translateY(-2px);box-shadow:0 5px 14px #576b9d18}
body.pastel-practice .tab.active{background:var(--tab-bg);border-color:var(--tab-edge);box-shadow:inset 0 0 0 1px var(--tab-edge),0 5px 15px #7382a61c}
body.pastel-practice .tab small{color:#50627c}
body.pastel-practice .progress{height:12px;background:#e3e6f5;border:1px solid #d7d9ee;border-radius:30px}
body.pastel-practice .progress>div{background:linear-gradient(90deg,#86c8f7 0%,#c4adef 50%,#93dac1 100%);border-radius:30px}
body.pastel-practice .quiz{border:2px solid #dfdff2;border-top:6px solid #cfc0ee;border-radius:24px;box-shadow:var(--shadow)}
body.pastel-practice .qnum{color:#5d548c}
body.pastel-practice .difficulty{color:#5e5682;background:#f4ecff;border:1px solid #e4d7fa}
body.pastel-practice .question{color:#27385f}
body.pastel-practice .skill{color:#627699}
body.pastel-practice .passage{background:#fff9e9;border-left:5px solid #efca87;color:#454d66;border-radius:13px}
body.pastel-practice .qvisual{background:linear-gradient(140deg,#f8fcff,#fffbff);border:2px solid #e2e9f5;border-radius:20px}
body.pastel-practice .option{border:2px solid #d5e1f3;color:#263858;border-radius:17px;background:#f4f9ff;box-shadow:0 2px 7px #3c597408;transition:background .14s ease,border-color .14s ease,transform .14s ease}
body.pastel-practice .option:nth-child(2){background:#f7f2ff;border-color:#e0d9ef}
body.pastel-practice .option:nth-child(3){background:#f1fbf5;border-color:#d1ecdd}
body.pastel-practice .option:nth-child(4){background:#fff7ed;border-color:#f0e1ce}
body.pastel-practice .option:hover:not(:disabled){transform:translateX(2px);background:#fff;border-color:#9baddd}
body.pastel-practice .options .option.selected{background:#eaeffc;border-color:#657fbf;box-shadow:0 0 0 2px #708ddf20}
body.pastel-practice .options .option.correct{background:#e5f8ed;border-color:#2e956f;box-shadow:0 0 0 1px #2e956f22}
body.pastel-practice .options .option.wrong{background:#ffebef;border-color:#c85473;box-shadow:0 0 0 1px #c8547322}
body.pastel-practice .letter{background:#fff;border:1px solid #dce6f0;color:#355380;border-radius:11px;min-width:36px;height:36px}
body.pastel-practice .option.correct .letter{color:#1f6d53;border-color:#8dcbb0}
body.pastel-practice .option.wrong .letter{color:#a43e58;border-color:#e5aabc}
body.pastel-practice .feedback{background:#e9f9f1;border-left:5px solid #29946e;border-radius:13px;color:#274e42}
body.pastel-practice .feedback.bad{background:#fff0f1;border-color:#c95b70;color:#74394d}
body.pastel-practice .btn{background:#416aa7;color:#fff;border-radius:13px;box-shadow:0 5px 11px #5268a823}
body.pastel-practice .btn:hover:not(:disabled){background:#305b9b}
body.pastel-practice .btn.secondary{background:#f5eeff;color:#594480;border:1px solid #d9c5f0;box-shadow:none}
body.pastel-practice .btn.secondary:hover:not(:disabled){background:#ebdfff}
body.pastel-practice .side{background:#fffdfa;border:2px solid #f1e5cc;border-radius:20px;box-shadow:0 8px 24px #8d7e5410}
body.pastel-practice .side h3{color:#405b7e}
body.pastel-practice .num{background:#f5f5ff;border:1px solid #deddf3;color:#4c567b;border-radius:11px}
body.pastel-practice .num.current{outline:3px solid #8e76ce;outline-offset:1px;background:#f0eafa}
body.pastel-practice .num.done{background:#e8f8ee;border-color:#94d4b0;color:#235c4b}
body.pastel-practice .num.incorrect{background:#fff0f0;border-color:#e7aab3;color:#a14d5d}
body.pastel-practice .section-score{background:#e9f7f3;color:#316a63;border:1px solid #d0e8df}
body.pastel-practice .results{border:2px solid #d7c8f0;border-radius:22px;background:linear-gradient(110deg,#fff,#f4eaff)}
body.pastel-practice .results strong{color:#6951a5}
body.pastel-practice .small-note,body.pastel-practice .side-note{color:#66728a}
body.pastel-practice .number-strip span,body.pastel-practice .operation-strip span{background:#eaf3ff;color:#315c90;border:1px solid #dce8f9;border-radius:12px}
body.pastel-practice .logic-grid{border-color:#d8dcf1;background:#fcfbff}
body.pastel-practice .logic-grid .missing{color:#7a60a8;background:#f2eafa}
body.pastel-practice .book-table th{background:#ecf4ff}
body.pastel-practice .visual-card{border-color:#e0ddec;border-radius:14px}
@media(max-width:650px){body.pastel-practice .hero{padding:21px 18px}body.pastel-practice .tab{padding:11px 9px}body.pastel-practice .quiz{padding:16px}body.pastel-hub .hero:before{font-size:31px;top:75px;right:0}body.pastel-hub .hero:after{width:165px;height:165px;right:-70px;bottom:-90px}}
@media(prefers-reduced-motion:reduce){body.pastel-hub .quest,body.pastel-practice .tab,body.pastel-practice .option{transition:none}body.pastel-hub .quest:hover,body.pastel-practice .tab:hover,body.pastel-practice .option:hover{transform:none}}