:root{--hla-violet:#291044;--hla-purple:#7136a8;--hla-orange:#ff9966;--hla-ink:#171124;--hla-mist:#f6f2fb;--hla-line:#e7ddef}
.hla-story-lesson{max-width:1050px;margin:0 auto;color:var(--hla-ink);font-family:Poppins,sans-serif}
.hla-story-hero{position:relative;margin:0 0 32px;overflow:hidden;border-radius:24px;background:#1d0c33;box-shadow:0 24px 70px rgba(42,16,68,.2)}
.hla-story-hero:after{content:"";position:absolute;inset:45% 0 0;background:linear-gradient(transparent,rgba(20,7,34,.82));pointer-events:none}
.hla-story-hero img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover}
.hla-story-hero figcaption{position:absolute;z-index:1;left:22px;bottom:20px;padding:9px 14px;border:1px solid rgba(255,255,255,.3);border-radius:999px;background:rgba(22,8,40,.72);backdrop-filter:blur(10px);color:#fff;font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}
.hla-story-lesson>header{padding:5px 2px 28px}.hla-reading-meta{display:flex;flex-wrap:wrap;gap:9px;margin-bottom:13px}.hla-reading-meta span{padding:7px 10px;border-radius:999px;background:#f3eaf8;color:#633586;font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.hla-reading-meta span:last-child{background:#fff0e7;color:#7d3d1f}.hla-story-lesson>header h2{margin:0 0 14px;color:var(--hla-violet);font-size:clamp(30px,4vw,48px);line-height:1.08}.hla-story-hook{max-width:850px;margin:0;color:#50465b;font-size:18px;line-height:1.75}
.hla-story-lesson>section{margin:26px 0;padding:28px;border:1px solid var(--hla-line);border-radius:22px;background:#fff;box-shadow:0 14px 45px rgba(34,15,53,.06)}
.hla-story-scene{position:relative;overflow:hidden;padding:34px!important;background:radial-gradient(circle at 100% 0,rgba(127,62,171,.22),transparent 33%),linear-gradient(135deg,#1b092f,#351553)!important;color:#fff}.hla-story-scene:after{content:"“";position:absolute;right:28px;bottom:-50px;color:rgba(255,255,255,.06);font:220px/1 Georgia,serif}.hla-scene-label{display:inline-block;margin-bottom:15px;color:#ffb185;font-size:11px;font-weight:800;letter-spacing:.15em;text-transform:uppercase}.hla-story-scene p{position:relative;z-index:1;max-width:850px;margin:0;color:#f1e9f5;font-size:18px;line-height:1.8}
.hla-section-heading{margin-bottom:20px}.hla-section-heading small,.hla-myth-check small,.hla-apply-it small{display:block;margin-bottom:5px;color:#9663b2;font-size:10px;font-weight:800;letter-spacing:.15em;text-transform:uppercase}.hla-section-heading h3,.hla-myth-check h3,.hla-apply-it h3{margin:0;color:#28143a;font-size:21px;line-height:1.4}
.hla-flip-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.hla-flip-card{position:relative;min-height:180px;padding:0;border:0;border-radius:18px;background:transparent;cursor:pointer;perspective:900px;text-align:left}.hla-flip-front,.hla-flip-back{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:space-between;padding:22px;border:1px solid #e7daee;border-radius:18px;backface-visibility:hidden;transition:transform .45s ease,box-shadow .25s ease}.hla-flip-front{background:linear-gradient(145deg,#f7f1fa,#fff)}.hla-flip-back{background:linear-gradient(145deg,#3a1558,#6b3296);color:#fff;transform:rotateY(180deg)}.hla-flip-card.is-open .hla-flip-front{transform:rotateY(180deg)}.hla-flip-card.is-open .hla-flip-back{transform:rotateY(360deg);box-shadow:0 18px 40px rgba(50,18,76,.22)}.hla-flip-card b{font-size:19px}.hla-flip-card small{color:#8a5da3;font-weight:700}.hla-flip-back span{line-height:1.65}
.hla-decision-lab{background:radial-gradient(circle at 90% 0,rgba(145,75,190,.28),transparent 35%),linear-gradient(135deg,#1b092f,#321450)!important;color:#fff}.hla-decision-lab .hla-section-heading h3,.hla-decision-lab .hla-section-heading small{color:#fff}.hla-decision-options{display:grid;gap:10px}.hla-decision-options button{display:flex;align-items:center;gap:13px;width:100%;padding:15px;border:1px solid rgba(255,255,255,.2);border-radius:14px;background:rgba(255,255,255,.07);color:#fff;text-align:left;font:600 14px/1.5 Poppins,sans-serif;transition:.2s ease}.hla-decision-options button:hover,.hla-decision-options button:focus-visible{border-color:#ca91e7;background:rgba(255,255,255,.14);transform:translateY(-1px)}.hla-decision-options button span{display:grid;place-items:center;flex:0 0 30px;height:30px;border-radius:9px;background:#fff;color:#3d195d;font-weight:800}.hla-decision-options button.is-correct{border-color:#76e0a8;background:rgba(59,183,119,.2)}.hla-decision-options button.is-wrong{border-color:#ff9d91;background:rgba(215,77,70,.2)}.hla-decision-feedback{margin:17px 0 0;padding:13px 15px;border-left:3px solid var(--hla-orange);background:rgba(255,255,255,.08);line-height:1.65}
.hla-myth-check{display:grid;grid-template-columns:1.2fr 1fr;gap:28px;align-items:center;background:linear-gradient(135deg,#fff7f1,#fff)!important;border-color:#f2d6c5!important}.hla-myth-check h3{font-size:24px}.hla-myth-reveal{margin-top:18px;padding:11px 15px;border:0;border-radius:11px;background:#4b2168;color:#fff;font:700 12px Poppins,sans-serif;cursor:pointer}.hla-myth-answer{padding:22px;border-radius:16px;background:#fff;box-shadow:0 12px 35px rgba(94,50,26,.08)}.hla-myth-answer strong{display:inline-block;margin-bottom:8px;color:#a44d22;font-size:19px}.hla-myth-answer p{margin:0;color:#58493f;line-height:1.7}
.hla-mini-activity{padding:28px!important;border-color:#dfd0e8!important;background:linear-gradient(145deg,#fbf8fd,#f5edf9)!important}.hla-mini-heading small{display:block;margin-bottom:6px;color:#9b5fb9;font-size:10px;font-weight:800;letter-spacing:.15em;text-transform:uppercase}.hla-mini-heading h3{margin:0 0 8px;color:#2b1242;font-size:23px}.hla-mini-heading p{margin:0;color:#5a4d61;line-height:1.7}.hla-mini-items{display:grid;gap:12px;margin-top:22px}.hla-mini-item{padding:18px;border:1px solid #e3d7e9;border-radius:16px;background:#fff}.hla-mini-item>p{display:flex;align-items:center;gap:12px;margin:0 0 14px;color:#35243f;font-weight:600;line-height:1.55}.hla-mini-item>p span{display:grid;place-items:center;flex:0 0 30px;height:30px;border-radius:9px;background:#eee3f4;color:#66348a;font-size:12px;font-weight:800}.hla-mini-item>div{display:flex;flex-wrap:wrap;gap:9px}.hla-mini-item button{padding:9px 13px;border:1px solid #d9c9e2;border-radius:10px;background:#fff;color:#4e2868;font:700 11px Poppins,sans-serif;cursor:pointer}.hla-mini-item button:hover{border-color:#7136a8}.hla-mini-item button.is-correct{border-color:#55ae7d;background:#e9f8f0;color:#17643a}.hla-mini-item button.is-wrong{border-color:#dd766b;background:#fff0ed;color:#8e2f28}.hla-mini-item output{display:block;margin-top:12px;padding:10px 12px;border-radius:10px;font-size:12px;line-height:1.6}.hla-mini-item output.is-correct{background:#edf9f2;color:#246344}.hla-mini-item output.is-wrong{background:#fff1ee;color:#893b34}.hla-mini-status{margin:17px 0 0;padding:12px 14px;border-radius:11px;background:#eee4f4;color:#53306a;font-size:12px;font-weight:700}.hla-mini-status.is-complete{background:#ddf4e7;color:#1c6a3e}
.hla-apply-it{display:flex;justify-content:space-between;gap:30px;align-items:center;background:linear-gradient(140deg,#f7f2fa,#fff)!important}.hla-apply-it p{max-width:720px;margin:10px 0 0;color:#50445a;line-height:1.75}.hla-commit{flex:0 0 auto;padding:13px 16px;border:1px solid #d9c9e3;border-radius:13px;background:#fff;color:#50276d;font:700 12px Poppins,sans-serif;cursor:pointer}.hla-commit span{margin-right:6px;font-size:17px}.hla-commit.is-done{border-color:#5fb986;background:#eaf8f0;color:#1d6f42}
.hla-reveal{margin:28px 0;border-radius:16px;background:#f3ecf8}.hla-reveal summary{cursor:pointer;padding:18px 20px;color:#3a1859;font-weight:700}.hla-reveal p{margin:0;padding:0 20px 20px;line-height:1.75}.hla-layout-workshop .hla-story-hero{border-radius:60px 18px 60px 18px}.hla-layout-workshop .hla-story-scene{background:radial-gradient(circle at 0 100%,rgba(255,153,102,.22),transparent 35%),linear-gradient(135deg,#321450,#1b092f)!important}
.hla-quiz-instruction{display:flex;align-items:center;gap:9px;margin:0 0 14px;color:#6b5a77;font-size:13px;font-weight:600}.hla-lettered-options{display:grid!important;gap:12px!important}.hla-lettered-option{display:grid!important;grid-template-columns:42px 24px 1fr;align-items:center;gap:12px;min-height:70px;padding:12px 17px!important;border:1px solid #e5dbea!important;border-radius:16px!important;background:#fff!important;cursor:pointer;transition:.18s ease}.hla-lettered-option:hover,.hla-lettered-option:focus-visible{border-color:#8b52ad!important;box-shadow:0 9px 30px rgba(66,28,91,.1);transform:translateY(-1px)}.hla-answer-letter{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:#f1e9f7;color:#4a2068;font-weight:800}.hla-answer-copy{color:#24172e;font-size:15px;line-height:1.5}.hla-lettered-option:has(input:checked){border-color:#7136a8!important;background:#faf6fd!important}.hla-lettered-option:has(input:checked) .hla-answer-letter{background:linear-gradient(135deg,#3b175b,#8148ab);color:#fff}
.hla-course-leaving{position:fixed;inset:0;z-index:999999;display:grid;place-items:center;background:rgba(17,6,29,.82);backdrop-filter:blur(8px);color:#fff}.hla-course-leaving>div{text-align:center}.hla-course-leaving-spinner{display:block;width:54px;height:54px;margin:0 auto 18px;border:4px solid rgba(255,255,255,.25);border-top-color:#ff9966;border-radius:50%;animation:hla-spin .8s linear infinite}.hla-course-leaving strong{display:block;font-size:18px}.hla-course-leaving p{margin:8px 0 0;color:#d8c9e1;font-size:13px}@keyframes hla-spin{to{transform:rotate(360deg)}}
@media(max-width:760px){.hla-flip-grid,.hla-myth-check{grid-template-columns:1fr}.hla-story-lesson>section{padding:20px}.hla-story-hook,.hla-story-scene p{font-size:16px}.hla-flip-card{min-height:160px}.hla-apply-it{display:block}.hla-commit{margin-top:18px}.hla-lettered-option{grid-template-columns:38px 22px 1fr;padding:10px!important}.hla-answer-letter{width:34px;height:34px}}

/* Varied course-reading system. */
.hla-static-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.hla-static-grid article{padding:20px;border:1px solid #e9deef;border-radius:17px;background:linear-gradient(145deg,#f8f4fb,#fff)}.hla-static-grid strong{color:#4b2168;font-size:17px}.hla-static-grid p{margin:9px 0 0;color:#55485d;line-height:1.65}.hla-reading-essay{padding:6px 0 2px}.hla-format-1>header,.hla-format-3>header,.hla-format-5>header{padding-top:30px;border-top:5px solid #6c3397}
.hla-varied-lesson{max-width:1050px;margin:0 auto;color:#201529;font-family:Poppins,sans-serif}.hla-varied-hero{position:relative;overflow:hidden;margin:0 0 30px;border-radius:24px;background:#1c0a2f;box-shadow:0 24px 65px rgba(39,13,59,.18)}.hla-varied-hero:after{content:"";position:absolute;inset:48% 0 0;background:linear-gradient(transparent,rgba(18,6,30,.78))}.hla-varied-hero img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover}.hla-varied-hero figcaption{position:absolute;z-index:1;left:20px;bottom:18px;padding:8px 12px;border-radius:999px;background:rgba(28,9,48,.78);color:#fff;font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.hla-varied-header{padding:5px 2px 27px}.hla-varied-header h2{margin:0 0 13px;color:#2b1146;font-size:clamp(30px,4vw,48px);line-height:1.1}.hla-varied-header>p{max-width:840px;margin:0;color:#55495d;font-size:17px;line-height:1.7}.hla-varied-lesson>section,.hla-varied-lesson>.hla-varied-takeaways{margin:25px 0}.hla-varied-lead{padding:28px;border:1px solid #e7ddef;border-radius:21px;background:#fff;box-shadow:0 12px 40px rgba(45,17,66,.06)}.hla-varied-lead small,.hla-varied-reading>h3+small,.hla-case-cover small,.hla-visual-board small,.hla-timeline>small,.hla-field-intro small,.hla-practice-lab>small,.hla-varied-scenario small{display:block;margin-bottom:7px;color:#9864b4;font-size:10px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.hla-varied-lead p,.hla-varied-context{margin:0;color:#493d51;font-size:16px;line-height:1.8}
.hla-varied-reading{padding:30px 2px}.hla-varied-reading>h3,.hla-visual-board h3,.hla-timeline>h3,.hla-practice-lab>h3{margin:0 0 18px;color:#29113f;font-size:24px}.hla-varied-context{margin-bottom:24px}.hla-varied-steps{display:grid;gap:14px}.hla-steps-cards{grid-template-columns:repeat(3,1fr)}.hla-steps-cards article{display:flex;gap:14px;padding:20px;border:1px solid #e7dced;border-radius:17px;background:#fff}.hla-steps-cards article>span{display:grid;place-items:center;flex:0 0 33px;height:33px;border-radius:10px;background:#f1e8f6;color:#633488;font-weight:800}.hla-steps-cards h3{margin:1px 0 8px;color:#371951;font-size:16px;line-height:1.45}.hla-steps-cards p{margin:0;color:#5a4c62;font-size:13px;line-height:1.65}.hla-steps-accordion details{border:1px solid #e8dfee;border-radius:14px;background:#fff}.hla-steps-accordion summary{cursor:pointer;padding:16px 18px;color:#45235e;font-weight:700}.hla-steps-accordion p{margin:0;padding:0 18px 18px;color:#5b4f61;line-height:1.7}
.hla-varied-takeaways{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.hla-varied-takeaways article{display:flex;gap:12px;padding:18px;border-radius:16px;background:#f6f0fa;border:1px solid #e9dff0}.hla-varied-takeaways article>span{display:grid;place-items:center;flex:0 0 30px;height:30px;border-radius:9px;background:#602c86;color:#fff;font-weight:800}.hla-varied-takeaways p{margin:2px 0 0;color:#4d4055;font-size:13px;line-height:1.6}.hla-varied-scenario{position:relative;overflow:hidden;padding:30px;border-radius:22px;background:radial-gradient(circle at 100% 0,rgba(142,76,186,.28),transparent 36%),linear-gradient(135deg,#1a082d,#351553);color:#fff}.hla-varied-scenario h3{margin:0 0 12px;color:#fff;font-size:22px}.hla-varied-scenario p{max-width:850px;margin:0;color:#e9deef;font-size:16px;line-height:1.75}
.hla-case-file{overflow:hidden;margin:24px 0;border:1px solid #e5d9ec;border-radius:24px;background:#fff;box-shadow:0 18px 55px rgba(43,16,65,.1)}.hla-case-cover{padding:35px;background:radial-gradient(circle at 92% 10%,rgba(255,153,102,.25),transparent 30%),linear-gradient(135deg,#24103b,#542379);color:#fff}.hla-case-cover h3{max-width:850px;margin:0;color:#fff;font-size:22px;line-height:1.65}.hla-case-reveal{margin-top:22px;padding:12px 17px;border:0;border-radius:12px;background:#fff;color:#45205f;font:700 12px Poppins,sans-serif;cursor:pointer}.hla-case-body{padding:28px}.hla-case-body>p{margin:0 0 23px;color:#514557;line-height:1.75}
.hla-visual-board{padding:30px;border:1px solid #e5d9eb;border-radius:22px;background:linear-gradient(145deg,#fbf8fd,#f3eaf8)}.hla-visual-board .hla-varied-takeaways{margin-bottom:0}.hla-timeline{padding:30px 28px;border-left:5px solid #7136a8;background:#faf7fc}.hla-timeline .hla-steps-cards{grid-template-columns:1fr}.hla-timeline .hla-steps-cards article{position:relative;border:0;border-bottom:1px solid #e5d9eb;border-radius:0;background:transparent}.hla-timeline .hla-steps-cards article:last-child{border-bottom:0}.hla-field-guide{overflow:hidden;border:1px solid #e5daec;border-radius:24px;background:#fff}.hla-field-intro{padding:30px;background:#f5eef9}.hla-field-intro p{margin:0;color:#4c4053;line-height:1.75}.hla-field-guide>.hla-varied-takeaways,.hla-field-guide>.hla-varied-steps{margin:22px 26px}.hla-practice-lab{padding:30px;border-radius:22px;background:linear-gradient(135deg,#fff5ee,#faf6fd);border:1px solid #eddacc}.hla-path-options{display:flex;gap:10px}.hla-path-options button{width:45px;height:45px;border:0;border-radius:13px;background:#522573;color:#fff;font:800 14px Poppins,sans-serif;cursor:pointer}.hla-path-options button.is-active{background:#d86e3c;transform:translateY(-2px)}.hla-path-feedback{margin-top:18px;padding:18px;border-left:4px solid #ff9966;background:#fff;color:#4e414f;line-height:1.7}.hla-reflection>div{padding:0 20px 18px}.hla-reflection p{margin:9px 0;padding:10px 14px;border-radius:11px;background:#fff;line-height:1.6}.hla-editorial-note{margin:28px 0;color:#776c7c;font-size:11px;line-height:1.6}
@media(max-width:760px){.hla-static-grid,.hla-steps-cards,.hla-varied-takeaways{grid-template-columns:1fr}.hla-varied-header>p{font-size:15px}.hla-varied-hero{border-radius:18px}.hla-case-cover,.hla-case-body,.hla-visual-board,.hla-timeline,.hla-practice-lab{padding:21px}.hla-varied-scenario{padding:23px}.hla-field-guide>.hla-varied-takeaways,.hla-field-guide>.hla-varied-steps{margin:18px}}