.track-page{max-width:900px}.track-nav{display:flex;gap:10px;flex-wrap:wrap;margin:0 0 24px}.track-nav a{padding:10px 14px;min-height:44px;border:1px solid var(--line);border-radius:8px;text-decoration:none}.track-nav a[aria-current]{background:var(--brown-dark);color:var(--card)}.track-chapter{padding-block:20px;border-bottom:1px solid var(--line)}.track-chapter p{font-size:16px;line-height:1.95}.next-step{margin-block:24px;gap:12px!important}.next-step .affiliate{font-size:14px!important;line-height:1.8;margin:4px 0!important}.next-step .button{align-self:flex-start}.next-step .small-note{margin:0}.nav-referral{font-size:14px;color:var(--muted);line-height:1.4}.school-page .school-nav .nav-referral{font-size:14px}.first-track{text-align:center}.order-lab{margin-block:24px}.order-lab input:disabled{opacity:1;background:var(--surface-soft)}.quiz-recommendation{border-top:1px solid var(--line);padding-top:18px;margin-top:18px}.quiz-recommendation .school-form{margin-top:20px;text-align:right}.quiz-result .quiz-recommendation :is(h3,h4,p){color:var(--text-on-light)}.track-page .lesson-check{padding:20px;border:1px solid var(--line);border-radius:12px;margin-block:24px}.track-page :focus-visible{outline:3px solid var(--focus-ring);outline-offset:3px}@media(max-width:760px){.track-page{width:calc(100% - 40px)!important}.track-nav{display:grid;grid-template-columns:1fr}.track-nav a{width:100%;white-space:normal}.track-page h1{font-size:28px;line-height:1.35}.track-page .school-card{padding:20px 16px}.track-chapter{padding-block:16px}.next-step .button{width:100%;justify-content:center}.school-page .school-nav .nav-referral{padding:0 0 10px;width:100%;text-align:right}.school-page[data-school-view=index] .hero-actions{gap:10px}.school-page[data-school-view=index] #excellence{text-align:right;padding:24px 20px}.school-page[data-school-view=index] #excellence h2{text-align:center}.school-page[data-school-view=index] #excellence .button{justify-content:center;width:100%}}
.school-page .school-nav .nav-referral{position:relative;max-width:180px}.nav-referral summary{cursor:pointer;font-size:14px;list-style:none;padding:6px 0}.nav-referral[open] .affiliate{position:absolute;z-index:55;inset-inline-end:0;top:100%;width:min(320px,80vw);padding:18px;background:var(--surface-light);color:var(--text-on-light);border:1px solid var(--line);border-radius:10px;box-shadow:var(--shadow);font-size:14px;line-height:1.8;white-space:normal}@media(max-width:760px){.school-page .school-nav .nav-referral{max-width:none}.nav-referral[open] .affiliate{position:static;width:100%;margin:0}}

/* Practical article navigation, tables, independent checks and worksheets. */
.article-content .article-toc,.article-content .article-goals{padding:20px 24px;border:1px solid var(--line);border-radius:12px;background:var(--card);margin-block:24px}
.article-content :is(.article-toc,.article-goals) h2{margin-top:0;font-size:1.25rem}
.article-toc ol{padding-inline-start:24px;margin-bottom:0}
.article-toc a{display:inline-block;padding-block:8px;min-height:44px}
.article-content [id]{scroll-margin-top:110px}
.article-table{width:100%;border-collapse:collapse;margin-block:20px;font-size:1rem}
.article-table caption{text-align:right;font-weight:600;padding-block:12px}
.article-table :is(th,td){text-align:right;vertical-align:top;padding:12px;border-bottom:1px solid var(--line);min-width:90px;color:var(--text-on-light)}
.article-table thead{background:var(--surface-soft)}
.article-table tbody th{font-weight:500}
.article-content .lesson-check{padding:20px;border:1px solid var(--line);border-radius:12px;margin-block:20px;background:var(--card);color:var(--text-on-light)}
.article-content .lesson-check h3{font-size:1.125rem;line-height:1.7;color:var(--text-on-light)}
.article-answers{display:grid;gap:10px}
.article-answers button{width:100%;text-align:right;justify-content:flex-start;white-space:normal;line-height:1.7}
.article-content .lesson-check [role=status]:not(:empty){padding:14px;border-inline-start:3px solid var(--brown);background:var(--surface-soft);border-radius:6px}
.article-worksheet{border:1px solid var(--line);border-radius:12px;padding:20px;margin-block:28px}
.article-worksheet summary{cursor:pointer;font-weight:600;min-height:44px;line-height:1.8}
.article-worksheet label{display:block;margin-top:20px;font-weight:500}
.article-worksheet textarea{display:block;width:100%;margin-block:8px 16px;padding:12px;border:1px solid var(--muted);border-radius:8px;background:var(--card);color:var(--text-on-light);font:inherit}
.article-content :focus-visible{outline:3px solid var(--focus-ring);outline-offset:3px}
@media(max-width:640px){.article-content{width:calc(100% - 40px)!important}.article-content :is(.article-toc,.article-goals,.lesson-check,.article-worksheet){padding:16px}.article-table :is(th,td){padding:10px;font-size:14px}.article-content h1{font-size:28px;line-height:1.4}.article-content h2{font-size:23px;line-height:1.5}}
@media print{.article-content{width:100%!important;max-width:none!important}.article-toc,.article-answers,[data-print]{display:none!important}.article-worksheet{break-inside:avoid}.article-table{font-size:12pt}.article-worksheet textarea{height:70px}.article-content h2{break-after:avoid}}

.article-answers button[aria-pressed=true]{border-color:var(--brown);background:var(--surface-soft);box-shadow:inset 0 0 0 1px var(--brown)}