:root{--navy:#102f4e;--ink:#183d58;--teal:#0e969f;--sub:#637e91;--line:#d4e5ec;--bg:#f3f8fc;--violet:#6554ae;--gold:#d69b43}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.8 Tahoma,'Noto Sans Arabic','Segoe UI',Arial,sans-serif;direction:rtl}
button,a{font:inherit}a{color:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid #ecb64a;outline-offset:3px}.wrap{width:min(1050px,calc(100% - 26px));margin-inline:auto}
.mast{background:linear-gradient(115deg,#0a2440,#174c67);color:#fff;padding:17px 0 31px}.topnav{display:flex;justify-content:space-between;align-items:center;gap:13px}.topnav a{text-decoration:none;border:1px solid #718da1;border-radius:10px;padding:7px 13px;color:#e8f9ff;font-size:13px;font-weight:800}.brand{font-size:18px;font-weight:900}.brand small{display:block;font-size:11px;color:#a1dee5;font-weight:500}.mast h1{font-size:clamp(23px,4vw,33px);margin:19px 0 3px}.mast p{color:#d2e2ea;margin:0;font-size:14px}.main{margin-top:-12px;padding-bottom:36px}
.panel{background:#fff;border:1px solid var(--line);border-radius:20px;padding:clamp(15px,3vw,25px);box-shadow:0 7px 22px #14405c0d;margin:0 0 13px}.section-kicker{color:#0d878a;font-weight:900;font-size:12px}.lead{max-width:800px;color:var(--sub);margin:4px 0 14px}.path-row{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:15px 0}.step{border:1px solid #d4e2ef;background:#f1f6fb;border-radius:999px;color:var(--ink);padding:6px 13px;font-size:13px;font-weight:900}.step.active{background:#e0f4ee;color:#086977;border-color:#a0dbd3}.stats{display:flex;align-items:center;flex-wrap:wrap;gap:12px;color:var(--sub);font-size:13px}.progress{height:8px;background:#e7eef2;border-radius:20px;overflow:hidden;flex:1;min-width:170px}.progress>span{display:block;height:100%;background:#0e9ea3;width:0;transition:width .3s}.curriculum{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}.lesson-card{padding:15px;text-align:right;border:1px solid #d8e7ee;border-radius:15px;background:linear-gradient(145deg,#f5fafc,#edf7f5);min-height:146px;display:flex;flex-direction:column;gap:4px;color:var(--ink);box-shadow:none}.lesson-card:nth-child(3n+2){background:linear-gradient(145deg,#f5f5ff,#eff3fe)}.lesson-card:nth-child(3n+3){background:linear-gradient(145deg,#fff9ed,#f8f5ef)}.lesson-card:hover{border-color:#0da0a3;transform:translateY(-1px)}.lesson-card strong{font-size:16px}.lesson-card small{color:var(--sub);font-size:12px}.lesson-emoji{font-size:23px}.lesson-chip{font-size:11px;font-weight:900;color:#3c6e80;margin-top:auto}
.lesson-head{display:flex;align-items:start;justify-content:space-between;gap:12px}.lesson-head h2{font-size:clamp(20px,3vw,28px);margin:3px 0 3px}.lesson-head p{color:var(--sub);margin:0}.btn{background:#0d9098;border:1px solid #0d9098;color:white;border-radius:12px;padding:9px 16px;min-height:44px;font-weight:900;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:5px}.btn.secondary{background:#f4f9fb;color:#34667f;border-color:#d2e4ed}.btn.ghost{background:#eef1ff;color:#5f4c9f;border-color:#dcd4fd}.btn:disabled{opacity:.46;cursor:not-allowed}.buttons{display:flex;gap:9px;flex-wrap:wrap;margin:14px 0 0}.buttons>.btn{min-width:120px}.stage-head{margin:22px 0 12px;font-size:20px}.study{border-radius:14px;padding:14px;background:#f3f9fc;border:1px solid #e0edf2;margin:12px 0}.idea{font-size:16px;margin:0}.tip{background:#fff7e7;border:1px solid #f4dfa8;border-radius:12px;padding:12px;margin-top:10px;color:#80531d;font-size:14px}.qa-question{font-size:17px;font-weight:900;line-height:1.95;margin:6px 0 12px}.diag{max-width:570px;margin:10px auto 16px;border:1px solid #d4e5ee;border-radius:16px;background:#fbfdff;padding:10px;overflow:hidden}.diag svg{display:block;width:100%;height:auto;max-height:365px;margin:auto}.diag-desc{font-size:11px;color:var(--sub);margin:5px 0 1px;text-align:center}.choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin:10px 0}.choice{display:flex;gap:8px;align-items:center;padding:12px 13px;min-height:54px;border:1px solid #cbdfeb;border-radius:12px;background:#fff;color:var(--ink);text-align:right}.choice:hover:not(:disabled){background:#f1fbfb}.choice span{display:inline-grid;place-items:center;min-width:29px;height:29px;border-radius:8px;background:#e7f3f6;font-weight:900}.choice.selected{border:2px solid #188f9c;background:#eaf8f8}.choice.correct{border:2px solid #138661;background:#e8f8ec}.choice.wrong{border:2px solid #c2645e;background:#fff0ef}.feedback{margin:13px 0;padding:12px 14px;border-radius:12px;background:#ebf9f3;border:1px solid #b9dfc9;color:#25644b}.feedback.bad{background:#fff4e9;border-color:#efd5b1;color:#8d592d}.feedback p{margin:5px 0}.steps{display:grid;gap:8px;margin:10px 0}.reason{background:#f5f9fe;border-right:4px solid #62adc7;border-radius:9px;padding:10px 12px}.small{font-size:12px;color:var(--sub)}.navgrid{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:14px}.pill{padding:4px 10px;background:#e7f7f5;color:#11727a;border-radius:30px;font-size:12px;font-weight:900}.quizscore{font-size:31px;font-weight:900;color:#0c858e}.quiznav{display:flex;flex-wrap:wrap;gap:7px;margin:11px 0}.quiznav button{border:1px solid #cedee7;background:white;border-radius:9px;min-width:43px;min-height:40px;color:var(--ink);font-weight:900}.quiznav button.active{background:#514b96;color:#fff}.quiznav button.done:not(.active){border-color:#80c4b6;background:#e8f7ef}.footer{border-top:1px solid #dbe7ee;padding-top:15px;color:var(--sub);font-size:12px;text-align:center}.footer a{margin-inline:6px}
@media(max-width:800px){.curriculum{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.curriculum{grid-template-columns:1fr}.choices{grid-template-columns:1fr}.buttons>.btn{flex:1}.mast h1{font-size:25px}.panel{border-radius:16px}.lesson-card{min-height:110px}.lesson-card strong{font-size:15px}.topnav .brand{font-size:14px}.diag{padding:5px}}

.diag-new{max-width:680px}.diag-new svg{max-height:none}.strategy{background:#ebf8fa;border-color:#b5dce2;color:#1a6172}.diag-new text{paint-order:stroke;stroke:#ffffff22;stroke-width:.3}

/* v1.3.2 – quiz navigation remains within the active question; example choices are interactive */
#test-question,.stage-head{scroll-margin-top:14px}
.study .choices{margin-top:12px}.study .choice:disabled{opacity:1;cursor:default}


/* v1.3.3 – اختيار الأشكال مباشرةً من الرسم (جميع المراحل والمستويات) */
.diagram-canvas{position:relative;width:100%;direction:ltr}
.diagram-canvas svg{display:block;width:100%;height:auto;max-height:none}
.diagram-answer{position:absolute;z-index:1;display:block;box-sizing:border-box;border:3px solid transparent;border-radius:9px;background:transparent;padding:0;appearance:none;cursor:pointer;touch-action:manipulation;transition:background-color .12s ease,border-color .12s ease,box-shadow .12s ease}
.diagram-answer:hover:not(:disabled){border-color:#0b9da8;background:rgba(0,164,171,.09);box-shadow:inset 0 0 0 2px rgba(255,255,255,.9)}
.diagram-answer:focus-visible{outline:4px solid #eeaa35;outline-offset:1px;border-color:#106b89;background:rgba(27,139,162,.1)}
.diagram-answer.selected{border-color:#117fa0;background:rgba(17,127,160,.11);box-shadow:inset 0 0 0 1px #fff}
.diagram-answer.correct{border-color:#0a945f;background:rgba(17,172,107,.12);box-shadow:inset 0 0 0 2px #fff}
.diagram-answer.wrong{border-color:#cb474e;background:rgba(220,75,80,.12);box-shadow:inset 0 0 0 2px #fff}
.diagram-answer:disabled{cursor:default;opacity:1}
.diagram-status{position:absolute;right:2px;bottom:2px;display:grid;place-items:center;border-radius:99px;width:29px;height:29px;background:#fff;color:#087b59;box-shadow:0 1px 6px #30475c44;font-size:21px;line-height:1;font-weight:900}
.diagram-answer.wrong .diagram-status{color:#b13443}
.diag-interactive .diag-desc{font-size:13px;color:#126b7c;font-weight:800}
@media (hover:none){.diagram-answer:active:not(:disabled){background:rgba(0,164,171,.15);border-color:#158c98}}
@media(max-width:560px){.diagram-answer{border-width:2px;border-radius:5px}.diagram-answer:focus-visible{outline-width:3px}.diagram-status{width:21px;height:21px;font-size:16px}.diag-interactive .diag-desc{font-size:12px}}

/* v1.3.4 – مفهوم المهارة، قاعدة واضحة في بطاقة، وتوضيح تطبيقي مناسب لكل مستوى */
.concept-guide{display:grid;gap:12px;margin:8px 0 20px}
.concept-guide>div{border-radius:15px;padding:14px 17px}
.concept-heading{display:block;font-weight:900;font-size:15px;margin-bottom:6px;color:#143e58}
.concept-guide p{margin:0;font-size:15px;line-height:2;color:#284c61}
.concept-definition{background:#f7fafd;border:1px solid #d6e5ef;border-right:5px solid #729eb9}
.concept-rule{background:linear-gradient(135deg,#e4f8f4,#ecf8fd);border:2px solid #6dbdc0;border-right:6px solid #119ba0;box-shadow:0 2px 9px #127f8e12}
.concept-rule .concept-heading{color:#086a74;font-size:17px}
.concept-rule p{font-size:16px;font-weight:750;color:#16475c}
.concept-clarification{background:#fbf7ff;border:1px solid #e3d7f5;border-right:5px solid #a78cce}
.concept-caution{background:#fff9ef;border:1px solid #eedbb7;font-size:13px;line-height:1.9;color:#795a2c}
.concept-caution .concept-heading{display:inline;color:#80531d;font-size:13px}
@media(max-width:560px){.concept-guide{gap:9px}.concept-guide>div{padding:12px}.concept-guide p{font-size:14px;line-height:1.95}.concept-rule p{font-size:15px}.concept-heading{font-size:14px}.concept-rule .concept-heading{font-size:16px}}

/* v1.3.6: visual composition/exact-cover exercises */
.diag-interactive .diagram-answer:focus-visible{outline:4px solid #0b8eaa;outline-offset:-3px}

/* v1.3.7: مكعب حقيقي ثلاثي الأبعاد في فقرة التأسيس؛ يعمل باللمس ولوحة المفاتيح */
.cube-teaching{border:1px solid #b9dce6;background:linear-gradient(145deg,#f3fcff,#f6f6ff);border-radius:17px;padding:17px;margin:14px 0 20px;text-align:center}
.cube-teaching h4{font-size:19px;margin:0 0 5px;color:#174861}.cube-teaching>p{font-size:14px;color:#47687e;line-height:1.9;margin:3px 0}
.cube-viewport{height:248px;display:grid;place-items:center;perspective:650px;overflow:hidden;direction:ltr}
.cube-stage{width:136px;height:136px;position:relative;transform-style:preserve-3d}
.spatial-cube{width:136px;height:136px;position:absolute;transform-style:preserve-3d;transition:transform .64s cubic-bezier(.22,.7,.2,1);will-change:transform}
.cube-face{position:absolute;width:136px;height:136px;border:3px solid #275975;display:grid;place-items:center;color:#123e59;font-family:Arial,sans-serif;font-size:43px;font-weight:900;backface-visibility:visible;box-shadow:inset 0 0 20px #ffffff77}
.face-front{background:#7fcbe5;transform:translateZ(68px)}.face-back{background:#a7cae0;transform:rotateY(180deg) translateZ(68px)}
.face-right{background:#f1c97e;transform:rotateY(90deg) translateZ(68px)}.face-left{background:#dfc4f7;transform:rotateY(-90deg) translateZ(68px)}
.face-top{background:#9fe2c8;transform:rotateX(90deg) translateZ(68px)}.face-bottom{background:#f3abab;transform:rotateX(-90deg) translateZ(68px)}
.cube-controls{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;max-width:610px;margin:3px auto 12px}
.cube-controls .btn{font-size:13px;min-width:100px;min-height:43px;padding:7px 10px;touch-action:manipulation}
.cube-note{border:1px solid #9bd5ca;border-radius:10px;background:#e7f8f2;color:#165e55!important;padding:9px 12px}
@media(prefers-reduced-motion:reduce){.spatial-cube{transition:none}}
@media(max-width:560px){.cube-viewport{height:225px}.cube-controls .btn{flex:1 0 calc(50% - 8px)}.cube-teaching{padding:12px}}


/* v1.3.8 - compact, accessible spatial task layout. Keep all vector click targets
   geometrically aligned with the original SVG viewBox. Only the entire canvas
   is scaled; individual coordinates and answer hitboxes are unchanged. */
.diag.diag-new {
  box-sizing: border-box;
  width: min(100%, 476px);
  max-width: 476px;
  padding: 6px;
  margin: 7px auto 10px;
  border-radius: 13px;
}
.diag-new .diagram-canvas {
  margin: 0 auto;
  width: 100%;
  line-height: 0;
}
.diag-new .diagram-canvas svg { max-width: 100%; display: block; }
.diag-new .diagram-answer { border-radius: 7px; }
.diag-new .diag-desc {
  font-size: 11px;
  line-height: 1.45;
  padding: 3px 0 1px;
  margin: 2px 0 0;
}
.qa-question { margin: 5px 0 7px; line-height: 1.65; font-size: 16px; }
.stage-head { margin: 13px 0 6px; font-size: 19px; }
.path-row { margin: 10px 0 8px; gap: 6px; }
.step { padding: 4px 10px; }
.study { padding: 10px; margin: 8px 0; }
.quiznav { margin: 6px 0; gap: 5px; }
.quiznav button { min-width: 40px; min-height: 40px; }
.navgrid { margin-top: 8px; }
.feedback { margin: 8px 0; padding: 8px 11px; }
.lesson-head p { line-height: 1.55; font-size: 13px; }
.lesson-head h2 { line-height: 1.3; }
/* Use the space available on smartphones without forcing pinch-to-zoom. */
@media(max-width: 560px) {
  .diag.diag-new { width: min(100%, 430px); padding: 3px; margin: 7px auto; }
  .panel { padding: 12px; }
  .study { padding: 6px; }
  .qa-question { font-size: 15px; line-height: 1.6; }
  .diag-new .diagram-answer { border-radius: 5px; }
  .stage-head { margin: 11px 0 5px; }
}
@media(min-width: 561px) and (max-height: 740px) {
  .diag.diag-new { max-width: 440px; }
}

/* v1.4.0 – readable opposites displayed separately from the instruction */
.cube-opposite-guide{display:flex;align-items:center;justify-content:flex-start;flex-wrap:wrap;gap:7px 9px;padding:9px 11px;margin:10px 0 7px;border:1px solid #bedde8;border-radius:12px;background:linear-gradient(110deg,#f3fbfd,#f8f8ff);direction:rtl}
.cube-opposite-title{font-size:13px;font-weight:850;color:#275771}
.cube-pair{padding:4px 10px;background:white;border:1px solid #d5e6ed;border-radius:9px;font-size:16px;font-weight:900;color:#164b6b;white-space:nowrap;min-width:76px;text-align:center}
.cube-pair bdi{direction:ltr;unicode-bidi:isolate;display:inline-block}
@media(max-width:430px){.cube-opposite-guide{gap:5px;padding:7px}.cube-opposite-title{font-size:12px;width:100%}.cube-pair{flex:1;min-width:66px;padding:5px 4px;font-size:15px}}


/* v1.4.1 — Math-foundation visual language shared with spatial foundations. */
.mq-stages{
 display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;
 margin:15px 0 18px;direction:rtl;
}
.mq-stage-card{
 display:flex;flex-direction:column;justify-content:center;align-items:center;gap:2px;
 box-sizing:border-box;min-width:0;min-height:75px;padding:10px 5px;
 border:1px solid #dce8ef;border-radius:14px;
 background:#f6f9fc;color:#5d788c;
 font-family:inherit;font-size:inherit;line-height:1.5;
 text-align:center;cursor:pointer;
}
.mq-stage-icon{display:block;font-size:20px;line-height:1.35}
.mq-stage-label{font-weight:900;font-size:11px;line-height:1.5}
.mq-stage-card.active{background:#e0f8f2;border-color:#0eaba4;color:#075f64}
.mq-stage-card:hover:not(.active){background:#eef8fc;border-color:#b9d9e5}
.mq-stage-card:focus-visible{outline:3px solid #edae43;outline-offset:3px}
.mq-stages-preview .mq-stage-card{cursor:default}
@media(max-width:560px){
 .mq-stages{gap:5px;margin:12px 0 14px}
 .mq-stage-card{min-height:70px;padding:8px 2px;border-radius:12px}
 .mq-stage-icon{font-size:19px}
 .mq-stage-label{font-size:10px}
}

/* v1.4.2 — six-face hinged net folding simulator */
.net-fold-lab{border:1px solid #b3dbe4;background:linear-gradient(135deg,#f5fcff,#f1f8ff);border-radius:16px;padding:14px;margin:12px 0;text-align:center}
.net-fold-lab h4{font-size:19px;margin:0 0 5px;color:#134c66}.net-fold-lab p{font-size:13px;line-height:1.8;color:#3d6478;margin:6px 0}
#net-fold-svg{max-width:440px;width:100%;height:auto;display:block;margin:7px auto;direction:ltr}
.net-fold-progress{display:block;text-align:right;margin:10px 0 6px;font-size:14px;color:#1b526b;font-weight:800}
#net-fold-range{display:block;max-width:420px;width:100%;accent-color:#079f9b;margin:6px auto 11px;min-height:28px;cursor:pointer}
.net-fold-buttons{display:flex;gap:9px;justify-content:center;flex-wrap:wrap}.net-fold-buttons .btn{min-width:133px;min-height:41px;font-size:13px}
.net-fold-hint{background:#e8f7f4;border-radius:10px;padding:7px!important}
@media(max-width:560px){.net-fold-lab{padding:8px}.net-fold-buttons .btn{flex:1;min-width:0}}

/* v1.4.2 — phone-readable flat cube net and large individual 3D answer cards */
.net-question-visual{max-width:650px;margin:12px auto 8px;direction:rtl}
.net-question-flat{width:min(100%,510px);margin:0 auto 11px;background:#f7fbfd;border:1px solid #d3e6ef;border-radius:14px;padding:7px 8px 3px;text-align:center;box-sizing:border-box}
.net-question-flat>strong{font-size:14px;color:#205d77}.net-question-flat svg{width:100%;display:block;height:auto;direction:ltr}
.net-question-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;direction:ltr}
.net-cube-option{position:relative;cursor:pointer;min-width:0;background:#fafdff;border:2px solid #cde1eb;border-radius:12px;font-family:inherit;color:#164761;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:7px 8px 5px;min-height:151px;touch-action:manipulation}
.net-cube-option>strong{font-size:14px;font-weight:900}.net-cube-option svg{width:100%;height:auto;max-height:175px;max-width:260px;display:block}
.net-cube-option:hover:not(:disabled){background:#e9faf8;border-color:#0c9f9c}.net-cube-option:focus-visible{outline:3px solid #ffb03d;outline-offset:2px}
.net-cube-option.selected{border-color:#0c7caa;background:#ecfaff}.net-cube-option.correct{border-color:#078958;background:#e8f9ef}.net-cube-option.wrong{border-color:#be424e;background:#fff0f1}.net-cube-option:disabled{opacity:1;cursor:default}
.net-cube-mark{position:absolute;top:6px;left:8px;display:grid;place-items:center;width:29px;height:29px;background:white;border-radius:50%;font-weight:900;font-size:19px;color:#047e5e}.net-cube-option.wrong .net-cube-mark{color:#be424e}
.net-question-caption{font-size:12px;line-height:1.7;text-align:center;color:#45697c;margin:8px 0}
@media(max-width:560px){.net-question-options{gap:6px}.net-cube-option{padding:5px 2px;min-height:124px}.net-cube-option>strong{font-size:12px}.net-question-flat{padding:4px}.net-question-caption{font-size:11px}}


/* v1.4.3 — simpler wording + larger phone layout for spatial questions */
.lesson-card small,
.lesson-head p,
.lead{line-height:1.7}
.lead{font-size:14px}
.diag.diag-new{width:min(100%,520px);max-width:520px;padding:4px;margin:6px auto 9px}
.diag{padding:6px}
.qa-question{font-size:17px;line-height:1.8}
@media(max-width:560px){
  .wrap{width:min(100%,calc(100% - 10px))}
  .mast{padding:14px 0 24px}
  .mast p{font-size:13px;line-height:1.65}
  .panel{padding:10px 9px;border-radius:14px}
  .lesson-head{gap:8px}
  .lesson-head p{font-size:13px;line-height:1.6}
  .lead{font-size:13px;line-height:1.65;margin-bottom:10px}
  .qa-question{font-size:17px;line-height:1.9;margin:6px 0 10px}
  .diag{padding:2px}
  .diag.diag-new{width:100%;max-width:none;padding:1px;margin:5px auto 7px;border-radius:11px}
  .diag-desc{font-size:10px}
  .study{padding:5px;margin:7px 0}
  .tip{padding:10px;font-size:13px}
  .choice{padding:12px 10px;min-height:56px}
}


/* v1.4.4 — mobile-first spatial art: actual full-width diagrams, not page zoom */
.mobile-spatial-visual{display:none}
.net-question-flat .net-view-mobile{display:none}
@media(max-width:560px){
 .diag.diag-new{width:100%;max-width:none;overflow:visible;border-radius:12px;padding:4px}
 .diag-new .desktop-spatial-overview{display:none}
 .mobile-spatial-visual{display:block;width:100%;direction:rtl}
 .mobile-spatial-primary{max-width:390px;width:100%;margin:0 auto 10px;padding:3px;border:1px solid #d5e6ee;border-radius:11px;background:#fff;line-height:0}
 .mobile-spatial-primary svg{display:block;width:100%;height:auto;max-height:none}
 .mobile-spatial-options{display:grid;grid-template-columns:minmax(0,1fr);gap:8px;width:100%;direction:ltr}
 .mobile-spatial-answer{display:block;position:relative;width:100%;padding:2px;border:2px solid #c7dfe9;border-radius:12px;background:white;color:#174560;line-height:0;touch-action:manipulation;overflow:hidden;appearance:none;cursor:pointer}
 .mobile-spatial-answer svg{display:block;width:100%;height:auto;max-height:none;pointer-events:none}
 .mobile-spatial-answer.selected{border-color:#0d7c9c;background:#ebfaff}
 .mobile-spatial-answer.correct{border-color:#0c935a;background:#eafaef}
 .mobile-spatial-answer.wrong{border-color:#c35059;background:#fff0f1}
 .mobile-spatial-answer:focus-visible{outline:3px solid #e6a944;outline-offset:1px}
 .mobile-spatial-answer:disabled{opacity:1;cursor:default}
 .mobile-visual-mark{position:absolute;top:8px;left:9px;font-weight:900;font-size:23px;line-height:1;color:#07804d;background:#fff;border-radius:50%;height:32px;width:32px;display:grid;place-items:center;box-shadow:0 1px 6px #264e5e33}
 .mobile-spatial-answer.wrong .mobile-visual-mark{color:#c34449}
 .mobile-spatial-labeled .mobile-labeled-net{position:relative}
 .mobile-spatial-labeled .diagram-answer{font-size:28px;font-weight:900;color:#0a8655;line-height:1.1}
 .mobile-spatial-labeled .diagram-answer.wrong{color:#c34449}
 .net-question-flat .net-view-desktop{display:none}
 .net-question-flat .net-view-mobile{display:block;margin:0 auto;max-height:none}
 .net-question-options{grid-template-columns:minmax(0,1fr);gap:9px}
 .net-cube-option{min-height:181px;padding:8px 4px;max-width:none}
 .net-cube-option svg{max-width:280px;max-height:none}
 .net-cube-option>strong{font-size:15px}
 .net-question-caption{font-size:12px;margin-top:7px}
}

/* v1.4.5: Jump to the beginning of Afham stage, keeping the stage selector visible. */
.mq-stages:not(.mq-stages-preview){scroll-margin-top:12px}