.skill-page{max-width:1160px;margin:0 auto;padding:2rem 1.5rem;color:var(--m4u-text,#172337);--skill-diagram-main:#dbeafe;--skill-diagram-strip:#bfdbfe;--skill-diagram-corner:#fde68a}
.skill-area-dimension{fill:var(--m4u-text,#172337)}
.skill-path{padding:1.4rem;margin:1.5rem 0 2rem;background:var(--m4u-surface,#fff);border:1px solid var(--m4u-border,#d7e0ec);border-radius:12px;scroll-margin-top:1rem}.skill-path>h2{font-size:1.6rem;font-weight:700}.skill-path>p{max-width:850px;line-height:1.75}.skill-path-list{list-style:none;display:grid;gap:1rem;padding:0;margin:1.4rem 0 0}.skill-path-list>li{display:flex;gap:1rem;padding:1rem;border:1px solid var(--m4u-border,#d7e0ec);border-radius:9px;min-width:0}.skill-path-number{display:grid;place-content:center;flex:none;width:30px;height:30px;border-radius:50%;background:var(--m4u-primary-soft,#eef3ff);color:var(--m4u-link,#1d4ed8);font-weight:700}.skill-path-list h3{font-size:1.1rem;margin:0 0 .4rem;line-height:1.5}.skill-path-list p{font-size:.9rem;color:var(--m4u-muted,#526176);margin:0 0 .65rem}.skill-path-list>li>div>a{display:inline-block;margin:.3rem 1rem .1rem 0;font-size:.9rem}.skill-path a:focus-visible{outline:3px solid var(--m4u-link,#1d4ed8);outline-offset:3px}
.skill-numeric-label{display:grid;gap:.45rem;max-width:340px;font-size:.9rem;font-weight:600}.skill-numeric-input{width:100%;min-width:0;border:1px solid var(--m4u-border,#aebed1);background:var(--m4u-surface,#fff);color:var(--m4u-text,#172337);border-radius:7px;padding:.7rem;font-size:1rem}.skill-table-wrap{max-width:100%;overflow-x:auto;margin:1rem 0}.skill-sign-table{width:100%;min-width:320px;border-collapse:collapse;font-size:.9rem}.skill-sign-table th,.skill-sign-table td{padding:.65rem;border:1px solid var(--m4u-border,#d7e0ec);text-align:left}.skill-sign-table th{background:var(--m4u-primary-soft,#eef3ff)}.skill-lesson-route{display:grid;gap:.75rem;padding:1.25rem 0;font-size:.9rem;border-top:1px solid var(--m4u-border,#d7e0ec);margin-top:2rem}.skill-next>.m4u-button{max-width:100%;white-space:normal;text-align:left}
.skill-page h1{font-size:clamp(2rem,4vw,3rem);font-weight:760;letter-spacing:-.035em;line-height:1.1;margin:.5rem 0 1rem}.skill-page h2{font-size:1.45rem;font-weight:720;line-height:1.3}.skill-page h3{font-size:1.12rem;font-weight:680;line-height:1.45}.skill-page p,.skill-page li,.skill-page dd{line-height:1.75}.skill-page a:focus-visible,.skill-page button:focus-visible,.skill-page summary:focus-visible,.skill-page input:focus-visible{outline:3px solid var(--m4u-link,#1d4ed8);outline-offset:3px}
.skill-hero{max-width:880px;margin-bottom:1.8rem}.skill-lead{font-size:1.15rem;line-height:1.65;color:var(--m4u-muted,#526176);max-width:760px}.skill-hero-actions{display:flex;flex-wrap:wrap;gap:1rem;align-items:center;margin:1.3rem 0}.skill-meta{display:flex;flex-wrap:wrap;gap:.65rem 1.2rem;font-size:.82rem;color:var(--m4u-muted,#526176)}.skill-meta>span+span::before{content:'·';margin-right:.8rem}.skill-tabs{display:flex;gap:.25rem;flex-wrap:wrap;border-bottom:1px solid var(--m4u-border,#d7e0ec);padding-bottom:.4rem;margin-bottom:1.7rem}.skill-tabs>a{padding:.65rem .9rem;text-decoration:none;border-radius:7px;font-size:.91rem;font-weight:600}.skill-tabs>a[aria-current=page]{background:var(--m4u-primary-soft,#eef3ff);color:var(--m4u-link,#1d4ed8);box-shadow:inset 0 -2px var(--m4u-link,#1d4ed8)}.skill-tabs>a:hover{text-decoration:underline}.skill-tabs>a>span{font-size:.72rem;padding:.12rem .3rem;margin-left:.2rem;border:1px solid var(--m4u-border,#d7e0ec);border-radius:4px}
.skill-panel,.skill-example,.skill-question,.skill-practice-summary{background:var(--m4u-surface,#fff);border:1px solid var(--m4u-border,#d7e0ec);border-radius:12px;padding:1.5rem;margin-bottom:1.25rem;min-width:0}.skill-panel>h2,.skill-example>h3{margin-top:0}.skill-eyebrow{font-size:.74rem;font-weight:750;letter-spacing:.075em;text-transform:uppercase;color:var(--m4u-link,#1d4ed8);margin:0 0 .5rem}.skill-overview-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);gap:1.25rem}.skill-formula{background:var(--m4u-primary-soft,#eef3ff);border-radius:8px;padding:.7rem 1rem;overflow-x:auto;max-width:100%;margin:.9rem 0}.skill-formula mjx-container[display=true]{margin:.45rem 0!important}.skill-route ol{padding-left:1.2rem;margin:0}.skill-route li{padding:.25rem 0 .65rem .35rem}.skill-route strong,.skill-route span{display:block}.skill-route span{font-size:.9rem;color:var(--m4u-muted,#526176)}.skill-recall-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem;margin:1.1rem 0}.skill-recall-grid details{padding:.8rem;border:1px solid var(--m4u-border,#d7e0ec);border-radius:8px;background:var(--m4u-primary-soft,#eef3ff)}.skill-recall-grid summary{cursor:pointer;font-weight:600;line-height:1.8}.skill-recall-grid details p{font-size:.91rem;margin:.7rem 0 0}.skill-step-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem;margin-top:1.2rem}.skill-step-grid>div>span{display:inline-flex;justify-content:center;align-items:center;width:30px;height:30px;border-radius:50%;background:var(--m4u-primary-soft,#eef3ff);color:var(--m4u-link,#1d4ed8);font-weight:750;margin-bottom:.7rem}.skill-step-grid h3{font-size:1rem}.skill-step-grid p{color:var(--m4u-muted,#526176);font-size:.92rem}.skill-inline-link{display:inline-flex;align-items:center;gap:.4rem;margin:.5rem 0}
.skill-reading-layout{display:grid;grid-template-columns:205px minmax(0,1fr);gap:1.8rem;align-items:start}.skill-toc{position:sticky;top:1rem;display:grid;gap:.5rem;font-size:.86rem}.skill-toc>p{font-weight:700;margin-bottom:.3rem}.skill-toc a{padding:.3rem 0;text-underline-offset:3px}.skill-prose{max-width:820px;min-width:0}.skill-prose section[id]{scroll-margin-top:1.5rem}.skill-prose>section>h2{margin:1.5rem 0 1rem}.skill-prose .skill-panel>h2{margin:0 0 1rem}.skill-prose li{margin-bottom:.7rem}.skill-working{padding-left:1.3rem;margin:1rem 0}.skill-working>li{padding-left:.35rem;margin-bottom:1rem}.skill-working p{margin:.3rem 0}.skill-example{border-left:4px solid var(--m4u-link,#1d4ed8)}.skill-takeaway{background:var(--m4u-primary-soft,#eef3ff);padding:.75rem 1rem;border-radius:7px;font-size:.93rem;margin-bottom:0}.skill-area{max-width:450px;margin:1.4rem auto}.skill-area>svg{width:100%;height:auto;aspect-ratio:430/350;color:#1e3a5f}.skill-area figcaption{font-size:.8rem;line-height:1.6;color:var(--m4u-muted,#526176);margin-top:.6rem}.skill-mistakes{margin-bottom:0}.skill-mistakes dt{font-weight:650;margin-top:1rem}.skill-mistakes dd{font-size:.94rem;margin:.3rem 0 1rem;color:var(--m4u-muted,#526176)}
.skill-next,.skill-signup{display:flex;gap:1.2rem;align-items:center;justify-content:space-between;padding:1.4rem;background:var(--m4u-primary-soft,#eef3ff);border:1px solid var(--m4u-border,#d7e0ec);border-radius:12px;margin:1.5rem 0}.skill-next>div{min-width:0}.skill-next h2{font-size:1.25rem}.skill-next p{margin-bottom:.4rem}.skill-next>.m4u-button{flex-shrink:0}.skill-signup{display:block}.skill-signup h2{font-size:1.25rem}.skill-signup>.m4u-button{margin-right:1rem}.skill-resource-panel{border:1px solid var(--m4u-border,#d7e0ec);background:var(--m4u-surface,#fff);border-radius:10px;margin:1.5rem 0;padding:1rem 1.2rem}.skill-resource-panel>summary{font-weight:650;cursor:pointer}.skill-resource-panel>div{display:grid;gap:.8rem;padding-top:1rem}.skill-footer-note{display:flex;gap:.6rem 1.2rem;flex-wrap:wrap;font-size:.79rem;color:var(--m4u-muted,#526176);padding-top:1.3rem;border-top:1px solid var(--m4u-border,#d7e0ec);margin-top:2rem}
.skill-practice-summary{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.5rem 1.5rem;align-items:center}.skill-practice-summary h2{font-size:1.15rem}.skill-practice-summary p{margin-bottom:.4rem}.skill-save-note,.skill-record-note{font-size:.85rem;color:var(--m4u-muted,#526176);max-width:760px}.skill-progress-ring{display:grid;place-content:center;text-align:center;border:5px solid var(--m4u-primary-soft,#dbeafe);border-radius:50%;width:98px;height:98px}.skill-progress-ring strong{font-size:1.65rem;line-height:1.1}.skill-progress-ring span{font-size:.72rem;color:var(--m4u-muted,#526176)}.skill-practice-summary progress{width:100%;height:9px;grid-column:1/-1;accent-color:var(--m4u-link,#1d4ed8)}.skill-answer-help{margin:0 0 1.5rem;font-size:.91rem}.skill-answer-help summary{cursor:pointer;font-weight:600}.skill-answer-help p{margin:.8rem 0}.skill-group-heading{margin:2rem 0 1rem!important;font-size:1.25rem!important}.skill-question{scroll-margin-top:1rem}.skill-question-heading{display:flex;gap:.7rem;align-items:center;margin-bottom:1rem}.skill-question-heading h3{margin:0;flex:1}.skill-question-number{display:inline-flex;justify-content:center;align-items:center;border:1px solid var(--m4u-border,#d7e0ec);border-radius:50%;width:30px;height:30px;flex:none;font-size:.82rem;font-weight:650}.skill-question-status{font-size:.75rem;max-width:10rem;color:var(--m4u-muted,#526176);text-align:right}.skill-question-body{font-size:1.05rem;overflow-x:auto;max-width:100%}.skill-fieldset{margin:1rem 0;border:0;padding:0;min-width:0}.skill-fieldset legend{font-size:.85rem;font-weight:600;margin-bottom:.6rem}.skill-coefficients{display:flex;gap:1rem;flex-wrap:wrap}.skill-coefficients label{display:flex;align-items:center;gap:.55rem;font-size:1.1rem}.skill-coefficients input{width:108px;max-width:100%;padding:.65rem .6rem;background:var(--m4u-surface,#fff);border:1px solid var(--m4u-border,#aebed1);color:var(--m4u-text,#172337);border-radius:7px;font-size:1rem}.skill-coefficients input[aria-invalid=true]{border-color:#b42318;box-shadow:0 0 0 1px #b42318}.skill-question-actions{display:flex;gap:.8rem 1rem;flex-wrap:wrap;align-items:center;margin-top:1.1rem}.skill-question-actions>a{font-size:.85rem}.skill-text-button{font-size:.85rem;font-weight:600;border:0;padding:.5rem 0;background:transparent;color:var(--m4u-link,#1d4ed8);text-decoration:underline;text-underline-offset:3px}.skill-text-button:disabled{color:var(--m4u-muted,#526176);opacity:.55;cursor:not-allowed;text-decoration:none}.skill-feedback{margin-top:1rem;font-size:.95rem;line-height:1.65}.skill-feedback:empty,.skill-record-note:empty{display:none}.skill-feedback[data-kind=correct]{border-left:3px solid #168653;padding:.7rem 1rem;background:var(--m4u-primary-soft,#eef3ff)}.skill-feedback[data-kind=incorrect],.skill-feedback[data-kind=error]{border-left:3px solid #b96a15;padding:.7rem 1rem;background:var(--m4u-primary-soft,#eef3ff)}.skill-record-note{margin:.6rem 0 0}.skill-hint,.skill-solution{border-top:1px solid var(--m4u-border,#d7e0ec);padding-top:1rem;margin-top:1rem;font-size:.94rem;line-height:1.8;overflow-x:auto}.skill-solution p{margin:.55rem 0}.skill-choice{display:flex;gap:.7rem;align-items:center;border:1px solid var(--m4u-border,#d7e0ec);border-radius:8px;padding:.8rem;margin:.6rem 0;cursor:pointer;min-width:0}.skill-choice:hover{background:var(--m4u-primary-soft,#eef3ff)}.skill-choice:has(input:checked){border-color:var(--m4u-link,#1d4ed8);background:var(--m4u-primary-soft,#eef3ff)}.skill-choice input{flex:none;accent-color:var(--m4u-link,#1d4ed8);width:18px;height:18px}.skill-choice>span{min-width:0;overflow-x:auto;overflow-y:hidden;padding:.3rem 0}.skill-choice p{margin:0}.skill-question[data-latest=correct]{border-color:#168653}.skill-more{display:flex;align-items:baseline;flex-wrap:wrap;gap:.7rem 1.2rem}.skill-more h2{width:100%;margin:0}.skill-page [hidden]{display:none!important}
@media(max-width:950px){.skill-reading-layout{grid-template-columns:1fr}.skill-toc{position:static;display:flex;flex-wrap:wrap;gap:.4rem 1rem}.skill-toc p{width:100%}.skill-overview-grid{grid-template-columns:1fr}.skill-next{align-items:start;flex-direction:column}.skill-prose{max-width:none}}
@media(max-width:600px){.skill-page{padding:1.4rem 1rem}.skill-panel,.skill-example,.skill-question,.skill-practice-summary{padding:1.1rem}.skill-recall-grid,.skill-step-grid{grid-template-columns:1fr}.skill-step-grid{gap:.7rem}.skill-step-grid>div>span{float:left;margin:.1rem .7rem .4rem 0}.skill-step-grid p{margin-bottom:.4rem}.skill-step-grid>div{clear:both}.skill-meta{gap:.5rem .7rem;font-size:.75rem}.skill-meta>span+span::before{display:none}.skill-tabs>a{padding:.6rem .65rem;font-size:.81rem}.skill-practice-summary{gap:.5rem .8rem}.skill-progress-ring{width:78px;height:78px}.skill-progress-ring span{font-size:.64rem}.skill-question-heading{flex-wrap:wrap}.skill-question-status{width:100%;max-width:none;text-align:left;margin-left:2.6rem;margin-top:-.4rem}.skill-coefficients{gap:.65rem .9rem}.skill-coefficients input{width:88px}.skill-question-actions{gap:.45rem .9rem}.skill-question-actions .m4u-button{width:100%}.skill-working{padding-left:1.1rem}.skill-formula{padding:.5rem .6rem}.skill-page h2{font-size:1.28rem}.skill-lead{font-size:1.03rem}}
