/* Story reader, with the original interactive lessons retained only in the archive. */
#academy-reader{max-width:820px;margin:0 auto;background:#fff;border:1px solid #e6e7e7;padding:28px clamp(24px,4vw,62px) 34px}
.reader-top{display:flex;align-items:center;justify-content:space-between;gap:14px;border-bottom:1px solid #eceef1;padding-bottom:22px;margin-bottom:32px}
#story-back{padding:0;border:0;border-radius:0;background:none;color:#627791;font-size:12px}
#reader-position{font-size:10px;color:#647184}
.reader-byline{display:flex;align-items:center;gap:13px;margin-bottom:26px}
.reader-byline .person-monogram{width:47px;height:47px;font-size:18px}
#reader-person{display:block;font-size:14px;font-weight:600}
#reader-person-note{display:block;font-size:11px;color:#647184;margin-top:4px;line-height:1.7}
#lesson-tag{font-size:10px;color:#79889b;letter-spacing:1px;margin:0 0 12px}
#lesson-title{font-size:clamp(27px,2.6vw,37px);line-height:1.5;letter-spacing:-1.3px;margin:0 0 22px;word-break:keep-all;overflow-wrap:anywhere;color:#263b56}
#lesson-intro{font-size:17px;line-height:1.95;color:#647184;word-break:keep-all;overflow-wrap:anywhere;padding-bottom:26px;margin:0 0 30px;border-bottom:1px solid #eaedf1}
#lesson-body p{font-size:16px;line-height:2.1;color:#516176;margin:0 0 25px;word-break:keep-all;overflow-wrap:anywhere}
#lesson-body p:first-child::first-letter{font-size:24px;font-weight:600;color:#344e70}
.story-takeaway{margin:34px 0;padding:24px 25px;background:#f6f5f1;border-left:2px solid #9da9b9}
.story-takeaway>span{font-size:10px;color:#647184;letter-spacing:.5px}
.story-takeaway p{font-size:18px;line-height:1.8;color:#3a536f;margin:10px 0 0;word-break:keep-all;overflow-wrap:anywhere;font-weight:600}
.story-reflection{border-top:1px solid #e7eaf0;padding:28px 0 14px;margin-top:32px}
.story-reflection .learning-eyebrow{font-size:9px}
.story-reflection h3{font-size:20px;letter-spacing:-.7px;margin:9px 0 12px}
.story-reflection p{font-size:14px;line-height:1.9;color:#647184;word-break:keep-all;overflow-wrap:anywhere}
.story-reflection a{display:inline-block;font-size:12px;color:#536f93;border-bottom:1px solid #acb8c9;padding-bottom:5px;margin-top:8px}
.story-reflection a span{margin-left:10px}
.reader-footer{margin-top:26px}
.story-sources{border-block:1px solid #e9edf2;padding:16px 0;color:#647184;font-size:11px;line-height:1.8}
.story-sources summary{cursor:pointer}
.story-sources a{color:#526f96;text-decoration:underline;text-underline-offset:4px;overflow-wrap:anywhere}
.story-sources li{margin:10px 0}
.story-sources ul{padding-left:17px}
.lesson-actions{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:27px 0 13px}
#lesson-complete{font-size:12px;padding:10px 18px;border:1px solid #d7dfe9;border-radius:3px;background:#fff;color:#476183}
#lesson-complete[aria-pressed=true]{background:#edf2f8;border-color:#8499b4;color:#32527b}
#lesson-next{font-size:13px;color:#375d8b;text-align:right;text-decoration:underline;text-underline-offset:5px}
#learning-storage{font-size:10px;line-height:1.8;color:#647184;min-height:18px}
#legacy-lesson-tools{font-size:14px;color:#63758d;line-height:1.9}
#lesson-example,#lesson-practice,.lesson-quiz,#compound-tool{background:#f7f9fc;padding:22px;margin:24px 0;border:1px solid #e5eaf2}
#lesson-practice li{margin:12px 0}
#quiz-choices{display:flex;flex-wrap:wrap;gap:10px}
#quiz-choices button{border-radius:3px;white-space:normal;text-align:left;font-size:13px}
#quiz-choices button[aria-pressed=true]{background:#e8eff9;border-color:#7d96b9}
#compound-form{display:flex;gap:12px;flex-wrap:wrap;align-items:end}
#compound-form label{flex:1;min-width:100px}
#compound-result{display:block;margin-top:18px;color:#385c8b}
@media(max-width:760px){
 #academy-reader{padding:22px 20px 24px}
 .reader-top{padding-bottom:18px;margin-bottom:24px}
 #story-back{font-size:11px}
 .reader-byline{margin-bottom:20px}
 #reader-person-note{font-size:10px}
 #lesson-title{font-size:27px;letter-spacing:-1.2px}
 #lesson-intro{font-size:15px;margin-bottom:24px;padding-bottom:24px}
 #lesson-body p{font-size:15px;line-height:2}
 .story-takeaway{padding:20px}
 .story-takeaway p{font-size:16px}
 .story-reflection h3{font-size:19px}
 .story-reflection p{font-size:13px}
 .story-reflection a{font-size:11px}
 .lesson-actions{gap:10px}
 #lesson-next{font-size:12px}
}
@media(max-width:400px){#academy-reader{padding:20px 16px}#lesson-title{font-size:25px}.story-takeaway{padding:17px}#reader-position{font-size:9px}#lesson-complete{padding:9px 12px}.story-reflection a{line-height:1.9}}