.practice{margin-block:48px;border-block:2px solid var(--ink);padding-block:28px;color:var(--ink);background:var(--paper)}
.practice h2{font-size:clamp(25px,4vw,36px);margin-bottom:16px}.practice h3{margin-top:28px}.practice p{max-width:70ch}
.practice-toolbar,.practice-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-block:18px}.practice button{min-height:48px;padding:10px 18px;border:1px solid var(--ink);border-radius:0;background:var(--paper);color:var(--ink);font:inherit}.practice button[type=submit]{background:var(--ink);color:var(--paper)}
.practice button:disabled{color:var(--muted);border-color:var(--line);cursor:default}.practice button:focus-visible,.practice :is(input,select,textarea,a):focus-visible{outline:3px solid var(--accent);outline-offset:4px}
.practice-clock{font-variant-numeric:tabular-nums;font-size:28px;font-weight:700;white-space:nowrap}.practice fieldset{min-width:0;border:0;padding:0;margin:24px 0}.practice legend{font-size:21px;font-weight:700;margin-bottom:10px}
.practice-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:28px}.practice-answer{display:grid;grid-template-columns:minmax(0,1fr) 90px;align-items:center;gap:10px;padding-block:10px;border-bottom:1px solid var(--line)}
.practice-answer label{font-size:16px;font-variant-numeric:tabular-nums}.practice :is(select,input[type=text]){width:100%;min-width:0;min-height:48px;padding:8px;border:1px solid var(--muted);border-radius:0;background:var(--paper);color:var(--ink);font:inherit;font-size:16px}
.practice [aria-invalid=true]{outline:2px solid var(--accent)}.practice-errors a{display:block;min-height:44px;padding-block:8px}.practice-filter{display:flex;gap:10px;align-items:center;min-height:48px}.practice-filter input{width:24px;height:24px;accent-color:var(--ink)}
.practice table{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums;font-size:16px}.practice caption{text-align:left;margin-bottom:12px;font-weight:700}.practice :is(td,th){padding:12px 6px;text-align:center;border-bottom:1px solid var(--line)}
.practice-review{margin-top:24px;max-width:70ch}.practice-review label{display:block;margin-bottom:8px;font-weight:700}.practice textarea{width:100%;max-width:100%;min-height:90px;padding:12px;font:inherit;font-size:16px;color:var(--ink);background:var(--paper);border:1px solid var(--muted)}
.practice [data-reset-box]{padding:20px;background:var(--soft);margin-top:20px}.practice [data-practice-status],.practice [data-storage]{font-size:15px;line-height:1.7}.practice [data-practice-status]{min-height:2em}.practice [hidden]{display:none!important}
@media(max-width:900px){.practice-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.practice-grid{grid-template-columns:1fr}.practice-toolbar{align-items:flex-start}.practice-clock{flex-basis:100%}.practice-actions button{flex:1 1 140px}.practice :is(td,th){padding-inline:3px;font-size:15px}}
@media(forced-colors:active){.practice button,.practice input,.practice select,.practice textarea{border:1px solid ButtonText}}