/* Reading styles, loaded only for the five lesson reflections. */
.yh-lesson-article{max-width:900px;padding-block:52px 25px;font-size:1.125rem;line-height:1.9;overflow-wrap:break-word}
.yh-lesson-article .card{border:0!important;background:transparent;overflow:visible;margin-bottom:32px!important}
.yh-lesson-article .card-body{padding:0;display:flow-root}
.yh-lesson-article h2{font-size:clamp(2rem,3.2vw,2.8rem);line-height:1.16;margin:36px 0 22px}
.yh-lesson-article h3{font-size:clamp(1.6rem,2.6vw,2.1rem);line-height:1.2;margin:30px 0 16px}
.yh-lesson-article h4{font-size:1.5rem;line-height:1.3;margin:25px 0 14px}
.yh-lesson-article .card-body>h2:first-child{margin-top:0}
.yh-lesson-article p{margin-bottom:22px}
.yh-lesson-article .float-end{width:38%;max-width:38%!important;margin:6px 0 22px 28px!important;height:auto}
.yh-lesson-article .row{--bs-gutter-x:2rem;--bs-gutter-y:1.5rem;margin-bottom:38px!important}
.yh-lesson-article>.row{display:block;margin-inline:0}
.yh-lesson-article>.row>[class*="col-"]{width:100%;padding-inline:0}
.yh-lesson-article .row>div>h2:first-child{margin-top:0}
.yh-lesson-article .row>div>h3:first-child{margin-top:0}
.yh-lesson-article img{border-radius:6px;object-fit:contain}
.yh-article-figure{width:100%;max-width:560px;margin:32px auto 38px}
.yh-article-figure-wide{max-width:640px}
.yh-article-figure img{display:block;width:100%;height:auto;max-height:none;border-radius:10px}
.yh-article-figure figcaption{margin-top:14px;padding-left:14px;border-left:2px solid var(--yh-plum);font-size:.9375rem;line-height:1.65;color:var(--yh-muted)}
.yh-lesson-article .row img.m-3{display:block;width:100%;max-width:calc(100% - 2rem);margin:1rem auto!important}
.yh-lesson-article .list-group-item{background:transparent;border-color:var(--yh-line);padding:16px 0;color:var(--yh-ink);line-height:1.9}
.yh-lesson-article ul:not(.list-group){padding-left:24px}
.yh-lesson-article li{margin-bottom:8px}
.yh-lesson-article .ratio{clear:both;max-width:760px;margin:28px auto;border-radius:6px;overflow:hidden;background:var(--yh-sage)}
.yh-video-fallback{max-width:760px;margin:0 auto 28px;font-size:1.125rem;color:var(--yh-muted)}
.yh-article-meta{color:var(--yh-muted);font-size:.9375rem;letter-spacing:.02em;margin-top:20px}
.yh-article-related{max-width:900px;padding:35px 0 65px;border-top:1px solid var(--yh-line)}
.yh-article-related h2{font-size:clamp(2rem,3.2vw,2.8rem);margin-bottom:28px}
.yh-article-related .yh-eyebrow{margin-bottom:14px}
.yh-article-related ul{display:grid;grid-template-columns:1fr 1fr;gap:12px 32px;list-style:none;padding:0;margin:0 0 25px}
.yh-article-related li a{display:flex;align-items:center;justify-content:space-between;gap:18px;border-bottom:1px solid var(--yh-line);padding:12px 0;font-size:1.125rem;text-decoration:none}
.yh-article-related li a:hover{text-decoration:underline}
@media(max-width:900px){
    .yh-lesson-article .float-end{float:none!important;display:block;max-width:100%!important;width:100%;height:auto;max-height:420px;margin:25px auto!important}
    .yh-lesson-article .row>[class*="col-"]{width:100%;order:initial}
    .yh-lesson-article .row img.m-3{width:100%;max-height:240px!important}
}
@media(max-width:767px){
    .yh-lesson-article{padding-top:34px;font-size:1.125rem;line-height:1.85}
    .yh-lesson-article h2{font-size:2rem;margin:30px 0 18px}
    .yh-lesson-article h3{font-size:1.6rem;margin:25px 0 15px}
    .yh-lesson-article h4{font-size:1.4rem}
    .yh-lesson-article .ratio{margin-block:22px}
    .yh-article-related{padding-bottom:45px}
    .yh-article-related ul{grid-template-columns:1fr;gap:3px}
}
@media print{.yh-article-related{display:none}.yh-lesson-article{max-width:100%;padding-top:0}}