/* Magna Academy player: lesson + exam experience.
   Navy #0F1B33 / ice #F5F7FA / amber #F2A900. Bricolage Grotesque for
   headings, Newsreader for reading text. One idea per slide, big tap
   targets, everything interactive answers with motion. */

.aplayer{max-width:780px;margin:0 auto}
.apl-progress{height:8px;background:#E2E8F2;border-radius:99px;overflow:hidden;margin:6px 0 26px}
.apl-bar{height:100%;background:#F2A900;border-radius:99px;transition:width .45s ease}

@keyframes aplIn{from{opacity:0;transform:translateX(26px)}to{opacity:1;transform:none}}
.apl-slide{animation:aplIn .38s ease both}
@media(prefers-reduced-motion:reduce){.apl-slide{animation:none}.apl-bar{transition:none}}

.apl-head{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:0 0 10px}
.apl-count{display:inline-flex;align-items:center;padding:6px 12px;border:1px solid #D5DCE6;border-radius:999px;background:#fff;font:700 13px 'Bricolage Grotesque',system-ui,sans-serif;letter-spacing:.04em;text-transform:uppercase;color:#44506A}
.apl-count.am{background:#F2A900;border-color:#F2A900;color:#0F1B33}
.apl-title{font-weight:800;font-size:clamp(28px,5.6vw,42px);line-height:1.08;letter-spacing:-.025em;color:#0F1B33;margin:0 0 20px}

.apl-fig{background:#fff;border:1px solid #D9E0EA;border-radius:18px;padding:16px;box-shadow:0 10px 30px rgba(15,27,51,.07);margin:0 0 26px}
.apl-fig img{display:block;width:100%;height:auto;border-radius:10px}
.apl-fig figcaption{font-family:'Newsreader',Georgia,serif;font-style:italic;font-size:15.5px;color:#66738C;text-align:center;margin-top:12px;line-height:1.5}

.apl-body{font-family:'Newsreader',Georgia,serif;font-size:19.5px;line-height:1.75;color:#22304D;margin:0 0 18px}
.apl-body:last-of-type{margin-bottom:26px}

.apl-example{background:#FFF6DF;border:1px solid #F0CD72;border-radius:16px;padding:18px 20px;margin:0 0 20px}
.apl-xlab{display:block;font:800 12.5px 'Bricolage Grotesque',system-ui,sans-serif;letter-spacing:.09em;text-transform:uppercase;color:#9A6B00;margin:0 0 8px}
.apl-example p{font-family:'Newsreader',Georgia,serif;font-size:18px;line-height:1.65;color:#3A2F10;margin:0}

.apl-analogy{background:#EEF2F7;border-left:4px solid #0F1B33;border-radius:0 14px 14px 0;padding:16px 18px;margin:0 0 20px;font-family:'Newsreader',Georgia,serif;font-size:18px;line-height:1.65;color:#22304D}
.apl-alab{display:block;font:800 12.5px 'Bricolage Grotesque',system-ui,sans-serif;letter-spacing:.09em;text-transform:uppercase;color:#0F1B33;margin:0 0 6px}

.apl-lab{background:#0F1B33;color:#E8EEF8;border-radius:18px;padding:22px;margin:0 0 20px;box-shadow:0 14px 34px rgba(15,27,51,.22)}
.apl-ltitle{font-weight:800;font-size:19px;line-height:1.35;margin:0 0 14px;color:#fff}
.apl-lab ol{margin:0;padding-left:22px;font-family:'Newsreader',Georgia,serif;font-size:17.5px;line-height:1.65}
.apl-lab li{margin:0 0 8px}
.apl-lab li::marker{color:#F2A900;font-weight:700}

/* Formative tap-check inside lessons */
.apl-check{background:#fff;border:1.5px solid #0F1B33;border-radius:18px;padding:20px;margin:0 0 8px;box-shadow:0 10px 26px rgba(15,27,51,.08)}
.apl-checkq{font-weight:800;font-size:19.5px;line-height:1.4;color:#0F1B33;margin:0 0 14px}
.apl-opts{display:flex;flex-direction:column;gap:10px}
.apl-optbtn{display:flex;align-items:center;gap:12px;width:100%;text-align:left;background:#fff;border:1.5px solid #C9D4E4;border-radius:13px;padding:14px 16px;font:600 16.5px 'Bricolage Grotesque',system-ui,sans-serif;color:#0F1B33;cursor:pointer;transition:border-color .15s,background .15s,transform .1s}
.apl-optbtn:hover{border-color:#0F1B33}
.apl-optbtn:active{transform:scale(.99)}
.apl-optbtn .apl-letter{flex:none;width:30px;height:30px;border-radius:50%;border:1.5px solid #C9D4E4;display:inline-flex;align-items:center;justify-content:center;font-weight:800;font-size:14.5px;color:#44506A;background:#F5F7FA}
.apl-optbtn.sel{border-color:#0F1B33;background:#EEF2F7}
.apl-optbtn.sel .apl-letter{background:#0F1B33;border-color:#0F1B33;color:#F5F7FA}
.apl-optbtn.right{border-color:#1E9E50;background:#E7F5EC}
.apl-optbtn.right .apl-letter{background:#1E9E50;border-color:#1E9E50;color:#fff}
.apl-optbtn.wrong{border-color:#C0392B;background:#FDECEA}
.apl-optbtn.wrong .apl-letter{background:#C0392B;border-color:#C0392B;color:#fff}
.apl-optbtn:disabled{cursor:default;opacity:.92}
.apl-checkwhy{display:none;margin:14px 0 0;font-family:'Newsreader',Georgia,serif;font-size:17px;line-height:1.6;color:#22304D;background:#F5F7FA;border-radius:10px;padding:12px 14px}
.apl-checkwhy.on{display:block}
.apl-checkwhy b{font-family:'Bricolage Grotesque',system-ui,sans-serif}

/* Exam: one question per slide */
.apl-qbar{height:6px;background:#E2E8F2;border-radius:99px;overflow:hidden;margin:0 0 22px}
.apl-qbar i{display:block;height:100%;background:#0F1B33;border-radius:99px;transition:width .4s ease}
.apl-qq2{font-weight:800;font-size:clamp(21px,4.8vw,28px);line-height:1.32;letter-spacing:-.015em;color:#0F1B33;margin:0 0 20px}
.apl-chips{display:flex;flex-wrap:wrap;gap:7px;margin:22px 0 4px}
.apl-chip{width:37px;height:37px;border-radius:11px;border:1.5px solid #C9D4E4;background:#fff;font:700 14.5px 'Bricolage Grotesque',system-ui,sans-serif;color:#44506A;cursor:pointer;padding:0}
.apl-chip.done{background:#0F1B33;border-color:#0F1B33;color:#F5F7FA}
.apl-chip.cur{border-color:#F2A900;box-shadow:0 0 0 2px #F2A900 inset;color:#0F1B33}
.apl-examnav{display:flex;gap:12px;align-items:center;margin-top:22px}
.apl-examnav .btn{flex:1;justify-content:center}
.apl-review-note{font-family:'Newsreader',Georgia,serif;font-size:17.5px;line-height:1.6;color:#44506A;margin:0 0 6px}

/* Page-level lesson navigation */
.apl-nav{display:flex;gap:12px;margin-top:28px}
.apl-nav .btn{flex:1;justify-content:center}
@media(max-width:560px){
  .apl-body{font-size:18.5px}
  .apl-optbtn{font-size:16px;padding:13px 14px}
  .apl-fig{padding:10px}
}