.pron-wrap{max-width:1140px;margin:auto;padding:24px 20px;color:#233f50}.pron-wrap h1{color:#438eae;font-size:clamp(1.8rem,4vw,2.6rem);line-height:1.2;margin:20px 0 14px}.pron-lead{font-size:1.08rem;line-height:1.6;max-width:900px}.pron-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin:28px 0}.pron-card{background:#fff1bb;border:4px solid white;border-radius:26px;overflow:hidden;text-decoration:none;color:inherit;display:flex;flex-direction:column}.pron-card:nth-child(3n+2){background:#e4dcf7}.pron-card:nth-child(3n){background:#c8eee3}.pron-card-copy{padding:22px;flex:1}.pron-card h2{font-size:1.6rem;line-height:1.2;margin:0 0 12px}.pron-card p{line-height:1.5;margin:0}.pron-photo{position:relative;display:block;aspect-ratio:16/10;border-top:4px solid white}.pron-photo img{width:100%;height:100%;object-fit:cover}.pron-photo b{position:absolute;bottom:12px;right:12px;background:#284b56eb;color:white;border-radius:13px;padding:12px 18px}.pron-card:hover{box-shadow:0 5px 16px #244b6b20}.pron-links{display:flex;flex-wrap:wrap;gap:6px 16px;margin-top:15px}.pron-links a{color:#245a7b;font-weight:700;padding:5px 0}.pron-general{background:#e4dcf7;border:4px solid white;border-radius:26px;overflow:hidden;margin:24px 0;display:grid;grid-template-columns:1fr 1fr}.pron-general .pron-photo{height:100%;aspect-ratio:auto;border-top:0;border-left:4px solid white;min-height:230px}.pron-faq{max-width:900px;margin:35px auto;line-height:1.75}.pron-faq h2{font-size:1.55rem;line-height:1.3}.pron-faq details{border-bottom:1px solid #d2e1e9;padding:15px 0}.pron-faq summary{font-weight:700;cursor:pointer;font-size:1.05rem}.pron-faq p{margin:12px 0}.pron-note{font-size:.86rem;color:#5c7380;line-height:1.6}.practice{max-width:800px;margin:14px auto 22px;background:white;border:4px solid white;border-radius:26px;padding:14px 22px;text-align:center}.practice button{font:inherit;font-weight:700;border:0;border-radius:15px;min-height:48px;padding:12px 20px;background:#eaf2f7;color:#274657;cursor:pointer}.practice button:focus-visible,.pron-card:focus-visible{outline:3px solid #315f80;outline-offset:3px}.practice .primary{background:#dc8738;color:white;box-shadow:0 4px 0 #ae682e}.practice .actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin:12px 0}.practice .practice-art{width:min(27dvh,210px);aspect-ratio:1;margin:10px auto;display:flex;align-items:center;justify-content:center}.practice-art img{width:100%;height:100%;object-fit:contain}.pron-sprite{display:block;width:100%;aspect-ratio:1;background-image:url('/obrazki/wymowa/obrazki-do-cwiczen-wymowy.webp');background-size:400% 300%;background-position:var(--x) var(--y)}.practice .syllable{font-size:clamp(3rem,12vw,5rem);font-weight:800;color:#438eae}.practice #utterance{font-size:clamp(1.5rem,4vw,2rem);line-height:1.2;margin:8px 0}.practice mark{background:#ffedbc;color:inherit;border-radius:4px;padding:0 2px}.practice #instruction{margin:8px 0;line-height:1.4}.practice progress{appearance:none;width:100%;height:8px;display:block;margin:10px 0;border:0;border-radius:9px;overflow:hidden;background:#e8f0f6}.practice progress::-webkit-progress-bar{background:#e8f0f6}.practice progress::-webkit-progress-value{background:#65ae98}.practice progress::-moz-progress-bar{background:#65ae98}.practice #step-count{color:#607784;font-size:.9rem}.practice #choices{display:grid;grid-template-columns:1fr 1fr;gap:16px;max-width:460px;margin:12px auto}.practice #choices button{border:3px solid #e3edf3;padding:8px;background:#fafbfc}.practice #choices .practice-art{width:min(23dvh,160px);margin:0 auto}.practice #choices button.right{border-color:#65ae98;background:#ebf8f0}.practice #choices button.wrong{border-color:#dfb16c}.practice #feedback{min-height:1.5em;color:#367259;font-weight:700}.practice details{font-size:.88rem;line-height:1.6;margin-top:10px}.practice select{font:inherit;padding:8px;border-radius:8px;max-width:100%}.practice [hidden],.pron-wrap [hidden]{display:none!important}.practice .small-link{font-size:.85rem;padding:7px 12px;min-height:34px;background:transparent}.practice #complete{padding:18px 0}.practice #complete h2{font-size:1.8rem}body.pron-exercise .site-header .brand-promise{display:none}body.pron-exercise .pron-wrap{padding-top:12px}body.pron-exercise .pron-wrap>h1{font-size:1.35rem;margin:12px 0}body.pron-exercise .pron-lead{display:none}@media(max-width:760px){.pron-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.pron-card-copy{padding:17px}.pron-card h2{font-size:1.35rem}.pron-general{grid-template-columns:1fr}.pron-general .pron-photo{aspect-ratio:16/9;min-height:0;border-left:0;border-top:4px solid white}.practice{padding:12px 14px}.practice .practice-art{width:min(25dvh,190px)}.practice .actions{gap:10px}}@media(max-width:460px){.pron-grid{grid-template-columns:1fr}.pron-wrap{padding-left:14px;padding-right:14px}.practice #choices{gap:10px}.practice #choices .practice-art{width:min(20dvh,135px)}}@media(max-height:700px){.practice .practice-art{width:min(23dvh,155px)}.practice{padding-top:10px;padding-bottom:10px}.practice .actions{margin:8px 0}.practice #instruction{margin:5px 0}.practice button{min-height:42px;padding:9px 16px}}
/* The speaking hub uses the same card grid, without a full-width extra hero. */
.speech-hub .pron-hub-tile{display:flex;flex-direction:column;margin:0;border-radius:26px;background:#c8eee3;min-width:0}.speech-hub .pron-hub-tile .pron-card-copy{padding:22px;flex:1}.speech-hub .pron-hub-tile h2{font-size:1.6rem;line-height:1.2;margin:0 0 12px}.speech-hub .pron-hub-tile h2 a{color:#233f50;text-decoration:none}.speech-hub .pron-hub-tile p{font-size:.95rem;line-height:1.5;margin:0}.speech-hub .pron-hub-tile .pron-links{display:grid;grid-template-columns:1fr 1fr;gap:2px 12px;margin-top:10px}.speech-hub .pron-hub-tile .pron-links a{font-size:.9rem;line-height:1.3;min-height:36px;display:flex;align-items:center}.speech-hub .pron-hub-tile .pron-photo{border-left:0;border-top:4px solid white;aspect-ratio:16/9;height:auto;min-height:0;flex:none}.pron-card,.pron-card:hover,.pron-hub-tile,.pron-hub-tile:hover{transform:none!important}.pron-card p{font-weight:400}.pron-card h2{color:#233f50}.pron-hub-tile .pron-photo b{font-size:.9rem}@media(max-width:700px){.speech-hub .pron-hub-tile h2{font-size:1.4rem}.speech-hub .pron-hub-tile .pron-card-copy{padding:20px}}
.pron-photo b{top:12px;bottom:auto}

.pron-grid{align-items:stretch}.pron-grid>.pron-card{margin:0!important;align-self:stretch}

.practice .actions button{min-height:62px;font-size:1.2rem;padding:14px 24px}.practice #end-preview{width:min(22dvh,170px)}.practice #complete>a{display:block;margin:22px auto 8px;font-size:.9rem}.pron-word-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.pron-word-gallery figure{margin:0;text-align:center}.pron-word-gallery img{width:100%;height:120px;object-fit:contain}.pron-word-gallery figcaption{font-size:.9rem}