@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=DM+Serif+Display:ital@0;1&family=Noto+Naskh+Arabic:wght@400;500;600;700&display=swap');

/* A standalone full-width learning experience, not the original article template. */
body:has(#quran-app) .topline,
body:has(#quran-app) .masthead,
body:has(#quran-app) .mainnav,
body:has(#quran-app) .community-cta,
body:has(#quran-app) .follow,
body:has(#quran-app)>footer{display:none!important}
body:has(#quran-app) #main-content{margin:0!important;padding:0!important;max-width:none!important;width:100%!important}
body:has(#quran-app){background:#f8f7f3!important}
.aq{--aq-ink:#24283f;--aq-deep:#222441;--aq-text:#43495a;--aq-subtle:#777e91;--aq-coral:#ed7864;--aq-violet:#6d68c9;--aq-teal:#2b9f92;--aq-line:#e8e8e7;background:#f8f7f3;color:var(--aq-ink);font-family:'DM Sans','Plus Jakarta Sans',sans-serif;font-size:14px;line-height:1.5;min-height:100vh;padding-bottom:30px;letter-spacing:0}
.aq *{box-sizing:border-box}
.aq button{font:inherit;cursor:pointer}
.aq a{color:inherit;text-decoration:none}
.aq button:disabled{opacity:.43;cursor:not-allowed}
.aq button:focus-visible,.aq a:focus-visible{outline:3px solid #f2ad6c;outline-offset:3px}
.aq button,.aq a{transition:background-color .2s,color .2s,border-color .2s,transform .2s}
.aq-container{max-width:1380px;margin:0 auto;padding:0 32px}
.aq-top{height:76px;background:#fff;border-bottom:1px solid #ecece7;position:relative;z-index:5}
.aq-top-inner{height:100%;display:flex;align-items:center;justify-content:space-between;gap:15px}
.aq-brand{display:inline-flex;align-items:center;gap:11px}
.aq-brand-mark{width:39px;height:39px;border-radius:12px;background:#292b49;color:#fff;display:grid;place-items:center;font:700 30px/1 'Noto Naskh Arabic',serif;padding-bottom:5px;box-shadow:0 6px 15px #24264120}
.aq-brand>span:last-child{display:flex;flex-direction:column;line-height:1.12}
.aq-brand strong{letter-spacing:2px;font-weight:800;font-size:15px}
.aq-brand small{font-size:9px;color:#86899a;margin-top:4px;letter-spacing:.1px}
.aq-brand-dot{color:#e77d63}
.aq-top-actions{display:flex;align-items:center;gap:14px}
.aq-home{font-size:12px;font-weight:700;color:#697084!important;padding:8px}
.aq-home:hover{color:#292b49!important}
.aq-map-link{background:#f4f3fa;border:1px solid #e8e4f4;color:#5e57a4;border-radius:999px;padding:10px 15px;font-size:11px!important;font-weight:800!important}
.aq-map-link:hover{background:#e7e5f7}
.aq-top-xp{white-space:nowrap;border-radius:999px;background:#fff6e6;color:#a77a2e;padding:9px 12px;font-size:12px}
.aq-top-xp>span{font-size:16px}
.aq-welcome{margin-top:29px;border-radius:28px;background:#f8e9d9;min-height:270px;overflow:hidden;display:grid;grid-template-columns:minmax(0,1.35fr) .65fr;position:relative;isolation:isolate}
.aq-welcome:after{content:'';position:absolute;inset:0;background:radial-gradient(circle at 90% 60%,#fbcda8 0%,transparent 32%);opacity:.65;z-index:-1}
.aq-welcome-text{padding:40px 45px;position:relative;z-index:2}
.aq-kicker{font-size:10px;font-weight:800;letter-spacing:2px;color:#b86f53}
.aq-kicker-sun{font-size:16px;margin-right:6px}
.aq-welcome h1{color:#292b43;font-size:clamp(33px,4.1vw,54px);font-weight:800;line-height:1.13;letter-spacing:-1.9px;margin:12px 0 11px}
.aq-welcome h1 em{font-family:'DM Serif Display',serif;font-weight:400;font-style:italic;color:#c5745a}
.aq-welcome p{font-size:13px;line-height:1.85;color:#726f75;margin:0;max-width:530px}
.aq-welcome-cta{margin-top:18px;border:0;border-radius:12px;background:#292b49;color:white;padding:12px 20px;font-size:12px!important;font-weight:800!important;display:inline-flex;gap:20px;align-items:center}
.aq-welcome-cta:hover{background:#454568;transform:translateY(-2px)}
.aq-welcome-right{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;position:relative;z-index:2}
.aq-progress-circle{--progress:0;display:grid;place-items:center;width:170px;height:170px;border-radius:50%;background:conic-gradient(#dc8071 var(--progress),#fff4e9 0);box-shadow:0 16px 25px #bf7b641b;position:relative}
.aq-progress-circle:before{content:'';position:absolute;inset:13px;border-radius:50%;background:#fff7f1}
.aq-progress-circle>div{position:relative;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center}
.aq-progress-circle strong{font-size:38px;line-height:1.1;letter-spacing:-1px;color:#32334c;font-weight:800}
.aq-progress-circle span{font-size:10px;color:#8c8081;font-weight:700;line-height:1.5;margin-top:4px}
.aq-welcome-mini{display:flex;align-items:center;gap:9px}
.aq-mini-star{font-size:19px;color:#d98a4a}
.aq-welcome-mini strong,.aq-welcome-mini small{display:block}
.aq-welcome-mini strong{font-size:11px}
.aq-welcome-mini small{font-size:9px;color:#9a8281;margin-top:3px}
.aq-hero-pattern{position:absolute;font:400 350px/1 'Noto Naskh Arabic',serif;right:-55px;top:-110px;opacity:.045;color:#7c4c2b;pointer-events:none}
.aq-snapshot{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:20px 0 30px}
.aq-snapshot>div{display:flex;gap:13px;align-items:center;background:#fff;border:1px solid #e9e8e5;border-radius:17px;padding:17px 19px;min-width:0}
.aq-snap-emoji{height:37px;width:37px;border-radius:12px;background:#f0eff9;color:#827ac8;display:grid;place-items:center;font-size:20px;flex:0 0 37px}
.aq-snapshot>div:nth-child(2) .aq-snap-emoji{background:#eaf8f3;color:#41a998}
.aq-snapshot>div:nth-child(3) .aq-snap-emoji{background:#fff2e5;color:#d5915b}
.aq-snapshot strong,.aq-snapshot small{display:block;overflow-wrap:anywhere}
.aq-snapshot strong{font-size:19px;line-height:1.15;letter-spacing:-.5px;font-weight:800;color:#292c41}
.aq-snapshot small{margin-top:5px;font-size:10px;color:#9699a4}
.aq-session{scroll-margin-top:24px}
.aq-session-header{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:17px}
.aq-kicker-dark{color:#7872be}
.aq-session-header h2{font-size:30px;line-height:1.2;font-weight:800;letter-spacing:-1px;margin:6px 0}
.aq-session-header p{font-size:12px;color:#8c8f9b;margin:4px 0}
.aq-change-lesson{white-space:nowrap;border:1px solid #deddde;background:#fff;color:#52536c;border-radius:11px;padding:10px 15px;font-weight:800!important;font-size:11px!important}
.aq-change-lesson:hover{background:#eeedf9}
.aq-lesson-progress{margin:12px 0 18px}
.aq-lesson-progress>div:first-child{display:flex;align-items:center;justify-content:space-between;gap:6px;font-weight:700;font-size:11px;color:#8c909c;margin-bottom:9px}
.aq-meter{height:8px;background:#e9e7e4;border-radius:999px;overflow:hidden}
.aq-meter span{height:100%;display:block;border-radius:999px;background:linear-gradient(90deg,#78cdbb,#cfb77e);transition:width .25s}
.aq-study{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(320px,.75fr);gap:18px;align-items:stretch}
.aq-stage{background:radial-gradient(circle at 50% 40%,#3b4065 0%,#242842 69%,#20243d 100%);border-radius:26px;color:#fff;position:relative;overflow:hidden;display:flex;flex-direction:column;min-height:540px;padding:24px;isolation:isolate;box-shadow:0 17px 35px #29294523}
.aq-stage:before{content:'';position:absolute;inset:0;background-image:radial-gradient(#ffffff12 1px,transparent 1px);background-size:18px 18px;opacity:.25;pointer-events:none}
.aq-stage-top,.aq-stage-controls{display:flex;justify-content:space-between;align-items:center;position:relative;z-index:1}
.aq-step-tag{font-size:10px;letter-spacing:2px;font-weight:800;color:#b4b3cf}
.aq-example-index{font-size:11px;font-weight:800;color:#efe1bd;background:#ffffff13;border:1px solid #ffffff1e;padding:8px 12px;border-radius:999px}
.aq-card-play{flex:1;border:0;background:transparent;color:#fff;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px 5px;min-width:0;min-height:250px}
.aq-card-play:hover .aq-big-arabic{transform:translateY(-5px) scale(1.025)}
.aq-card-play:hover .aq-tap-tip{background:#ffffff25}
.aq-circles{position:absolute;left:50%;top:45%;transform:translate(-50%,-50%);border-radius:50%;width:270px;height:270px;border:1px solid #ffffff23;pointer-events:none}
.aq-circles-two{width:360px;height:360px;border-style:dashed;border-color:#ffffff11}
.aq-big-arabic{z-index:1;font:600 clamp(114px,14vw,190px)/1.5 'Noto Naskh Arabic',serif;color:#fff8e7;text-shadow:0 9px 35px #0004;transition:transform .23s;display:block;max-width:100%;overflow-wrap:anywhere;text-align:center}
.aq-tap-tip{z-index:1;display:inline-flex;align-items:center;gap:7px;background:#ffffff17;border:1px solid #ffffff1a;border-radius:999px;padding:9px 14px;color:#e3e0ed;font-size:11px;letter-spacing:.2px}
.aq-card-name{text-align:center;display:flex;flex-direction:column;align-items:center;gap:5px;position:relative;z-index:1;margin:0 auto 22px}
.aq-card-name strong{font-size:24px;letter-spacing:-.5px;color:#f6f2f3}
.aq-card-name span{font-size:11px;color:#bdc2d2;text-align:center}
.aq-stage-controls{border-top:1px solid #ffffff24;padding-top:18px;gap:10px}
.aq-stage-arrow,.aq-stage-next{background:#ffffff16;color:#fff;border:1px solid #ffffff25;border-radius:11px;min-height:42px;font-size:12px!important;font-weight:800!important}
.aq-stage-arrow{width:48px;font-size:19px!important}
.aq-stage-next{padding:0 17px;min-width:170px}
.aq-stage-arrow:hover:not(:disabled),.aq-stage-next:hover:not(:disabled){background:#ffffff31}
.aq-stage-indicator{font-size:11px;color:#c6c3d4;font-weight:800}
.aq-coach{background:#fff;border:1px solid #ebebe8;border-radius:25px;padding:23px 25px;display:flex;flex-direction:column;gap:0;min-width:0;box-shadow:0 8px 24px #242b4220}
.aq-coach-head{display:flex;align-items:center;gap:14px}
.aq-coach-orbit{height:50px;width:50px;border-radius:15px;background:#fff0e7;color:#e58d6c;display:grid;place-items:center;font-size:25px;flex:0 0 50px}
.aq-coach-head h3{font-size:18px;font-weight:800;letter-spacing:-.6px;margin:4px 0}
.aq-coach-desc{color:#818695;font-size:11px;line-height:1.65;margin:17px 0 16px}
.aq-steps{display:flex;flex-direction:column;gap:9px}
.aq-step{display:flex;align-items:center;gap:12px;padding-top:5px}
.aq-step-circle{width:29px;height:29px;display:grid;place-items:center;border:1px solid #e9d1c1;background:#fff7ee;color:#d18d70;border-radius:50%;font-size:11px;font-weight:800;flex:0 0 29px}
.aq-step strong,.aq-step small{display:block}
.aq-step strong{font-size:12px;color:#2d3147}
.aq-step small{font-size:10px;color:#9295a3;margin-top:2px}
.aq-action{border-radius:12px;border:1px solid #e4e3ed;padding:12px 14px;min-height:45px;font-size:11px!important;font-weight:800!important;text-align:center;width:100%;line-height:1.4}
.aq-action-primary{background:#ef7866;color:white;border-color:#ef7866;font-size:12px!important}
.aq-action-primary:hover:not(:disabled){background:#d66554;border-color:#d66554}
.aq-action-secondary{background:#292c48;color:#fff;border-color:#292c48}
.aq-action-secondary:hover:not(:disabled){background:#454b72}
.aq-action-ghost{background:#faf9fd;border-color:#e4e2ef;color:#5c5d7c}
.aq-action-ghost:hover:not(:disabled){background:#eeebf9}
.aq-action.is-recording,.aq-action.is-listening{background:#b94c58;color:#fff;border-color:#b94c58}
.aq-coach-buttons{display:grid;grid-template-columns:1fr 1fr;gap:7px}
.aq-action-check{margin-bottom:6px}
.aq-status{padding:12px;background:#f5f4fc;border:1px solid #ebe8f5;color:#65627e;border-radius:12px;font-size:11px;line-height:1.65;margin-top:8px;overflow-wrap:anywhere}
.aq-status[data-kind="error"]{background:#fff0ee;border-color:#f2c5c5;color:#a43c3d}
.aq-status[data-kind="notice"]{background:#fff8eb;border-color:#f0e0b8;color:#a07136}
.aq-status[data-kind="success"]{background:#eaf8f1;border-color:#b8e1cd;color:#24694d}
.aq-coach-note{font-size:9px;line-height:1.7;color:#9d9da8;margin:10px 0 0}
.aq-lesson-actions{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:18px 0 30px}
.aq-lesson-tip{display:flex;align-items:center;gap:11px;min-width:0;max-width:780px}
.aq-lesson-tip>span{height:40px;width:40px;border-radius:12px;background:#fff0d7;color:#b58845;display:grid;place-items:center;font-size:19px;flex:0 0 40px}
.aq-lesson-tip p{font-size:11px;color:#858998;line-height:1.7;margin:0}
.aq-done{border-radius:12px;border:1px solid #2e9c88;background:#319d8a;color:#fff;padding:12px 17px;font-size:12px!important;font-weight:800!important;white-space:nowrap}
.aq-done:hover{background:#207f6f}
.aq-done.is-complete{background:#ecf9f2;color:#23785f}
.aq-quiz{scroll-margin-top:40px;background:#fff;border:1px solid #e9e9e8;border-radius:22px;padding:23px 26px;display:grid;grid-template-columns:1.1fr .9fr;gap:25px;align-items:center;margin:23px 0 55px}
.aq-quiz-intro{display:flex;align-items:center;gap:18px}
.aq-quiz-mark{height:65px;width:65px;display:grid;place-items:center;border-radius:20px;background:#fff1d8;color:#dca44c;font-size:38px;flex:0 0 65px}
.aq-quiz-intro h2{font-size:22px;line-height:1.3;letter-spacing:-.8px;margin:5px 0}
.aq-quiz-intro p{font-size:11px;line-height:1.7;color:#9597a0;margin:0}
.aq-quiz-button{background:#292d49;color:#fff;border:0;border-radius:12px;font-size:12px!important;font-weight:800!important;padding:15px 20px;display:inline-flex;align-items:center;justify-content:space-between;gap:16px}
.aq-quiz-button:hover{background:#42486e}
#aq-quiz-area{min-width:0}
.aq-question{background:#f8f7ff;border:1px solid #edebf5;border-radius:14px;padding:14px}
.aq-question-indicator{font-size:10px;font-weight:800;letter-spacing:1px;color:#8c83c7}
.aq-question-ar{text-align:center;color:#322c67;font:600 52px/1.8 'Noto Naskh Arabic',serif;overflow-wrap:anywhere}
.aq-question>p{font-size:11px;text-align:center;color:#797b92}
.aq-options{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.aq-options button{border:1px solid #dcdbea;border-radius:9px;background:#fff;color:#39395d;min-height:42px;padding:8px;font-size:11px!important;font-weight:800!important}
.aq-options button:hover:not(:disabled){background:#eae8fc}
.aq-options button.is-correct{background:#e6f7ec;border-color:#87cbaa;color:#1c7857}
.aq-options button.is-wrong{background:#ffece9;border-color:#dfa6a0;color:#a24147}
.aq-options button:disabled{opacity:1}
.aq-quiz-feedback{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:11px;margin-top:12px}
.aq-quiz-feedback strong{font-weight:800}
.aq-quiz-next{border:0;border-radius:8px;background:#282d4b;color:#fff;padding:9px 12px;font-size:11px!important}
.aq-quiz-result strong{color:#2d7964;font-size:18px}
.aq-quiz-result p{color:#77798e;font-size:12px}
.aq-journey{scroll-margin-top:30px}
.aq-journey-head{text-align:center;max-width:560px;margin:0 auto 23px}
.aq-journey-head h2{font-size:36px;letter-spacing:-1.3px;margin:6px 0}
.aq-journey-head p{color:#8e929d;font-size:12px;line-height:1.7;margin:0}
.aq-worlds{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.aq-world{border-radius:22px;padding:22px;background:#ebf6ef;border:1px solid #d6e9dc}
.aq-world-peach{background:#fff1e7;border-color:#f1dfd0}
.aq-world-lavender{background:#f0effb;border-color:#dedcf4}
.aq-world-sky{background:#ecf6fa;border-color:#d6e8f1}
.aq-world-header{display:flex;align-items:center;gap:15px;margin-bottom:18px}
.aq-world-symbol{height:64px;width:64px;border-radius:17px;background:#fff9;color:#2d7d67;font:700 40px/1.6 'Noto Naskh Arabic',serif;display:grid;place-items:center;flex:0 0 64px}
.aq-world-peach .aq-world-symbol{color:#d78562}
.aq-world-lavender .aq-world-symbol{color:#7771bd}
.aq-world-sky .aq-world-symbol{color:#5591a9}
.aq-world-step{font-size:9px;font-weight:800;color:#9793a0;letter-spacing:1.5px}
.aq-world-header h3{font-size:21px;font-weight:800;letter-spacing:-.5px;margin:3px 0}
.aq-world-header p{font-size:11px;color:#898b96;margin:0}
.aq-world-levels{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.aq-level{display:flex;align-items:center;gap:9px;text-align:left;min-height:66px;background:#ffffffbc;border:1px solid #ffffffeb;border-radius:13px;padding:10px;color:#363849;transition:transform .16s,box-shadow .16s}
.aq-level:hover{transform:translateY(-2px);box-shadow:0 8px 20px #262d3817}
.aq-level.is-current{border:2px solid #8575c7;background:#fff}
.aq-level.is-done .aq-level-node{background:#3aa388;color:#fff}
.aq-level-node{background:#eeeef4;color:#8c8ba6;font-weight:800;border-radius:11px;display:grid;place-items:center;height:37px;width:37px;flex:0 0 37px;font-size:11px}
.aq-level.is-current .aq-level-node{background:#484a85;color:#fff}
.aq-level-copy{flex:1;min-width:0}
.aq-level-copy strong,.aq-level-copy small{display:block}
.aq-level-copy strong{font-size:11px;line-height:1.4;font-weight:800}
.aq-level-copy small{font-size:9px;color:#9a9aab;margin-top:3px}
.aq-level-chevron{font-size:20px;color:#a6a4ad}
.aq-jump{margin:40px 0 25px;background:#fff;border:1px solid #eae9e6;border-radius:19px;padding:22px}
.aq-jump-head{display:flex;justify-content:space-between;gap:16px;align-items:center}
.aq-jump h2{font-size:22px;letter-spacing:-.7px;margin:6px 0}
.aq-jump p{font-size:11px;color:#94939e;margin:0}
.aq-index-toggle{border:1px solid #e1deeb;background:#f6f4fc;color:#5f5c82;border-radius:10px;font-size:11px!important;font-weight:800!important;padding:11px 15px;white-space:nowrap}
.aq-index-toggle:hover{background:#eae6f7}
.aq-card-index{display:grid;grid-template-columns:repeat(9,minmax(0,1fr));gap:8px;padding-top:18px;margin-top:18px;border-top:1px solid #eee}
.aq-index-card{border:1px solid #e8e7eb;background:#f8f8fb;border-radius:10px;min-height:85px;padding:8px 3px;display:flex;flex-direction:column;align-items:center;justify-content:center}
.aq-index-card.is-active{border:2px solid #8a7bd6;background:#eeeafd}
.aq-index-card>span{font:700 31px/1.4 'Noto Naskh Arabic',serif;color:#3b3863;overflow-wrap:anywhere}
.aq-index-card small{font-size:10px;color:#878698;margin-top:3px}
.aq-disclosure{display:flex;gap:18px;align-items:flex-start;border:1px dashed #dfdacf;background:#fffcf5;border-radius:17px;padding:22px 24px}
.aq-disclosure-icon{font:500 37px 'Noto Naskh Arabic',serif;color:#bea56d;flex:0 0 44px}
.aq-disclosure strong{font-size:13px;color:#60574b}
.aq-disclosure p{font-size:11px;line-height:1.8;color:#8a857e;margin:6px 0 0}
.aq-disclosure a{color:#bd7457;text-decoration:underline}
.aq-footer{padding:25px 0 5px;display:flex;justify-content:space-between;align-items:center;gap:18px;color:#9c9eaa;font-size:11px;flex-wrap:wrap}
.aq-footer strong{font-size:12px;color:#474a68;letter-spacing:2px}
.aq-footer a{color:#7770bb;text-decoration:underline}
@media(max-width:1080px){
  .aq-container{padding:0 20px}
  .aq-study{grid-template-columns:minmax(0,1fr) minmax(300px,.85fr)}
  .aq-stage{min-height:515px}
  .aq-welcome-text{padding:33px}
  .aq-card-index{grid-template-columns:repeat(7,minmax(0,1fr))}
}
@media(max-width:820px){
  .aq-container{padding:0 14px}
  .aq-top{height:70px}
  .aq-home{display:none}
  .aq-welcome{min-height:250px}
  .aq-welcome-text{padding:29px}
  .aq-welcome h1{font-size:36px}
  .aq-progress-circle{width:128px;height:128px}
  .aq-progress-circle:before{inset:10px}
  .aq-progress-circle strong{font-size:29px}
  .aq-study{grid-template-columns:1fr}
  .aq-stage{min-height:445px}
  .aq-coach{padding:20px}
  .aq-quiz{grid-template-columns:1fr}
  .aq-world-levels{grid-template-columns:1fr}
  .aq-card-index{grid-template-columns:repeat(6,minmax(0,1fr))}
}
@media(max-width:600px){
  .aq-container{padding:0 11px}
  .aq-brand strong{font-size:13px}
  .aq-brand-mark{width:33px;height:33px;font-size:25px}
  .aq-map-link{font-size:10px!important;padding:9px}
  .aq-top-xp{font-size:10px;padding:8px}
  .aq-top-actions{gap:6px}
  .aq-welcome{margin-top:16px;grid-template-columns:1fr;min-height:0;border-radius:20px}
  .aq-welcome-text{padding:26px 24px 15px}
  .aq-welcome h1{font-size:32px}
  .aq-welcome-right{flex-direction:row;justify-content:flex-start;padding:0 22px 23px;gap:16px}
  .aq-progress-circle{width:98px;height:98px;flex:0 0 98px}
  .aq-progress-circle:before{inset:8px}
  .aq-progress-circle strong{font-size:25px}
  .aq-progress-circle span{font-size:8px}
  .aq-welcome-mini{flex:1}
  .aq-snapshot{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:12px 0 23px}
  .aq-snapshot>div{padding:12px 10px;gap:8px;border-radius:13px}
  .aq-snap-emoji{height:32px;width:32px;flex-basis:32px;font-size:16px}
  .aq-snapshot strong{font-size:15px}
  .aq-snapshot small{font-size:9px}
  .aq-session-header h2{font-size:24px}
  .aq-session-header{align-items:flex-start;flex-direction:column}
  .aq-change-lesson{font-size:10px!important}
  .aq-stage{min-height:440px;padding:16px;border-radius:20px}
  .aq-big-arabic{font-size:125px}
  .aq-circles{width:215px;height:215px}
  .aq-circles-two{width:285px;height:285px}
  .aq-stage-next{min-width:155px}
  .aq-lesson-actions{align-items:flex-start;flex-direction:column}
  .aq-done{align-self:stretch}
  .aq-quiz{padding:17px;border-radius:18px;margin-bottom:40px}
  .aq-quiz-mark{height:48px;width:48px;flex-basis:48px;font-size:28px}
  .aq-quiz-intro h2{font-size:19px}
  .aq-journey-head h2{font-size:29px}
  .aq-worlds{grid-template-columns:1fr}
  .aq-world{padding:16px}
  .aq-world-levels{grid-template-columns:repeat(2,minmax(0,1fr))}
  .aq-level{min-height:70px;padding:8px;gap:7px}
  .aq-level-node{height:31px;width:31px;flex-basis:31px}
  .aq-level-copy strong{font-size:10px}
  .aq-level-chevron{display:none}
  .aq-jump-head{align-items:flex-start;flex-direction:column}
  .aq-index-toggle{align-self:flex-start}
  .aq-card-index{grid-template-columns:repeat(4,minmax(0,1fr))}
  .aq-disclosure{padding:17px 12px;gap:8px}
  .aq-disclosure-icon{display:none}
}
@media(max-width:370px){
  .aq-world-levels{grid-template-columns:1fr}
  .aq-top-actions{gap:4px}
  .aq-brand small{display:none}
  .aq-brand strong{font-size:12px}
  .aq-map-link{font-size:9px!important}
}
@media(prefers-reduced-motion:reduce){.aq *{transition:none!important;scroll-behavior:auto!important}}


/* Qualification provenance: never present the community voice as credentialed. */
.aq-authority{
  margin-top:12px;
  padding:14px 15px;
  border:1px solid #cfe4dc;
  background:#f1faf6;
  border-radius:12px;
  color:#316752;
  line-height:1.55;
}
.aq-authority[hidden]{display:none!important}
.aq-authority-title{font-size:11px;font-weight:800;display:block;color:#225f49}
.aq-authority p{font-size:10px;color:#536e62;line-height:1.7;margin:6px 0}
.aq-authority a{display:inline-block;border-bottom:1px solid #317960;color:#1a7256!important;font-size:11px;font-weight:800;line-height:1.6;margin-top:3px;overflow-wrap:anywhere}
.aq-authority a:hover{color:#14543f!important}