.classroom-guide{max-width:900px;margin:0 auto;padding:32px 28px 64px;color:#303d33;line-height:1.8}.classroom-guide header{margin:36px 0 28px}.classroom-guide h1{font-size:clamp(30px,4vw,46px);line-height:1.35;letter-spacing:-.03em;margin:12px 0 20px}.guide-lead{font-size:21px;color:#697568}.classroom-guide a{color:#42633a;text-underline-offset:4px}.guide-nav{display:flex;flex-wrap:wrap;gap:12px 24px;padding:18px 0;border-block:1px solid #e1e7db}.guide-nav a{font-size:16px}.classroom-guide section{padding:28px 0;border-bottom:1px solid #e6e9e2;scroll-margin-top:25px}.classroom-guide h2{font-size:25px;margin:0 0 16px}.classroom-guide p,.classroom-guide li{font-size:18px}.classroom-guide ol{padding-left:25px}.classroom-guide li{padding-left:6px;margin:15px 0}.classroom-guide .guide-note{font-size:14px;color:#687565}.guide-example{padding:18px 22px;background:#f1f6ed;border-radius:10px;display:flex;flex-wrap:wrap;gap:4px 20px;align-items:center}.guide-example span{font-size:15px;color:#65775c}.guide-example a{overflow-wrap:anywhere}.classroom-guide details{padding:16px 0}.classroom-guide summary{cursor:pointer;font-size:18px;font-weight:600}.classroom-guide footer{margin-top:24px}.classroom-guide .button{color:#fff}.classroom-guide .intro-actions{flex-wrap:wrap;gap:20px}.classroom-guide .public-kicker{font-size:15px;color:#71806a}@media(max-width:600px){.classroom-guide{padding:10px 0 36px}.classroom-guide header{margin-top:24px}.guide-lead{font-size:18px}.classroom-guide h2{font-size:22px}.classroom-guide p,.classroom-guide li{font-size:17px}.guide-nav{gap:12px 20px}.guide-example{padding:14px}.classroom-guide section{padding:24px 0}}
.guide-methods{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:24px 0}.guide-methods>a{display:flex;flex-direction:column;gap:8px;padding:24px;border:1px solid #dbe5d5;border-radius:14px;text-decoration:none;background:#f8fbf5}.guide-methods>a:first-child{background:#edf5e6}.guide-methods>a:hover{border-color:#718a5d}.guide-methods span,.guide-methods small{font-size:14px;color:#65745b}.guide-methods strong{font-size:25px;color:#2d4228}.guide-methods p{margin:0;font-size:17px}.guide-methods b{margin-top:10px;font-size:16px}.classroom-guide h3{font-size:21px;margin:25px 0 12px}.guide-methods>a:focus-visible{outline:3px solid #718a5d;outline-offset:3px}@media(max-width:600px){.guide-methods{grid-template-columns:1fr;gap:12px}.guide-methods>a{padding:20px}}