/* Diagnoza „Sprawdź się” (2.11.2026) */
.dg{max-width:42rem;margin:1rem 0}
.dg-postep{margin:0 0 .3rem;font-weight:650;font-size:1.05rem}
.dg-pasek{height:.5rem;background:var(--szary);border-radius:999px;overflow:hidden;margin:0 0 .8rem}
.dg-pasek>span{display:block;height:100%;width:10%;background:var(--niebieski);transition:width .2s}
.dg-karta{background:var(--papier);border:2px solid var(--szary);border-radius:8px;padding:1rem 1.1rem}
.dg-tresc{font-size:1.2rem;line-height:1.5;margin:0 0 1rem;overflow-wrap:anywhere}
.dg-etykieta{display:block;font-weight:600;margin:0 0 .3rem}
.dg-wpis{font:inherit;font-size:1.3rem;width:100%;max-width:20rem;min-height:3rem;padding:.4rem .6rem;border:2px solid #94A3B8;border-radius:6px;background:#fff;color:var(--atrament)}
.dg-wpis:focus{outline:3px solid var(--niebieski);outline-offset:1px}
.dg-opcje{border:0;padding:0;margin:0;display:grid;gap:.5rem}
.dg-opcja{display:flex;align-items:center;gap:.7rem;min-height:3rem;padding:.4rem .8rem;border:2px solid var(--szary);border-radius:8px;background:#fff;cursor:pointer;font-size:1.15rem}
.dg-opcja input{width:1.4rem;height:1.4rem;flex:none;accent-color:var(--niebieski)}
.dg-opcja:has(input:checked){border-color:var(--niebieski);background:#E8EFFF}
.dg-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.dg-nawig{display:flex;flex-wrap:wrap;gap:.5rem;margin:.9rem 0 .6rem}
.dg-nawig button{min-height:3rem;font:inherit}
.dg-nawig .przycisk{margin-left:auto}
.dg-nawig button[disabled]{opacity:.5;cursor:default}
.dg-kropki{display:flex;flex-wrap:wrap;gap:.35rem;margin:.4rem 0}
.dg-kropka{min-width:2.75rem;min-height:2.75rem;font:inherit;border:2px solid var(--szary);border-radius:50%;background:#fff;color:var(--atrament);cursor:pointer;padding:0}
.dg-kropka.dg-gotowe{background:#E8EFFF;border-color:var(--niebieski)}
.dg-kropka.dg-pominiete{border-style:dashed}
.dg-kropka[aria-current=step]{outline:3px solid var(--niebieski);outline-offset:1px;font-weight:700}
.dg-wynik{margin:1rem 0}
.dg-wynik h2:focus{outline:none}
.dg-licznik{font-size:1.25rem;font-weight:650}
.dg-grupa{margin:1rem 0}
.dg-tagi{display:flex;flex-wrap:wrap;gap:.4rem;list-style:none;padding:0;margin:.3rem 0}
.dg-tagi li{background:#E8EFFF;border-radius:999px;padding:.3rem .8rem}
.dg-powt-karta{background:var(--papier);border:2px solid var(--szary);border-left:6px solid var(--zloto);border-radius:8px;padding:.8rem 1rem;margin:.8rem 0}
.dg-powt-karta h4{margin:0 0 .4rem;font-size:1.1rem}
.dg-zad{margin:.2rem 0;overflow-wrap:anywhere}
.dg-poprawna{font-weight:650;margin:.2rem 0}
.dg-rozw summary{cursor:pointer;font-weight:600;min-height:2.75rem;display:flex;align-items:center}
.dg-kroki{margin:.3rem 0 .6rem;padding-left:1.3rem}
.dg-linki{margin:.4rem 0 0;padding-left:1.2rem}
.dg-akcje{display:flex;flex-wrap:wrap;gap:.5rem}
.dg-dalej{background:var(--zloto-jasne);border-left:4px solid var(--zloto);padding:.8rem 1rem;margin:1.2rem 0;max-width:42rem}
.dg-dalej summary{cursor:pointer;font-weight:600;min-height:2.75rem;display:flex;align-items:center}
@media (max-width:30rem){
  .dg-karta{padding:.8rem}
  .dg-tresc{font-size:1.1rem}
  .dg-nawig .przycisk{margin-left:0;flex:1 1 100%;order:-1}
  .dg-nawig button:not(.przycisk){flex:1 1 40%}
}