/* Only the three new lessons use these classes and this stylesheet. */
.whitening-lesson .page-intro{padding-block:2rem;min-height:0}
.whitening-lesson .page-intro h1{font-size:clamp(2rem,4.5vw,3.5rem);margin-bottom:1rem}
.whitening-lesson .page-intro+.section-pad{padding-top:1rem}
.whitening-lesson .lesson-body{max-width:960px;margin-inline:auto}
.whitening-lesson .lesson-block{padding-block:1.75rem;border-top:1px solid #b7c4c5}
.whitening-lesson .lesson-block h2{font-size:clamp(1.45rem,3vw,2rem);line-height:1.2;max-width:28ch}
.whitening-lesson .lesson-block h3{font-size:1.15rem;line-height:1.4}
.whitening-lesson .worked-reading{border:1px solid #687476;background:#f5faf9;color:#171717;padding:1.25rem;margin-block:1.25rem;break-inside:avoid}
.whitening-lesson .worked-reading p,.whitening-lesson .worked-reading strong{color:inherit}
.whitening-lesson .worked-reading p:last-child{margin-bottom:0}
.whitening-lesson .lesson-diagram{margin:1.5rem 0;border:1px solid #687476;padding:1.25rem;break-inside:avoid}
.whitening-lesson .diagram-panels{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}
.whitening-lesson .diagram-panel{min-width:0;border:1px solid #687476;padding:1rem}
.whitening-lesson .diagram-panel h3{margin-top:0}
.whitening-lesson .diagram-panel svg{display:block;width:100%;height:auto;max-height:150px}
.whitening-lesson .lesson-diagram figcaption{font-size:.95rem;line-height:1.5;margin-top:1rem}
.whitening-lesson .proposal-map{grid-template-columns:repeat(3,minmax(0,1fr))}
.whitening-lesson .lesson-links{margin-block:1rem;line-height:1.7}
.whitening-lesson .lesson-sources{border-top:2px solid #171717;margin-top:2rem;padding-top:1.25rem}
.whitening-lesson .lesson-sources li{margin-bottom:.75rem}
.whitening-lesson table{width:100%;border-collapse:collapse;table-layout:fixed}
.whitening-lesson th,.whitening-lesson td{padding:.75rem;border:1px solid #687476;text-align:left;vertical-align:top;overflow-wrap:anywhere}
.whitening-lesson a:focus-visible{outline:3px solid #08e8f6;outline-offset:4px}
@media(max-width:650px){.whitening-lesson .diagram-panels,.whitening-lesson .proposal-map{grid-template-columns:minmax(0,1fr)}.whitening-lesson .worked-reading,.whitening-lesson .lesson-diagram{padding:1rem}.whitening-lesson table,.whitening-lesson tbody,.whitening-lesson tr,.whitening-lesson th,.whitening-lesson td{display:block;width:100%}.whitening-lesson thead{display:none}.whitening-lesson th{border-bottom:0}.whitening-lesson td{border-top:0}.whitening-lesson tr{margin-bottom:1rem}}
@media print{
 .whitening-lesson a:focus-visible{outline-color:#171717}
 .whitening-lesson .page-intro{padding:0 0 12pt!important}
 .whitening-lesson .lesson-body{max-width:none}
 .whitening-lesson .lesson-block{padding:10pt 0;break-inside:avoid}
 .whitening-lesson .worked-reading,.whitening-lesson .lesson-diagram{padding:9pt;margin:9pt 0;break-inside:avoid}
 .whitening-lesson .diagram-panels{grid-template-columns:repeat(2,minmax(0,1fr))}
 .whitening-lesson .proposal-map{grid-template-columns:repeat(3,minmax(0,1fr))}
 .whitening-lesson .lesson-diagram svg{max-height:90pt}
 .whitening-lesson .lesson-block h2{font-size:16pt!important}
 .whitening-lesson .lesson-sources,.whitening-lesson .lesson-close{break-inside:avoid}
 .whitening-lesson .lesson-block:has(+.lesson-close){break-before:page;break-after:avoid}
 .whitening-lesson .next-step{display:block;break-before:avoid;break-inside:avoid}
 .whitening-lesson .skip-link{display:none}
 .whitening-lesson .lead,.whitening-lesson .next-step p,.whitening-lesson .next-step h2,.whitening-lesson a{color:#171717!important}
 .whitening-lesson .next-step,.whitening-lesson .next-step .button{background:#fff!important;color:#171717!important;border-color:#171717}
}
@media(max-width:650px){.whitening-lesson .lesson-body table caption{display:block;width:100%;box-sizing:border-box;text-align:left}}