.dr-practice{--navy:#0A2D57;--green:#2E8B57;--paper:#F8F9FA;--ink:#2C3E50;max-width:1120px;margin:0 auto;padding:var(--dr-header-clearance,96px) 1rem 3rem;color:var(--ink);font-family:Inter,sans-serif}.dr-practice[data-ready=false]>:not(noscript){display:none}.dr-practice [hidden]{display:none!important}.dr-hero{padding:.9rem 1.5rem;border:1px solid rgba(255,255,255,.2);border-radius:28px;background:radial-gradient(circle at 15% 15%,rgba(134,239,172,.45),transparent 28%),radial-gradient(circle at 85% 80%,rgba(187,247,208,.35),transparent 30%),linear-gradient(135deg,#052e16 0%,#14532d 48%,#15803d 100%);box-shadow:0 25px 55px rgba(20,83,45,.25);color:#fff;text-align:center}.dr-hero h1{margin:0;color:#fff;font-size:clamp(1.55rem,4vw,2.25rem);font-weight:800;line-height:1.2}.dr-hero-links{display:flex;min-height:44px;flex-wrap:wrap;align-items:center;justify-content:center;gap:.35rem;margin-top:.3rem}.dr-hero-links a{display:inline-flex;min-height:44px;align-items:center;color:#fff;font-weight:700;text-decoration:underline;text-underline-offset:.18em}.dr-status{min-height:1.5rem;margin:.75rem 0;text-align:center}.dr-status:empty{min-height:0;margin:.25rem 0}.dr-status.is-error{padding:.75rem;border:2px solid #b42318;border-radius:.7rem;background:#fff1f0;color:#7a271a}.dr-chooser-heading{display:flex;align-items:center;justify-content:space-between}.dr-rules,.dr-settings,.dr-mixed{margin:.75rem 0;border-top:1px solid #d5dee8}.dr-rules summary,.dr-settings summary,.dr-mixed summary{min-height:44px;padding:.7rem 0;cursor:pointer;font-weight:700}.dr-rule-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.35rem 1rem;padding:.8rem;border-radius:.8rem;background:#f8fafc}.dr-rule-grid p,.dr-extension-rules p{margin:.25rem 0}.dr-extension-rules{margin-top:.7rem;padding:.7rem;border-left:4px solid #7c3aed;background:#f5f3ff}.dr-extension-rules h3{margin:0 0 .4rem;color:#5b21b6}.dr-settings fieldset,.dr-mixed fieldset{margin:0;padding:.4rem .75rem;border:1px solid #cbd5e1;border-radius:.75rem}.dr-settings fieldset+fieldset{margin-top:.65rem}.dr-settings label,.dr-mixed fieldset label{display:inline-flex;min-height:44px;align-items:center;gap:.3rem;margin-right:.65rem}.dr-levels{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem;margin:1rem 0}.dr-practice .dr-levels button{display:flex;height:185px;flex-direction:column;align-items:flex-start;justify-content:center;gap:.45rem;padding:1.2rem;border:1px solid #dbe4f0;border-radius:20px;background:linear-gradient(145deg,#fff,#f1f5f9);box-shadow:0 8px 18px rgba(15,23,42,.06);color:#172554;text-align:left}.dr-practice .dr-levels button.is-extension{border-color:#c4b5fd;background:linear-gradient(145deg,#fff,#f5f3ff)}.dr-level-number{display:grid;width:36px;height:36px;place-items:center;border-radius:50%;background:#e0e7ff;color:#4338ca;font-weight:700}.dr-level-label{color:#64748b;font-size:.68rem;font-weight:600;letter-spacing:.08em}.dr-level-example{display:block;color:#172554;font-weight:600}.dr-level-description{display:block;color:#334155;font-size:.84rem;font-weight:600;line-height:1.4}.dr-practice button,.dr-mixed button{min-height:44px;padding:.65rem 1rem;border:2px solid #ccd5df;border-radius:.75rem;background:#fff;color:var(--navy);font-weight:700;cursor:pointer}.dr-primary,.dr-mixed button{border-color:var(--green)!important;background:var(--green)!important;color:#fff!important}.dr-practice button:focus-visible,.dr-practice input:focus-visible,.dr-practice summary:focus-visible,.dr-practice a:focus-visible{outline:3px solid #FF8C00;outline-offset:3px}.dr-mixed form{padding:.8rem;border-radius:.8rem;background:var(--paper)}.dr-mixed-count{display:flex;max-width:220px;flex-direction:column;gap:.35rem;margin:.75rem 0;font-weight:700}.dr-mixed-count input,.dr-response input{min-height:44px;box-sizing:border-box;padding:.65rem;border:2px solid #9cabb9;border-radius:.65rem;background:#fff;color:var(--ink);font:inherit}.dr-practice [data-dr-practice]{position:relative;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:1.5rem;border-radius:20px;background:#f8fafc;box-shadow:0 8px 24px rgba(15,23,42,.06)}.dr-exit{position:absolute;top:.75rem;right:.75rem;z-index:2;background:transparent!important}.dr-card{width:min(100%,760px);box-sizing:border-box;padding:clamp(1.25rem,4vw,2.4rem);border:1px solid #dbe4f0;border-radius:20px;background:#fff;box-shadow:0 16px 38px rgba(15,23,42,.1);text-align:center}.dr-card[role=button]{cursor:pointer}.dr-card-meta{display:flex;justify-content:space-between;color:#52616f;font-size:.9rem;font-weight:700}.dr-prompt{margin:1.5rem 0;font-size:clamp(1.15rem,3vw,1.65rem);line-height:1.55;overflow-wrap:anywhere}.dr-prompt-candidates{display:block;max-width:100%;text-align:center;overflow-wrap:anywhere}.dr-response{display:flex;justify-content:center;margin:1rem 0}.dr-response:empty{display:none;margin:0}.dr-practice[data-mode=student] .dr-prompt{margin-bottom:.75rem}.dr-practice[data-mode=student] .dr-response{margin-top:.35rem}.dr-response label{display:flex;min-width:180px;flex-direction:column;gap:.35rem;font-weight:700;text-align:left}.dr-feedback{margin-top:1rem;padding:1rem;border-radius:.8rem}.dr-feedback p{overflow-wrap:anywhere}.dr-working{text-align:left}.dr-feedback.is-correct{border:2px solid #2E8B57;background:#ecf8f1;color:#174d32}.dr-feedback.is-wrong{border:2px solid #b42318;background:#fff1f0;color:#7a271a}.dr-next{display:block;align-self:flex-end;justify-self:end;margin:1rem 0 0}.dr-completion{padding:2rem;border-radius:1.25rem;background:var(--paper);text-align:center}.dr-completion div{display:flex;flex-wrap:wrap;justify-content:center;gap:.8rem}.dr-noscript{margin:2rem 0;padding:1rem;border:2px solid #b42318;background:#fff1f0}.dr-practice[data-mode=classroom] .dr-card{min-height:0;display:flex;flex-direction:column;justify-content:flex-start}.dr-practice[data-mode=classroom] .dr-prompt{margin-bottom:.5rem}.dr-practice[data-mode=classroom] .dr-prompt,.dr-practice[data-mode=classroom] .dr-feedback{font-size:clamp(1.35rem,4vw,2.2rem)}
@media(max-width:700px){.dr-practice{padding:var(--dr-header-clearance,92px) .75rem 2rem}.dr-hero{padding:2rem 1rem;border-radius:20px}.dr-hero h1{font-size:1.25rem}.dr-rule-grid{grid-template-columns:1fr}.dr-levels{grid-template-columns:repeat(2,minmax(0,1fr))}.dr-practice .dr-levels button{height:180px;padding:.9rem}.dr-practice [data-dr-practice]{min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:.75rem}.dr-practice [data-dr-practice] .dr-exit{position:static;align-self:flex-end;margin-bottom:0}.dr-card{padding:1rem}.dr-practice[data-mode=classroom] .dr-card{min-height:0}.dr-response label,.dr-response input{width:100%}}
@media(max-width:360px){.dr-levels{grid-template-columns:1fr}.dr-practice .dr-levels button{height:180px}.dr-hero{padding-inline:.75rem}.dr-hero h1{font-size:1.1rem}.dr-hero-links{font-size:.9rem}}