.guided-practice{box-sizing:border-box;max-width:620px;margin:auto;min-height:100svh;min-height:100dvh;padding:calc(18px + var(--safe-t,0px)) max(24px,var(--safe-r,0px)) calc(20px + var(--safe-b,0px)) max(24px,var(--safe-l,0px));display:flex;flex-direction:column;gap:24px;color:#344e58}.practice-top{display:flex;gap:12px;align-items:center}.practice-top>span{font-size:14px;font-weight:850;flex:1;min-width:0}.practice-top small{font-size:11px;color:#647b83}.practice-close{border:0;background:transparent;color:#78909a;font-size:32px;min-width:44px;min-height:44px;line-height:1;padding:0}.practice-phases{display:flex;gap:8px}.practice-phases span{flex:1;border-top:5px solid #e2e8e7;padding-top:9px;font-size:12px;font-weight:850;color:#6f8187;text-align:center}.practice-phases [aria-current]{border-color:#58b936;color:#39772b}.practice-content{flex:1;min-width:0}.practice-eyebrow{font-size:11px;font-weight:900;letter-spacing:1px;color:#1686a9;margin:6px 0 14px}.guided-practice h1{font-size:clamp(24px,5.6vw,30px);line-height:1.3;font-weight:900;margin:0 0 18px;outline:none}.practice-lead{font-size:18px;line-height:1.55;margin:14px 0 22px}.practice-mascot{display:block;width:130px;height:135px;object-fit:contain;margin:12px auto 20px}.practice-setup{padding:16px 18px;border-radius:18px;background:#edf3e6;font-size:15px;line-height:1.5}.practice-setup p{margin:4px 0 0}.practice-tools{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}.practice-tools button{display:flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:10px 12px;border:1.5px solid #d8e3e5;background:#fff;border-radius:12px;font:inherit;font-size:13px;font-weight:850;color:#39717d}.practice-tools svg{width:20px;height:20px}.practice-details{font-size:15px;border-bottom:1px solid #dce5e4;padding:16px 0;line-height:1.5}.practice-details summary{font-weight:800;cursor:pointer;min-height:28px}.practice-step-list{display:grid;gap:9px;margin-top:14px}.practice-step-list button{border:2px solid #e0e7e7;border-radius:12px;padding:12px;background:#fff;font:inherit;text-align:left}.practice-step-list [aria-pressed=true]{background:#e7f5d6;border-color:#80bf51}.practice-footer{display:grid;gap:14px;margin-top:auto;padding-top:20px}.practice-footer>.btn{width:100%;text-align:center;justify-content:center;min-height:54px;font-size:14px;font-weight:900;letter-spacing:.5px}.practice-footer>p{font-size:12px;line-height:1.4;color:#687b83;text-align:center;margin:0}.practice-text-button{font:inherit;font-size:14px;font-weight:800;background:none;color:#5d747d;border:0;padding:10px;text-align:center;min-height:44px;text-decoration:none}.practice-action{display:flex;flex-direction:column;justify-content:center}.practice-action h1{font-size:clamp(25px,6vw,32px);line-height:1.4}.practice-action-dog{height:100px;width:95px;object-fit:contain;align-self:flex-end;margin:22px 12px 0}.practice-action .practice-tools{margin-top:auto;padding-top:24px}.practice-observations{display:grid;gap:14px;margin:26px 0}.practice-observations button{font:inherit;font-size:17px;font-weight:800;line-height:1.45;text-align:left;min-height:66px;padding:18px;background:#fff;color:#3e5a65;border:2px solid #dce5e7;border-bottom-width:5px;border-radius:17px}.practice-observations button:hover{border-color:#6cc0d9;background:#edfaff}.practice-feedback{text-align:center}.practice-feedback .practice-lead{max-width:450px;margin:16px auto}.practice-validate{display:flex;align-items:flex-start;gap:12px}.practice-validate input{flex:none;margin-top:5px;width:20px;height:20px;accent-color:#5aa635}.practice-details textarea{width:100%;box-sizing:border-box;font:inherit;font-size:16px;line-height:1.5;padding:12px;border:2px solid #dce5e7;border-radius:12px;margin-top:12px}.practice-xp{display:inline-block;padding:10px 20px;border-radius:14px;background:#e7f6d6;font-size:20px;font-weight:900;color:#4e8730;margin:12px}.guided-practice button:focus-visible,.guided-practice a:focus-visible{outline:3px solid #258dac;outline-offset:4px}.practice-observations button:active{transform:translateY(2px)}
@media(max-width:360px){.guided-practice{padding-inline:16px;gap:18px}.practice-top small{max-width:70px;text-align:right}.practice-phases span{font-size:11px}.practice-mascot{height:110px;width:110px}.practice-observations button{padding:14px;font-size:16px}.practice-lead{font-size:17px}}
@media(min-width:800px){.guided-practice{padding-top:32px;min-height:100vh;padding-bottom:32px}.practice-action h1{font-size:34px}}