/* The Open Access lesson is deliberately useful on its own. */
.free-lesson-hero{padding:74px 0 64px;background:var(--navy);color:#fff}
.free-lesson-hero .container{max-width:1060px}
.free-lesson-hero .eyebrow{color:#e4c997}
.free-lesson-hero h1{max-width:850px;margin:20px 0;font-family:"Libre Baskerville",Georgia,serif;font-size:clamp(36px,5vw,62px);line-height:1.18;letter-spacing:-.04em;color:#fff}
.free-lesson-hero p:not(.eyebrow){max-width:660px;color:#dbe6ed;font-size:16px;line-height:1.75}
.free-lesson-meta{display:flex;gap:14px;flex-wrap:wrap;margin-top:27px;color:#e4c997;font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}
.free-lesson-layout{display:grid;grid-template-columns:minmax(0,680px) minmax(190px,250px);gap:clamp(35px,6vw,80px);align-items:start;justify-content:center;padding-top:64px;padding-bottom:78px}
.free-lesson-copy{min-width:0;color:#2b4050;font-size:16px;line-height:1.85}
.free-lesson-copy h2{margin:45px 0 15px;font-family:"Libre Baskerville",Georgia,serif;color:var(--navy);font-size:27px;line-height:1.35}
.free-lesson-copy h2:first-child{margin-top:0}
.free-lesson-copy p{margin:0 0 18px}
.lesson-equation{margin:25px 0;padding:23px 26px;border-left:3px solid var(--gold);border-radius:0 10px 10px 0;background:#f2eee5;color:var(--navy);font-family:Georgia,serif;font-size:25px;font-weight:700;line-height:1.4}
.lesson-step{display:grid;grid-template-columns:40px 1fr;gap:14px;margin:20px 0;align-items:start}
.lesson-step>span{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--navy);color:#fff;font-size:13px;font-weight:800}
.lesson-step p{margin:0}
.lesson-practice{display:grid;gap:16px;margin-top:25px}
.lesson-question{padding:22px 24px;border:1px solid var(--stone);border-radius:12px;background:#fff;box-shadow:var(--shadow-sm)}
.lesson-question h3{color:var(--navy);font-size:16px;line-height:1.5;margin-bottom:9px}
.lesson-question details{margin-top:17px;border-top:1px solid var(--stone);padding-top:13px}
.lesson-question summary{color:var(--link);font-size:13px;font-weight:800;cursor:pointer}
.lesson-question summary:focus-visible{outline:2.5px solid var(--teal);outline-offset:4px}
.lesson-question details p{margin:12px 0 0;font-size:14px}
.free-lesson-aside{position:sticky;top:105px;padding:24px;background:var(--paper);border:1px solid var(--stone);border-radius:13px;box-shadow:var(--shadow-sm)}
.free-lesson-aside h2{font-family:"Libre Baskerville",Georgia,serif;color:var(--navy);font-size:20px;line-height:1.4}
.free-lesson-aside p{margin:12px 0 18px;color:var(--mut);font-size:13px;line-height:1.7}
.free-lesson-aside a{display:block;margin-top:12px;color:var(--link);font-size:13px;font-weight:800}
.lesson-finish{margin-top:50px;padding:29px 31px;border-radius:12px;background:var(--study);border-left:3px solid var(--teal)}
.lesson-finish h2{margin:0 0 10px;font-size:22px}
.lesson-finish p{margin:0}
@media(max-width:760px){.free-lesson-layout{display:block;padding-top:42px;padding-bottom:55px}.free-lesson-aside{position:static;margin-top:40px}.free-lesson-hero{padding:55px 0 45px}}
@media(max-width:480px){.free-lesson-hero h1{font-size:34px}.lesson-equation{font-size:21px;padding:19px}.lesson-question{padding:19px}.free-lesson-aside{padding:21px}}