.teaching-demo{max-width:1120px;margin:3rem auto;padding:clamp(1.25rem,4vw,3rem);border:1px solid #d9e4e0;border-radius:24px;background:#f4f8f5;color:#172f2a;scroll-margin-top:6rem}.teaching-demo header{max-width:740px}.teaching-demo h2{font-size:clamp(1.75rem,3vw,2.65rem);line-height:1.15;margin:.5rem 0 1rem}.teaching-demo p{line-height:1.65}.teaching-demo-steps{display:flex;flex-wrap:wrap;gap:.6rem;margin:1.5rem 0}.teaching-demo-steps button{display:flex;align-items:center;gap:.6rem;padding:.8rem 1rem;border:1px solid #bbcdc3;border-radius:10px;background:#fff;color:#234338;font:inherit;font-weight:650;cursor:pointer}.teaching-demo-steps button[aria-pressed=true]{background:#234338;color:#fff;border-color:#234338}.teaching-demo-steps button span{font-size:.8rem;opacity:.8}.teaching-demo button:focus-visible,.teaching-demo a:focus-visible{outline:3px solid #ba8528;outline-offset:4px}.teaching-demo-material{display:grid;grid-template-columns:1.4fr 1fr;border:1px solid #d9e4e0;border-radius:16px;overflow:hidden;background:#fff}.teaching-demo-material>div,.teaching-demo-material aside{padding:clamp(1rem,3vw,2rem)}.teaching-demo-material aside{background:#eaf1ec}.teaching-demo h3{margin:.5rem 0;font-size:1.5rem}.teaching-demo h4{margin:1.25rem 0 .5rem;font-size:1rem}.teaching-demo-context{color:#486457}.teaching-demo-note{border-top:1px solid #c9d8ce;padding-top:1rem;font-size:.875rem}.teaching-demo footer{display:flex;align-items:center;flex-wrap:wrap;gap:1rem;margin-top:1.5rem}.teaching-demo footer>div{flex:1 1 330px}.teaching-demo footer p{margin:.3rem 0;font-size:.9rem}@media(max-width:640px){.teaching-demo{margin:1.5rem .75rem}.teaching-demo-material{grid-template-columns:1fr}.teaching-demo-steps{flex-direction:column}.teaching-demo footer a{width:100%;text-align:center}}