/* Reading size: 20 CSS px = 15 pt at the CSS reference conversion.
   Keep this sheet last so older compact/mobile rules cannot shrink the body. */
#reading-content{font-size:20px;line-height:1.85;color:#344e41;overflow-wrap:anywhere}
#reading-content>p,#reading-content>ul,#reading-content>ol{font-size:inherit;line-height:inherit}
#reading-content>h2{font-size:28px;line-height:1.5;margin:42px 0 20px;letter-spacing:-.5px}
#reading-content .callout{font-size:20px;line-height:1.85;padding:20px 22px}
#reading-content .callout p{font-size:inherit;line-height:inherit;margin:8px 0 0}
#reading-content .callout>b{font-size:15px;line-height:1.6}
#reading-content .math-block{font-size:20px;line-height:1.85;max-width:100%;overflow-x:auto;padding:18px 16px}
#reading-content>.source-link{font-size:15px}
.reading-main .note-toolbar>span{font-size:13px;line-height:1.7}
.reading-main .tags span{font-size:12px}
.reading-rail .toc a{font-size:13px;line-height:1.8}
.reading-main .review-block p{font-size:15px;line-height:1.8}
.reading-main .recall-card strong,.reading-main .recall-card p{font-size:17px;line-height:1.85}
#reading-content .motion-lab p{font-size:16px;line-height:1.85}
#reading-content .motion-lab .learning-caption{font-size:13px;line-height:1.85}
#reading-content .motion-lab .learning-intro{font-size:16px}
#reading-content .motion-lab .motion-equation{font-size:18px}
#reading-content .motion-controls label{font-size:14px}
#reading-content .motion-lab .sim-explanation{font-size:16px!important}
#reading-content .motion-readings strong,#reading-content .sim-readings strong{font-size:18px}
#reading-content .simulation-reference a{font-size:17px}
@media(max-width:650px){
 #reading-content{font-size:20px;line-height:1.85}
 #reading-content>h2{font-size:25px;line-height:1.5}
 #reading-content .callout{padding:16px}
 #reading-content .math-block{padding:14px 10px}
 .reading-main .note-toolbar>span{font-size:12px}
 #reading-content .motion-controls{grid-template-columns:1fr}
}