/* Calm reading surface within the same maritime setting as the discovery pages. */
.lesson-page{position:relative;isolation:isolate;overflow-x:clip;background:radial-gradient(ellipse at 50% 0,#e7f7ff 0,transparent 60%),var(--sea)}
.lesson-page .lesson-layout{max-width:920px;padding-block:22px 85px}
.lesson-page .reading-back{margin-bottom:22px}
.lesson-page .lesson-article{min-width:0;padding:44px 48px 36px;background:#fffdf8;border:1px solid #b5cdd2;border-radius:24px;box-shadow:0 8px 0 #5673830c}
.reading-seascape{position:absolute;inset:0;z-index:-1;pointer-events:none;overflow:hidden}
.reading-coast{position:absolute;right:-160px;top:190px;width:330px;opacity:.4}
.reading-wave{position:absolute;width:65px;opacity:.6}
.reading-wave img{display:block;width:100%;height:auto}
.reading-wave-one{left:4%;top:470px}
.reading-wave-two{right:5%;bottom:110px}
.reading-emblem{position:relative;isolation:isolate;display:inline-block;flex:none;width:29px;height:26px}
.reading-emblem .hex-outline path{stroke-width:1.3}
.lesson-page .lesson-heading{padding-bottom:28px;margin-bottom:32px;border-bottom:1px solid #dedccc}
.lesson-page .lesson-heading .eyebrow{display:flex;align-items:center;gap:11px;text-transform:none;letter-spacing:0;font-size:13px;line-height:1.5;font-weight:600;color:#46616a;margin-bottom:23px}
.lesson-page .lesson-heading h1{font-size:clamp(30px,3.5vw,46px);line-height:1.16}
.lesson-page .topic-list{gap:8px;margin-top:22px}
.lesson-page .topic-list a{background:#f7edcf;border-color:#d5cba9;padding:7px 13px;font-size:12px;min-height:34px}
.lesson-page .topic-list a:hover{background:#efe1b5}
.lesson-page .dualon-feedback{border-color:#dedccc}
.lesson-page .lesson-navigation{border-color:#dedccc}
.lesson-page .lesson-navigation .button{border-radius:10px}
.lesson-page .lesson-navigation .button-outline{background:#f7edcf;border-color:#9aaea9}
@media(max-width:760px){
 .lesson-page .lesson-layout{width:calc(100% - 24px);padding-block:13px 45px}
 .lesson-page .reading-back{margin-left:6px;margin-bottom:16px}
 .lesson-page .lesson-article{padding:28px 22px 25px;border-radius:18px}
 .lesson-page .lesson-heading{padding-bottom:24px;margin-bottom:26px}
 .lesson-page .lesson-heading .eyebrow{font-size:12px;margin-bottom:20px}
 .lesson-page .lesson-heading h1{font-size:32px}
 .reading-coast{right:-145px;width:210px;top:40px;opacity:.3}
 .reading-wave-one{display:none}
 .reading-wave-two{width:40px;bottom:10px}
 .lesson-page .lesson-navigation .button{white-space:normal;justify-content:center;gap:10px}
}
@media(max-width:360px){.lesson-page .lesson-article{padding-inline:18px}.lesson-page .lesson-heading h1{font-size:29px}.lesson-page .dualon-feedback-options{grid-template-columns:1fr}}

.lesson-page .lesson-navigation .button-sand:hover{background:#efe1b5}