/* MindQuest | Shared Pastel Kids visual theme for Arabic pages
   Visual-only CSS; answer banks, diagrams, scripts and interactions are untouched.
   English pages continue to use level1/en/pastel-kids.css. */
body.mq-pastel-ar{
  color-scheme:light;
  --sky:#e8f4ff; --mint:#e7f8ee; --butter:#fff6da; --peach:#fff0e4;
  --lavender:#f1eaff; --blush:#ffedf2;
  --ink:#273858;--slate:#50617d;--line:#dbe5f5;
  --blue:#37649e;--purple:#6854a0;--green:#287469;
  --bg:#f6f9ff;--paper:#fff;--border:#dbe4f2;
  --muted:#50617d;--teal:#347b9a;--navy:#324e7d;
  --white:#273858;
  --shadow:0 12px 30px rgba(63,75,132,.08);
  color:var(--ink);
  background:radial-gradient(circle at 2% 12%,#e3f8f2 0%,transparent 30%),
    radial-gradient(circle at 95% 42%,#fff0e5 0%,transparent 32%),
    linear-gradient(155deg,#f8fbff,#fffaff 56%,#f1faff);
}
body.mq-pastel-ar a:focus-visible,body.mq-pastel-ar button:focus-visible,
body.mq-pastel-ar input:focus-visible,body.mq-pastel-ar [tabindex]:focus-visible{
  outline:3px solid #6953a1;outline-offset:3px;
}
body.mq-pastel-ar :is(button,.button,.btn,a,.choice,.card,.world,.language-tile){
  -webkit-tap-highlight-color:transparent;
}
/* Shared identity banner on the Arabic practice pages */
body.mq-pastel-ar .mn-ribbon{
  background:linear-gradient(110deg,#e4edff,#f1eaff 55%,#e7f8ee);
  color:#293e69!important;
  border-bottom:2px solid #d7d6f4;
  box-shadow:0 3px 12px #6d78b019;
}
body.mq-pastel-ar .mn-ribbon strong{color:#284474;}
body.mq-pastel-ar .mn-ribbon span{color:#69539b;}
body.mq-pastel-ar .mn-ribbon-back{
  color:#385b87!important;background:#ffffffdd;
  border:1px solid #cddbf1;border-radius:11px;
}
body.mq-pastel-ar .mn-ribbon a:hover{background:#fff!important;}
/* Site landing page */
body.mq-ar-home .brand strong,body.mq-ar-home .hero h1{color:#2e4775;}
body.mq-ar-home .brand small{color:#65549a;}
body.mq-ar-home .logo{background:linear-gradient(135deg,#e8efff,#e7fff6);border-color:#b9d4ec;box-shadow:0 6px 17px #7b98ba2e;}
body.mq-ar-home .top-actions .btn{background:#ffffffdc;color:#35527e;border:1px solid #c6daef;}
body.mq-ar-home .top-actions .btn.primary{background:#37649e;color:#fff;border-color:#37649e;}
body.mq-ar-home .kicker{background:#f2eaff;color:#6b509b;border:1px solid #e3d1f4;}
body.mq-ar-home .hero h1 .accent{color:#7657a8;}
body.mq-ar-home .hero h1 .aqua{color:#347d87;}
body.mq-ar-home .hero p{color:#495b7b;}
body.mq-ar-home .pill{background:#fff;border:1px solid #dae2f0;box-shadow:0 4px 14px #8692b31a;}
body.mq-ar-home .pill b{color:#2d4e84;}
body.mq-ar-home .pill span{color:#546783;}
body.mq-ar-home .notice{background:#fffdfb;color:#495976;border:1px solid #e9e0e9;box-shadow:0 6px 20px #697ab510;}
body.mq-ar-home .notice strong{color:#283c65;}
body.mq-ar-home .notice .em{color:#6552a0;}
body.mq-ar-home .quest-board{
  background:linear-gradient(145deg,#f4edff,#e9f4ff 55%,#e8f8ef);
  border:2px solid #d9d2f1;box-shadow:0 18px 38px #607ea21f;
}
body.mq-ar-home .map-title b,body.mq-ar-home .side-cards b{color:#2c4778;}
body.mq-ar-home .map-title span{color:#4c6783;}
body.mq-ar-home .path-area{background:linear-gradient(140deg,#fff,#f1f6ff);border-color:#c8d7ee;}
body.mq-ar-home .marker{background:linear-gradient(145deg,#e5f3ff,#f2edff);border-color:#cbdaf1;color:#36517b;box-shadow:0 7px 18px #7892bc2e;}
body.mq-ar-home .marker span{color:#4e6785;}
body.mq-ar-home .world{
  --tile:var(--sky);--edge:#c5dcf7;
  background:linear-gradient(145deg,#fff 36%,var(--tile));
  border:2px solid var(--edge);border-top:7px solid var(--edge);
  box-shadow:var(--shadow);color:var(--ink);
}
body.mq-ar-home .world:nth-child(2){--tile:var(--lavender);--edge:#dacbf0;}
body.mq-ar-home .world:nth-child(3){--tile:var(--mint);--edge:#bde6d4;}
body.mq-ar-home .world-number{color:#6455a1;}
body.mq-ar-home .world h3{color:#293d63;}
body.mq-ar-home .world p{color:#536482;}
body.mq-ar-home .chips span{background:#ffffffb8;border-color:#d7e0ef;color:#415675;}
body.mq-ar-home .world .go{background:#37649e;color:#fff;}
body.mq-ar-home .world .go.alt{background:#7056a4;color:#fff;}
body.mq-ar-home .world .go.last{background:#28776f;color:#fff;}
body.mq-ar-home .world .go.english-quest{background:#ecf2ff!important;color:#355e98!important;border:1px solid #c9d9f2!important;}
body.mq-ar-home .section-head h2{color:#283e66;}
body.mq-ar-home .section-head p{color:#586987;}
body.mq-ar-home .telegram{background:linear-gradient(110deg,#e5f2ff,#e9f8ef);border:2px solid #c5dced;color:#2e466d;}
body.mq-ar-home .telegram p{color:#556888;}
body.mq-ar-home .telegram .btn:not(.primary){color:#365985;background:#fff;border-color:#cbdcec;}
body.mq-ar-home .footer-note{background:#fff9ee;border-color:#f0dfb8;color:#594f59;}
body.mq-ar-home .foot{color:#64718a;}
body.mq-ar-home .foot a{color:#346393;}
/* Arabic adventure selection for levels 1 and 2 */
body.mq-ar-hub .head{
  background:radial-gradient(circle at 8% -30%,#e3fff1,transparent 44%),
  radial-gradient(circle at 97% 120%,#ffe6f2,transparent 40%),
  linear-gradient(115deg,#dceaff,#f1e7ff 55%,#fff3df);
  border-bottom:2px solid #d9d9f2;color:#273d64;
}
body.mq-ar-hub .top a{background:#ffffffd8;border-color:#c9d9f2;color:#395b89;}
body.mq-ar-hub .wordmark{color:#345c8a;}
body.mq-ar-hub .wordmark span{color:#68559a;}
body.mq-ar-hub .eyebrow{color:#73539a;}
body.mq-ar-hub .head h1{color:#2d4878;}
body.mq-ar-hub .head p{color:#4d6281;}
body.mq-ar-hub .sheet{background:#fffefa;border:2px solid #dcdff2;box-shadow:0 16px 38px #687cb01b;color:#283b5b;}
body.mq-ar-hub .overview h2{color:#2e476f;}
body.mq-ar-hub .overview p{color:#5c6f87;}
body.mq-ar-hub .overview .badge{background:var(--mint);color:#276f62;border-color:#c1e9d5;}
body.mq-ar-hub .card{
  --tile:var(--sky);--edge:#c8ddf6;--action:#36649b;
  background:linear-gradient(155deg,#fff 42%,var(--tile) 100%);
  border:2px solid var(--edge);border-top:6px solid var(--edge);border-radius:21px;
  box-shadow:0 5px 16px #7386a416;color:#273b5d;
}
body.mq-ar-hub .card:nth-child(2){--tile:var(--lavender);--edge:#e0d3f8;--action:#6e59a5;}
body.mq-ar-hub .card:nth-child(3){--tile:var(--mint);--edge:#bde6d1;--action:#28766c;}
body.mq-ar-hub .card:nth-child(4){--tile:var(--peach);--edge:#f1d7c2;--action:#8b6250;}
body.mq-ar-hub .card:nth-child(5){--tile:var(--blush);--edge:#f4cfdb;--action:#98516e;}
body.mq-ar-hub .card:nth-child(6){--tile:var(--butter);--edge:#efe1b4;--action:#866328;}
body.mq-ar-hub .card:hover{border-color:var(--action);box-shadow:0 11px 25px #697da41e;}
body.mq-ar-hub .icon{background:var(--tile);border:1px solid var(--edge);border-radius:15px;}
body.mq-ar-hub .card small{color:#5d548e;}
body.mq-ar-hub .card p{color:#536683;}
body.mq-ar-hub .card a{background:var(--action);color:#fff;border-radius:13px;}
body.mq-ar-hub .notice{background:#fff8e6;border:1px solid #eee0b9;color:#675b55;}
body.mq-ar-hub .footer{color:#667995;}
body.mq-ar-hub .footer a{color:#37658f;}
body.mq-ar-hub .language-choice{background:linear-gradient(115deg,#e4f1ff,#f1e7ff);border:2px solid #d4d2ee;color:#30446e;}
body.mq-ar-hub .language-intro h2{color:#2e4b77;}
body.mq-ar-hub .language-intro p{color:#586b89;}
body.mq-ar-hub .language-tile{border:2px solid #cbdcec;background:#fff;color:#294767!important;}
body.mq-ar-hub .language-tile.english{background:var(--mint);border-color:#a9e4c9;}
body.mq-ar-hub .language-icon{background:var(--lavender);color:#7255a1;}
/* Arabic practice: levels 1 and 2 */
body.mq-ar-quiz header{
  background:radial-gradient(circle at 100% 0,#ffebf6 0%,transparent 38%),
  radial-gradient(circle at 0% 100%,#ddf6ed 0%,transparent 38%),
  linear-gradient(115deg,#dce9ff,#eee9ff 54%,#fff3e3);
  color:#2c4571;border-bottom:2px solid #d8dcf0;box-shadow:0 6px 18px #7b8bb71e;
}
body.mq-ar-quiz header :is(h1,small){color:#2b4675;opacity:1;}
body.mq-ar-quiz header p{color:#54678a;opacity:1;}
body.mq-ar-quiz header a{color:#38639a!important;}
body.mq-ar-quiz .paper{background:#fff;border:2px solid #dfe0f3;border-radius:24px;box-shadow:var(--shadow);}
body.mq-ar-quiz .pill{background:var(--lavender);color:#665095;border-color:#dfd1f4;}
body.mq-ar-quiz .button{background:#416da8;border:1px solid #416da8;border-radius:13px;color:#fff;}
body.mq-ar-quiz .button:hover:not(:disabled){background:#315992;opacity:1;}
body.mq-ar-quiz .button.alt{background:#f2eaff;color:#57477d;border-color:#d9c8ee;}
body.mq-ar-quiz .button.alt:hover:not(:disabled){background:#e9dafa;}
body.mq-ar-quiz .selectrow label{background:#f5f0ff;border-color:#e3d9f1;color:#334869;}
body.mq-ar-quiz .selectrow label:nth-child(2){background:#ecf8f3;border-color:#c8e9da;}
body.mq-ar-quiz input[type=radio]{accent-color:#7058a9;}
body.mq-ar-quiz .stat{background:#f0f6ff;border:1px solid #d4e2f9;border-radius:15px;}
body.mq-ar-quiz .stat:nth-child(2){background:#f2edff;border-color:#e5dafa;}
body.mq-ar-quiz .stat:nth-child(3){background:#e9f8f0;border-color:#cfeedd;}
body.mq-ar-quiz .stat b{color:#40659c;}
body.mq-ar-quiz .progress{background:#e6e9f6;border:1px solid #dbdded;height:12px;}
body.mq-ar-quiz .progress>div{background:linear-gradient(90deg,#86c8f7,#c1adf0,#8dd8bb);}
body.mq-ar-quiz .question{color:#283a5d;}
body.mq-ar-quiz :is(.diagram,.figure){background:#fbfdff;border:2px solid #e3e7f3;border-radius:17px;}
body.mq-ar-quiz .passage{background:#fff9e9;border-right:5px solid #eac785;color:#384562;}
body.mq-ar-quiz .choice{
  background:#f2f7ff;color:#27395c;border:2px solid #d5e1f6;
  border-radius:17px;transition:background .13s,border-color .13s,transform .13s;
}
body.mq-ar-quiz .choice:nth-child(2){background:#f5f1ff;border-color:#e2d8f5;}
body.mq-ar-quiz .choice:nth-child(3){background:#f0faf5;border-color:#cfe7dc;}
body.mq-ar-quiz .choice:nth-child(4){background:#fff8ec;border-color:#f2dfc5;}
body.mq-ar-quiz .choice:hover:not(:disabled){background:#fff;border-color:#7c90c4;transform:translateY(-1px);}
body.mq-ar-quiz .choice.selected{background:#eaf0ff;border-color:#657fb8;}
body.mq-ar-quiz .choice.good,body.mq-ar-quiz .choice.correct{background:#e6f7ed;border-color:#2b946b;color:#205c46;}
body.mq-ar-quiz .choice.bad,body.mq-ar-quiz .choice.wrong{background:#ffedf1;border-color:#c95673;color:#85334a;}
body.mq-ar-quiz .choice strong{background:#fff;border:1px solid #d6dfed;color:#3a5984;border-radius:10px;}
body.mq-ar-quiz .choice.good strong,body.mq-ar-quiz .choice.correct strong{color:#207255;border-color:#90cfb2;}
body.mq-ar-quiz .choice.bad strong,body.mq-ar-quiz .choice.wrong strong{color:#9a4058;border-color:#e7acba;}
body.mq-ar-quiz .feedback{background:#e9f9f0;color:#275743;border-color:#9ed7ba;}
body.mq-ar-quiz .feedback.bad{background:#ffeff2;color:#803448;border-color:#f1b9c7;}
body.mq-ar-quiz .result-score{color:#67519d;}
body.mq-ar-quiz .answer-review{background:#f8fbff;border-color:#dce4f2;}
body.mq-ar-quiz .footer{color:#64758b;}
/* Level 3 SPA: stable classes plus dynamic quiz components */
body.mq-ar-l3 header{background:#fffafc;border-bottom:1px solid #dfe2f2;}
body.mq-ar-l3 .logo{background:linear-gradient(135deg,#deeaff,#e6f5ed);color:#526c9d;border-radius:17px;}
body.mq-ar-l3 .brandtext b{color:#2d4a7d;}
body.mq-ar-l3 .brandtext small{color:#596c87;}
body.mq-ar-l3 .nav-btn{background:#fff;border:1px solid #d5e0f2;color:#38608c;}
body.mq-ar-l3 .nav-btn.active{background:#6754a0;color:#fff;border-color:#6754a0;}
body.mq-ar-l3 .hero{
  background:radial-gradient(circle at 95% 105%,#ffe6ef,transparent 35%),
  radial-gradient(circle at 0% 0%,#e4fff1,transparent 40%),
  linear-gradient(125deg,#dceaff,#eee8ff 56%,#fff3df);
  border:2px solid #d8dcf4;color:#2d4576;border-radius:23px;
}
body.mq-ar-l3 .hero h1{color:#2b4775;}
body.mq-ar-l3 .hero p,body.mq-ar-l3 .eyebrow{color:#586d8a;}
body.mq-ar-l3 .hero-pill{background:#fff9;color:#435c83;border-color:#d4deee;}
body.mq-ar-l3 .stat{background:#fff;border:1px solid #dce3f3;}
body.mq-ar-l3 .stat:nth-child(2){background:#f5efff;}
body.mq-ar-l3 .stat:nth-child(3){background:#edfaf1;}
body.mq-ar-l3 .card{
  --tile:var(--sky);--edge:#c9def7; background:linear-gradient(150deg,#fff 38%,var(--tile));
  border:2px solid var(--edge);border-top:6px solid var(--edge);border-radius:22px;
}
body.mq-ar-l3 .card:nth-child(2){--tile:var(--lavender);--edge:#e0d2f7;}
body.mq-ar-l3 .card:nth-child(3){--tile:var(--mint);--edge:#c1e8d2;}
body.mq-ar-l3 .card:nth-child(4){--tile:var(--peach);--edge:#f0d6bc;}
body.mq-ar-l3 .card:nth-child(5){--tile:var(--blush);--edge:#f5d4e2;}
body.mq-ar-l3 .card:nth-child(6){--tile:var(--butter);--edge:#f3e3b5;}
body.mq-ar-l3 .card:hover{border-color:#aabadd;}
body.mq-ar-l3 .btn{background:#406da6;color:#fff;border-radius:13px;}
body.mq-ar-l3 .btn:hover:not(:disabled){filter:brightness(.95);}
body.mq-ar-l3 .btn.light,body.mq-ar-l3 .btn.outline{background:#f1edff;color:#665192;border:1px solid #d6c9ed;}
body.mq-ar-l3 .btn.danger{background:#fff1ef;color:#ad475d;border-color:#ebc2c9;}
body.mq-ar-l3 .mode-box,body.mq-ar-l3 .question-card,body.mq-ar-l3 .review{border:2px solid #e0dff3;border-radius:23px;background:#fff;box-shadow:var(--shadow);}
body.mq-ar-l3 .mode-option{border:2px solid #dce2f4;background:#f4f7ff;border-radius:15px;}
body.mq-ar-l3 .mode-option:nth-child(2){background:#ecf9f3;border-color:#cde9da;}
body.mq-ar-l3 .notice{background:#f1f0ff;border:1px solid #ded8ee;color:#5d5480;}
body.mq-ar-l3 .notice.warn{background:#fff8e6;border-color:#e9d8ac;color:#765d3f;}
body.mq-ar-l3 .tag{background:#f1edff;border-color:#ded0f4;color:#635193;}
body.mq-ar-l3 .graphic{background:#fbfdff;border:2px solid #e0e7f5;}
body.mq-ar-l3 .passage{background:#fff9e8;border-right:5px solid #efca85;}
body.mq-ar-l3 .data-tbl th,body.mq-ar-l3 .report-table th{background:#edf3ff;}
body.mq-ar-l3 .choice{background:#f3f8ff;border:2px solid #d5e2f5;color:#2c3e60;border-radius:16px;}
body.mq-ar-l3 .choice:nth-child(2){background:#f7f2ff;border-color:#e1d6f4;}
body.mq-ar-l3 .choice:nth-child(3){background:#eefaf3;border-color:#cce9db;}
body.mq-ar-l3 .choice:nth-child(4){background:#fff8ed;border-color:#efe0cb;}
body.mq-ar-l3 .choice:hover:not(:disabled){background:#fff;border-color:#778bca;}
body.mq-ar-l3 .choice.selected{background:#e8f0ff;border-color:#5d79b5;}
body.mq-ar-l3 .choice.correct{background:#e3f8ed;border-color:#2d956c;color:#1e5b43;}
body.mq-ar-l3 .choice.wrong{background:#ffedf0;border-color:#cb5976;color:#8c354c;}
body.mq-ar-l3 .choice-key{background:#fff;border:1px solid #d6e0f0;color:#355c8c;}
body.mq-ar-l3 .feedback{background:#eafaf0;border-color:#a8dabc;color:#295b44;}
body.mq-ar-l3 .feedback.bad{background:#fff1f3;border-color:#efbcca;color:#87394d;}
body.mq-ar-l3 .bar{background:#e5eaf6;height:10px;}
body.mq-ar-l3 .bar-inner{background:linear-gradient(90deg,#83c5f5,#bea6ed,#89d7be);}
body.mq-ar-l3 .result-hero{background:linear-gradient(115deg,#e4eeff,#f1e7ff,#e7f6ed);border:2px solid #d7d8f4;color:#2a4977;}
body.mq-ar-l3 .result-hero :is(h1,p){color:#38527f;}
body.mq-ar-l3 footer{background:#fffdfd;color:#697a92;border-top-color:#e1e6f2;}
/* Special Level 3 science test */
body.mq-ar-science header{background:linear-gradient(115deg,#e4efff,#f1eaff 55%,#fff6e7);color:#2b4572;border-bottom:2px solid #dedaf2;}
body.mq-ar-science header p{color:#536886;}
body.mq-ar-science .panel{border:2px solid #dce2f2;border-radius:22px;box-shadow:var(--shadow);}
body.mq-ar-science .tag{background:#f1eaff;color:#66519a;}
body.mq-ar-science .bar{background:#e5e8f5;}
body.mq-ar-science .bar>div{background:linear-gradient(90deg,#8ac6f5,#b8abed,#91d7b9);}
body.mq-ar-science .figure{background:#fbfdff;border:2px solid #e0e8f5;}
body.mq-ar-science .choice{background:#f4f8ff;border:2px solid #d4e0f2;border-radius:16px;color:#293c60;}
body.mq-ar-science .choice:nth-child(2){background:#f7f2ff;border-color:#e1d6f1;}
body.mq-ar-science .choice:nth-child(3){background:#eefaf5;border-color:#cee8dc;}
body.mq-ar-science .choice:nth-child(4){background:#fff8ed;border-color:#f0dfc6;}
body.mq-ar-science .choice.selected{background:#eaf0ff;border-color:#667db6;}
body.mq-ar-science .choice.correct{background:#e7f9ef;border-color:#2d966e;color:#275642;}
body.mq-ar-science .choice.wrong{background:#ffedf1;border-color:#ca5572;color:#8b374b;}
body.mq-ar-science .choice>span:first-child{background:#fff;border:1px solid #dae2ee;color:#355b8b;}
body.mq-ar-science .feedback{background:#eaf9f0;border-color:#a8dbc0;}
body.mq-ar-science .feedback.bad{background:#fff0f3;border-color:#f0bfce;}
body.mq-ar-science .action{background:#416ca6;color:#fff;border-radius:13px;}
body.mq-ar-science .action.secondary{background:#f2ecff;color:#614e93;border:1px solid #d9cbf0;}
body.mq-ar-science .mode{background:#f4f7ff;border:2px solid #dae2f4;}
body.mq-ar-science .mode.selected{background:#eaf8f0;border-color:#70b89e;}
body.mq-ar-science .result{color:#6653a2;}
body.mq-ar-science .footer{color:#65778b;}
body.mq-ar-science .footer a{color:#3a6595;}
/* Mobile usability and motion accessibility */
@media(max-width:600px){
 body.mq-ar-quiz .paper{padding:15px;}
 body.mq-ar-hub .sheet{padding:15px;}
 body.mq-ar-l3 .hero{padding:21px 18px;}
 body.mq-ar-l3 .choice{min-height:72px;}
 body.mq-pastel-ar .mn-ribbon{gap:5px;}
}
@media(prefers-reduced-motion:reduce){
 body.mq-pastel-ar :is(.card,.choice,.button,.btn,.world){transition:none!important;transform:none!important;}
}