/* Shared icon and reading adjustments, loaded after both page styles. */
:root{--muted:#4f6558}
.ui-icon{display:inline-block;width:1em;height:1em;vertical-align:-.15em;flex:none;overflow:visible}
.header-quiz .ui-icon,.primary-button .ui-icon,.lesson-entry-action .ui-icon,.text-button .ui-icon,.back-top .ui-icon{width:20px;height:20px}
.subject-symbol,.goal-icon,.comparison-title>span,.home-sticker>span:first-child{display:inline-grid;place-items:center;flex:none}
.subject-symbol .ui-icon{width:29px;height:29px}.goal-icon .ui-icon,.comparison-title .ui-icon,.home-sticker>span:first-child .ui-icon{width:16px;height:16px}
.art-spark .ui-icon,.home-spark .ui-icon,.sidebar-note .ui-icon,.lesson-summary>div>span .ui-icon{width:1em;height:1em}
.demo-instruction .ui-icon,.concept-line .ui-icon,.try-challenge .ui-icon,.feedback .ui-icon,.review-item .ui-icon{width:20px;height:20px}
.part-button .ui-icon{width:22px;height:22px}.answer-marker .ui-icon{width:16px;height:16px}
.home-sticker>.ui-icon{width:14px;height:14px}.method-arrow .ui-icon{width:24px;height:24px}
.brand small{font-size:12px;letter-spacing:.3px}
.header-nav,.header-nav .header-quiz{font-size:15px}
.breadcrumb{font-size:14px;flex-wrap:wrap;gap:8px 12px;line-height:1.7}
.eyebrow,.contents-label,.section-kicker,.sidebar-label small,.sidebar-bottom,.lesson-meta,.art-note,.fraction-sticker{font-size:14px}
.sidebar-note{font-size:14px;color:var(--muted)}
.lesson-toc a{font-size:15px}.lesson-toc a>span{font-size:13px;color:var(--muted)}
.sidebar-bottom,.art-note,.section-number{color:var(--muted)}
.hero-description{font-size:18px}.lesson-section>p{font-size:17px}
.learning-goal,.concept-line,.remember-line,.lab-top,.lab-top select,.lab-bottom,.lesson-summary ul{font-size:16px}
.step-tabs button{font-size:14px;line-height:1.7;min-height:52px}.step-tabs button>span{font-size:12px;width:23px;height:23px}
.scene-caption{width:200px}.scene-caption strong{font-size:18px}.scene-caption>span,.demo-instruction{font-size:14px;color:var(--muted)}
.demo-instruction{line-height:1.8}.concept-line>span{color:var(--green)}
.fraction-labels strong,.pill{font-size:13px}.fraction-labels small{font-size:14px;color:var(--muted)}.fraction-labels b{font-size:17px}
.text-button{font-size:14px;min-height:44px}.lab-bottom{flex-wrap:wrap}.lab-bottom>span{font-size:14px;white-space:normal}
.lesson-section>p.try-challenge{font-size:15px;color:var(--muted)}
.comparison-title{font-size:15px;line-height:1.8}.comparison-item p{font-size:14px}
.quiz-top,.quiz-options legend,.result-label{font-size:14px}
.quiz-option{font-size:17px;min-height:56px}.primary-button,.secondary-button{font-size:15px;min-height:48px}
.primary-button:disabled{color:#53634d}
.feedback{font-size:16px}.feedback strong{font-size:17px}.quiz-privacy{font-size:14px!important;color:var(--muted)!important}
.results>p:not(.result-label),.review-item{font-size:15px}.answer-review h4{font-size:16px}
.review-item>span{display:inline-flex;align-items:flex-start;gap:5px;min-width:42px}.review-item>span .ui-icon{margin-top:4px}
.quiz-option .answer-marker{font-size:13px}.result-score span{color:var(--muted)}
.footer-brand>span,.lesson-footer>p,.back-top{font-size:14px;line-height:1.8}
.home-hero .eyebrow,.home-section-heading .eyebrow,.home-note,.paper-top,.paper-bottom,.home-method p>span,.lesson-count,.thumbnail-mark,.lesson-category,.entry-details,.home-lessons-note,.home-footer>a:last-child,.home-footer .footer-brand>span{font-size:14px;color:var(--muted)}
.home-description,.lesson-entry-copy>p{font-size:17px;color:var(--muted)}
.home-method strong{font-size:17px}.home-sticker{font-size:14px}.home-sticker>span:first-child{width:25px;height:25px}
.paper-bottom,.entry-details{flex-wrap:wrap}.home-start,.lesson-entry-action{font-size:15px}
.home-method{gap:16px}.home-method>div{min-width:0}.home-footer{flex-wrap:wrap}
@media(max-width:1100px) and (min-width:851px){.page-layout{gap:35px}.step-tabs button{font-size:13px}.lesson-toc a{font-size:14px}}
@media(max-width:720px){.home-header .header-nav .header-quiz{font-size:14px}.home-description,.lesson-entry-copy>p{font-size:16px}.home-method strong{font-size:16px}.paper-bottom{gap:5px 14px}.home-sticker{gap:7px;font-size:13px}}
@media(max-width:600px){
  body{font-size:16px}.brand small{font-size:11px}.header-nav .header-quiz{font-size:14px;padding:8px 11px;gap:7px;min-height:44px}.header-quiz .ui-icon{width:18px;height:18px}
  .lesson-hero{grid-template-columns:1fr;gap:25px}.hero-copy h1{font-size:48px}.hero-description{font-size:16px;margin-top:18px}.lesson-meta{font-size:14px;flex-wrap:wrap;gap:10px}.lesson-meta>span+span{padding-left:10px}.lesson-meta svg{width:17px;height:17px}
  .hero-art{width:min(100%,300px);height:255px;justify-self:center;margin-top:10px}.hero-tile{width:150px;height:150px}.art-note{font-size:13px;max-width:none;left:0;top:-5px}.art-note>span{right:-28px}.fraction-sticker{font-size:13px;padding:10px 13px;gap:11px}.fraction-sticker .fraction{font-size:29px}
  .learning-goal{font-size:15px;line-height:1.9}.section-kicker{font-size:13px}.section-heading h2{font-size:24px}.lesson-section>p{font-size:16px}.section-number{font-size:14px}
  .step-tabs button{font-size:13px;padding:10px 5px;gap:7px}.step-tabs button>span{width:22px;height:22px;font-size:12px}.scene-caption{width:100%}.scene-caption strong{font-size:18px}.scene-caption>span,.demo-instruction{font-size:14px}
  .concept-line,.remember-line{font-size:15px}.fraction-labels strong,.pill{font-size:13px}.fraction-labels b{font-size:16px}.fraction-labels small{font-size:14px;max-width:none}.fraction-explainer{gap:12px;padding:24px 14px}.annotation-line{width:15px}.big-fraction{font-size:58px;width:62px}
  .lab-top{font-size:14px;gap:10px}.lab-top select{font-size:16px;min-height:44px;max-width:100%}.lab-top label{width:100%}.text-button{font-size:14px}.lab-bottom{font-size:15px}.lab-bottom>span{font-size:14px}.lesson-section>p.try-challenge{font-size:15px}
  .comparison{grid-template-columns:1fr}.comparison-item{padding:18px}.comparison-title{font-size:15px;min-height:0}.comparison-item p{font-size:14px}.comparison-title>span{width:23px;height:23px;line-height:1}
  .lesson-summary h3{font-size:20px}.lesson-summary ul{font-size:16px}
  .quiz-top,.quiz-options legend,.result-label{font-size:14px}.question-heading{font-size:20px}.quiz-option{font-size:16px}.primary-button,.secondary-button{font-size:15px}.feedback{font-size:16px}.feedback strong{font-size:17px}.quiz-privacy{font-size:14px!important}
  .quiz-option{flex-wrap:wrap}.quiz-option>span:not(.answer-marker){flex:1;min-width:0}.quiz-option .answer-marker{display:inline-flex;align-items:center;gap:4px;font-size:13px;margin-left:27px;flex-basis:100%;white-space:normal}
  .results>p:not(.result-label),.review-item{font-size:15px}.result-actions{flex-wrap:wrap}.lesson-footer{align-items:flex-start;flex-wrap:wrap}.footer-brand>span,.lesson-footer>p,.back-top{font-size:14px}
}
