/* Ćwiczenia „Sprawdź się” — dodatek do styl.css (kolory z tokenów, krój dziedziczony). Minimum: czytelne przyciski
   odpowiedzi, oznaczenie poprawnej/błędnej także słowem i znakiem (nie samym kolorem), luka w cytacie.
   Kolory w obu trybach: poprawna — zieleń teorii charakteru (--dz-tch-*), błędna — akcent (wiśnia); kontrast ≥ 4,5:1
   tekstu i ≥ 3:1 obramowań zmierzony na tokenach. */
.cw-ustawienia fieldset { border: 1px solid var(--linia); border-radius: var(--zaokr, 10px); margin: 0 0 .5rem; padding: .5rem 1rem; }
.cw-ustawienia legend { font-weight: 600; }
.cw-ustawienia fieldset label { display: inline-flex; align-items: center; gap: .4em; margin-right: 1.25rem; }
.cw-ustawienia select { max-width: 100%; }
.cw-seria, .cw-licznik, .cw-uwaga, .cw-bez-zapisu, .cw-zrodlo { color: var(--tekst-2); font-size: var(--t-drobne, .9rem); }
.cw-pytanie h2 { margin-top: .25rem; }
.cw-termin { font-size: 1.25rem; }
.luka { letter-spacing: .05em; color: var(--odnosnik); white-space: nowrap; }
.cw-opcje { list-style: none; padding: 0; margin: .5rem 0; max-width: var(--szer-tekstu, 40rem); }
.cw-opcje li { margin: 0 0 .5rem; }
.cw-opcja { display: block; width: 100%; text-align: left; font: inherit; padding: .6rem .9rem; cursor: pointer;
            background: var(--karta); color: var(--tekst); border: 1px solid var(--obwodka); border-radius: 8px; }
/* obramowanie --obwodka jest granicą przycisku: ≥ 3,7:1 wobec tła strony i karty w obu trybach (WCAG 1.4.11) */
.cw-opcja:hover:not(:disabled), .cw-opcja:focus-visible { border-color: var(--akcent); background: var(--pomocnicza); }
.cw-opcja:disabled { cursor: default; color: var(--tekst); }
.cw-litera { display: inline-block; min-width: 1.5em; font-weight: 600; }
.cw-opcje-definicje .cw-opcja { line-height: 1.45; }
.cw-zrodlo { margin: .15rem 0 0 2.2rem; }
.cw-dobra { border: 2px solid var(--dz-tch-obrys, var(--dz-tch)); background: var(--dz-tch-tlo); }
.cw-zla { border: 2px solid var(--akcent); background: var(--wyroznienie); }
.cw-znak { font-weight: 600; white-space: nowrap; }
.cw-ok { color: var(--dz-tch-napis); font-weight: 600; }
.cw-blad { color: var(--odnosnik); font-weight: 600; }
.cw-odpowiedz { margin-top: .75rem; }
.cw-odpowiedz h3 { margin: .75rem 0 .25rem; font-size: 1rem; }
.cw-dalej, .cw-przyciski button { display: inline-flex; align-items: center; min-height: 40px; font: inherit; font-weight: 500;
  padding: .3rem 1rem; cursor: pointer; border: 1px solid var(--obwodka); border-radius: 8px; background: var(--karta); color: var(--tekst); }
.cw-dalej:hover, .cw-przyciski button:hover { background: var(--pomocnicza); }
.cw-przebieg li { margin: .15rem 0; }
@media (max-width: 40rem) { .cw-ustawienia fieldset label { display: flex; } .cw-zrodlo { margin-left: 0; } }
@media print { .cwiczenia { display: none; } }