.spw-practice{max-width:48rem;margin:3rem auto 0}.spw-practice h2{text-align:center;margin-bottom:.5rem;font-size:1.875rem;font-weight:900}.spw-lead{text-align:center;color:var(--muted-foreground);margin-bottom:1rem}.spw-tabs{flex-wrap:wrap;justify-content:center;gap:.5rem;margin-bottom:1rem;display:flex}.spw-tabs button{border:2px solid var(--border);background:var(--card);border-radius:999px;min-height:42px;padding:.4rem .9rem;font-weight:700}.spw-tabs button[aria-pressed=true]{background:var(--yellow)}.spw-card{border:2px solid var(--border);background:var(--card);border-radius:16px;padding:1.25rem}.spw-card h3{margin-bottom:.5rem;font-size:1.5rem;font-weight:900}.spw-instr{margin-bottom:.5rem;font-size:1.125rem;font-weight:700;line-height:1.7}.spw-ex{background:color-mix(in srgb,var(--muted) 30%,transparent);border-radius:10px;margin-bottom:1rem;padding:.5rem .75rem}.spw-ex mark{color:inherit;background:0 0;font-weight:900;text-decoration:underline;text-decoration-thickness:2px}.spw-list{gap:.75rem;padding-inline-start:1.5rem;list-style:decimal;display:grid}.spw-list li::marker{color:var(--muted-foreground);font-weight:700}.spw-list li{font-size:1.15rem;line-height:2.2}.spw-list li>*{vertical-align:middle}.spw-q{align-items:center;gap:.4rem;margin-inline-end:.5rem;font-weight:800;display:inline-flex}.spw-emoji{font-size:1.6rem;line-height:1}.spw-grid{grid-template-columns:repeat(auto-fit,minmax(15rem,1fr))}.spw-opts{flex-wrap:wrap;gap:.5rem;display:inline-flex}.spw-opt{border:2px solid var(--border);color:#111;background:#fff;border-radius:999px;min-width:4.5rem;min-height:44px;padding:.35rem .9rem;font-size:1.1rem;font-weight:700}.spw-opt.ok,.spw-answer input.ok,.spw-practice select.ok{color:#14532d;background:#dcfce7;border-color:#15803d}.spw-opt.bad,.spw-answer input.bad,.spw-practice select.bad{color:#7f1d1d;background:#fee2e2;border-color:#b91c1c}.spw-answer{align-items:center;gap:.35rem;margin:0 .25rem;display:inline-flex}.spw-answer input,.spw-practice select{border:2px solid var(--border);color:#111;background:#fff;border-radius:10px;width:8.5rem;max-width:100%;min-height:44px;padding:.3rem .6rem;font-size:1.1rem;font-weight:700}.spw-practice select{width:auto;min-width:8rem}.spw-mark{font-size:.95rem;font-weight:900}.spw-mark.ok{color:#15803d}.spw-mark.bad{color:#b91c1c}.spw-reveal{color:#b91c1c;border-bottom:2px dashed;font-weight:800}.spw-hint{color:var(--muted-foreground);margin:0 .25rem}.spw-sentence{line-height:2.3}.spw-bank{border:2px dashed var(--border);border-radius:10px;margin-top:1rem;padding:.5rem .75rem}.spw-table-wrap{overflow-x:auto}.spw-table{border-collapse:collapse;width:100%;font-size:1.05rem}.spw-table th,.spw-table td{border:1.5px solid var(--border);text-align:center;padding:.35rem}.spw-table thead th{background:color-mix(in srgb,var(--muted) 45%,transparent);font-size:.9rem}.spw-table tbody th{background:color-mix(in srgb,var(--muted) 30%,transparent)}.spw-table tr.ex td,.spw-table td.given{color:var(--muted-foreground);font-weight:700}.spw-table td.base{font-weight:900}.spw-table .spw-answer{flex-direction:column;margin:0}.spw-table .spw-answer input{width:100%;min-width:4.5rem}.spw-foot{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;margin-top:1.25rem;display:flex}.spw-score{font-size:1.15rem;font-weight:900}.spw-actions{flex-wrap:wrap;gap:.5rem;display:flex}.spw-actions button{border:2px solid var(--border);background:var(--card);border-radius:12px;min-height:44px;padding:.4rem 1rem;font-weight:700}.spw-actions .next{background:var(--yellow);color:#111}@media (width<=480px){.spw-card{padding:.9rem}.spw-table{font-size:.9rem}.spw-table thead th{font-size:.72rem}.spw-table .spw-answer input{min-width:3.6rem;padding:.25rem;font-size:1rem}}