.teaching-card{scroll-margin-top:30px}.teaching-card .tool-card-header{padding-bottom:18px}.teaching-card .tool-card-header h3{font-size:clamp(28px,3.2vw,38px)}.teaching-intro{flex-wrap:wrap;justify-content:space-between;gap:8px;padding:2px 39px 14px;display:flex}.teaching-intro strong{color:#5a8360;letter-spacing:1.6px;font-size:10px}.teaching-intro p{color:#9aa89d;margin:0;font-size:11px}.teaching-groups{flex-wrap:wrap;gap:8px;padding:0 39px 16px;display:flex}.teaching-group{color:#66816b;background:#f2f6ee;border:1px solid #dce7d6;border-radius:6px;padding:12px 17px;font-size:12px;font-weight:700}.teaching-group:hover{background:#e8f2e4}.teaching-group.active{color:#fff;background:#173d33;border-color:#173d33}.teaching-modes{border-top:1px solid #e7eee4;flex-wrap:wrap;gap:7px;padding:12px 39px 23px;display:flex}.teaching-mode{color:#63746b;background:#fff;border:1px solid #dfe9dc;border-radius:24px;padding:9px 13px;font-size:11px;font-weight:700}.teaching-mode:hover{background:#f0f6ec}.teaching-mode.active{color:#286243;background:#e8f3df;border-color:#9bcca0}.teaching-body{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr)}.teaching-body .calc-form{gap:14px}.teaching-form-heading{border-bottom:1px solid #e9eee6;margin-bottom:2px;padding-bottom:17px}.teaching-form-heading h4{letter-spacing:-.65px;margin:8px 0;font:25px Georgia,serif}.teaching-form-heading p{color:#78877c;margin:0;font-size:12px;line-height:1.75}.teaching-help{color:#96a397;background:#f7faf5;border:1px solid #ebf1e8;border-radius:6px;padding:12px 14px;font-size:10px;line-height:1.7}.teaching-result{min-height:450px}.teaching-result .answer{margin-bottom:24px}.teaching-equation{border-top:1px solid #d3e3cc;border-bottom:1px solid #d3e3cc;flex-direction:column;gap:11px;padding:18px 0;display:flex}.teaching-equation span,.teaching-step-heading span,.teaching-preview span{color:#6e906f;letter-spacing:1.2px;text-transform:uppercase;font-size:10px;font-weight:800}.teaching-equation strong{color:#224a35;overflow-wrap:anywhere;font:19px/1.5 Georgia,serif}.teaching-step-heading{justify-content:space-between;align-items:center;gap:10px;margin:27px 0 19px;display:flex}.teaching-step-heading button{color:#386d4a;background:#e8f3e3;border:1px solid #b8d5b6;border-radius:5px;padding:8px 11px;font-size:10px;font-weight:700}.teaching-step-heading button:hover{background:#dbeed4}.teaching-step-list{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.teaching-step-list>li{border-bottom:1px solid #dae8d4;grid-template-columns:30px minmax(0,1fr);gap:14px;padding:17px 0;display:grid}.teaching-step-list>li:first-child{padding-top:0}.teaching-step-num{color:#568461;background:#e2eeda;border:1px solid #d4e6ca;border-radius:50%;place-items:center;width:27px;height:27px;font-size:10px;font-weight:800;display:grid}.teaching-step-list>li>div{flex-direction:column;gap:8px;min-width:0;display:flex}.teaching-step-list strong{color:#274d36;font-size:13px}.teaching-formula{color:#425e47;overflow-wrap:anywhere;font:16px/1.5 Georgia,serif}.teaching-substitution{color:#617d68;overflow-wrap:anywhere;font-size:12px;line-height:1.6}.teaching-step-answer{color:#1d6741;font-size:13px;font-weight:700}.teaching-notes{background:#fff;border:1px solid #dbe7d6;border-radius:6px;margin:24px 0 18px;padding:18px 18px 16px}.teaching-notes>strong{color:#3c6650;font-size:12px}.teaching-notes ul{color:#677b6b;margin:10px 0 0;padding-left:18px;font-size:11px;line-height:1.85}.teaching-notes li+li{margin-top:6px}.teaching-preview{border-top:1px solid #d6e5cf;max-width:350px;padding:22px 0}.teaching-preview p{color:#839c84;font-size:12px;line-height:1.8}.teaching-result .output-footnote{margin-top:26px}@media (max-width:860px){.teaching-body{grid-template-columns:1fr}.teaching-result{border-top:1px solid #dbe8d5;border-left:0}}@media (max-width:700px){.teaching-intro,.teaching-groups,.teaching-modes{padding-left:22px;padding-right:22px}.teaching-group{padding:10px 12px;font-size:11px}.teaching-mode{padding:9px 10px}.teaching-result .answer{margin-bottom:16px}}