.ipr-lessons .page-intro{padding-block:2rem;min-height:0}
.ipr-lessons .page-intro p{line-height:1.75;max-width:76ch}
.ipr-lessons .visit-body{max-width:80ch;min-width:0}
.ipr-lessons :is(.visit-section,.visit-example,.ipr-schematic){margin-block:2rem;padding-block:1.2rem;scroll-margin-top:9rem}
.ipr-lessons .visit-section{border-top:1px solid #687476}
.ipr-lessons .visit-body h2{font-size:1.8rem;line-height:1.3}
.ipr-lessons .visit-body p{line-height:1.8;overflow-wrap:anywhere}
.ipr-lessons :is(.visit-contents,.visit-example,.ipr-schematic){color:#171717;background:#f5faf9;border:1px solid #687476;padding:1.2rem;min-width:0}
.ipr-lessons :is(.visit-contents,.visit-example,.ipr-schematic) :is(p,h2,h3,li,span,figcaption){color:#171717}
.ipr-lessons a:not(.button){color:#08e8f6;text-decoration:underline;overflow-wrap:anywhere}
.ipr-lessons :is(.visit-contents,.visit-example,.ipr-schematic) a:not(.button){color:#00626b}
.ipr-lessons a:focus-visible{outline:3px solid #08e8f6;outline-offset:4px}
.ipr-lessons :is(.visit-contents,.visit-example,.ipr-schematic) a:focus-visible{outline-color:#00626b}
.ipr-lessons .visit-sources{font-size:.88rem;line-height:1.8}
.ipr-lessons .visit-completion{border-top:1px solid #687476;margin-top:1.2rem;padding-top:.6rem}
.ipr-lessons .visit-related{border-top:1px solid #687476;padding-top:1rem}
.ipr-lessons .visit-ending .next-grid{display:block}
.ipr-lessons .visit-ending .shell{width:100%;margin:0}
.ipr-lessons .visit-ending .button{white-space:normal;max-width:100%}
.ipr-lessons .ipr-schematic{margin-inline:0}
.ipr-lessons .ipr-schematic svg{width:100%;height:auto;display:block}
.ipr-lessons .ipr-key-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
.ipr-lessons .ipr-key-grid h3{font-size:1.1rem;line-height:1.5}
.ipr-lessons .ipr-schematic figcaption{line-height:1.7}
@media(max-width:650px){.ipr-lessons :is(.visit-section,.visit-example){scroll-margin-top:11rem}.ipr-lessons .visit-body h2{font-size:1.5rem}.ipr-lessons .ipr-key-grid{grid-template-columns:1fr}.ipr-lessons .ipr-schematic svg{max-height:150px}}
@media print{
 html.ipr-document{color:#171717;background:#fff}
 .ipr-lessons{font-size:11pt}
 .ipr-lessons main:focus{outline:none}
 .ipr-lessons .skip-link,.ipr-lessons .visit-contents{display:none}
 .ipr-lessons,.ipr-lessons :is(.page-intro,.visit-body,.visit-section,.visit-example,.visit-ending,.next-step,.ipr-schematic){color:#171717;background:#fff}
 .ipr-lessons :is(.page-intro,.visit-body) :is(p,h1,h2,h3,li,span,figcaption,a:not(.button)){color:#171717}
 .ipr-lessons .visit-body p{break-inside:avoid}
 .ipr-lessons :is(.page-intro,.visit-body) p{line-height:1.45;margin-block:.5rem}
 .ipr-lessons .page-intro h1{font-size:24pt;line-height:1.15;margin-block:.5rem 1rem}
 .ipr-lessons .visit-body h2{font-size:16pt;margin-block:.5rem}
 .ipr-lessons .visit-body h3{font-size:12pt}
 .ipr-lessons .visit-body h2{break-after:avoid;break-inside:avoid}
 .ipr-lessons :is(.visit-related,.ipr-schematic){break-inside:avoid}
 .ipr-lessons .visit-example{break-after:avoid}
 .ipr-lessons main[data-lesson="physical-change"] .visit-example{break-inside:avoid}
 .ipr-lessons .visit-ending{break-inside:avoid}
 .ipr-lessons :is(.visit-section,.visit-example){margin-block:1rem;padding:.8rem}
 .ipr-lessons .visit-ending .next-step{display:block;padding-block:1rem}
 .ipr-lessons .visit-ending .next-step :is(p,h2,a){color:#171717}
 .ipr-lessons a:focus-visible{outline-color:#171717}
}