.dw{max-width:980px;margin:auto;padding:24px 18px;color:#243e4f}.dw h1{font-size:clamp(1.7rem,4vw,2.5rem);color:#438eae;line-height:1.16}.dw .lead{font-size:1.1rem;line-height:1.6}.dw button{font:inherit;cursor:pointer;border:0;border-radius:16px;padding:15px 22px;min-height:52px;color:#243e4f;background:#eaf2f8;font-weight:700}.dw button:focus-visible{outline:3px solid #243e4f;outline-offset:4px}.dw button.primary{background:#dc8738;color:#fff;box-shadow:0 5px 0 #b66b28}.dw .group-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:25px 0}.dw .group{background:#fff1b8;text-align:left;border:4px solid white;padding:24px;display:flex;flex-direction:column;gap:16px}.dw .group:nth-child(2){background:#e4daf7}.dw .group strong{font-size:1.4rem}.dw .group span{font-weight:400;line-height:1.7}.dw .panel{background:white;border-radius:26px;padding:24px;text-align:center;margin:24px 0}.dw .animal{display:block;aspect-ratio:1;background-image:url('/obrazki/trudne-slowa/zwierzeta-trudne-nazwy.webp');background-size:400% 300%;background-position:var(--x) var(--y);background-repeat:no-repeat;width:min(100%,330px);margin:auto;border-radius:16px}.dw #word{font-size:clamp(1.8rem,6vw,2.8rem);margin:10px 0}.dw #prompt{min-height:3em;line-height:1.5}.dw .controls{display:flex;flex-wrap:wrap;justify-content:center;gap:14px;margin:22px 0}.dw progress{display:block;width:100%;height:12px;margin:16px 0;accent-color:#65ae98}.dw #counter{color:#5f7380}.dw #collection{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.dw #collection .animal{width:100%}.dw #collection span{font-size:.9rem}.dw details{margin:25px 0;line-height:1.75}.dw summary{cursor:pointer;font-size:1.15rem;font-weight:700}.dw article{line-height:1.75}.dw article h2{font-size:1.4rem;margin-top:30px}.dw .video{aspect-ratio:16/9;width:100%;border:0;border-radius:16px}.dw .note{font-size:.88rem;color:#5f7380}.dw [hidden]{display:none!important}@media(max-width:600px){.dw .group-grid{grid-template-columns:1fr}.dw .panel{padding:20px 14px}.dw .animal{max-width:270px}.dw #collection{grid-template-columns:repeat(2,1fr)}}
body:has(#exercise:not([hidden])) .dw>h1,body:has(#exercise:not([hidden])) .dw>.lead{display:none}.dw progress{appearance:none;border:0;border-radius:10px;overflow:hidden;background:#e8eff4}.dw progress::-webkit-progress-bar{background:#e8eff4}.dw progress::-webkit-progress-value{background:#65ae98}.dw progress::-moz-progress-bar{background:#65ae98}@media(max-width:600px){body:has(#exercise:not([hidden])) .brand-promise{display:none}.dw #exercise{margin-top:15px}.dw #exercise .animal{max-width:220px}.dw #exercise #word{margin:6px 0}.dw #exercise #prompt{margin:8px 0;min-height:0}.dw #exercise .controls{margin:15px 0}.dw #exercise #sets{font-size:.85rem;padding:8px 14px;min-height:40px}}
.dw .animal{clip-path:inset(1% 3% round 12px)}
/* Keep the pronunciation action visible on short laptop and phone screens. */
body:has(#exercise:not([hidden])) .dw{padding-top:12px;padding-bottom:12px;max-width:860px}
.dw #exercise{margin:10px 0 16px;padding:16px 22px;min-height:0}
.dw #exercise .animal{width:min(30dvh,230px);max-width:100%}
.dw #exercise #word{font-size:clamp(1.6rem,4vw,2.1rem);line-height:1.15;margin:5px 0}
.dw #exercise #prompt{min-height:0;margin:8px 0;line-height:1.3}
.dw #exercise progress{margin:9px 0;height:8px}
.dw #exercise .controls{margin:12px 0}
.dw #exercise #sets{min-height:32px;padding:6px 12px;font-size:.8rem;background:transparent}
.dw #exercise #self-check p{font-size:.85rem;margin:4px 0}
body:has(#exercise:not([hidden])) .brand-promise{display:none}
@media(max-height:700px){.dw #exercise .animal{width:min(26dvh,180px)}.dw #exercise{padding:12px 16px}.dw #exercise button{min-height:44px;padding:10px 18px}.dw #exercise .controls{margin:8px 0}}
.dw .animal{clip-path:none;border-radius:0}