/* Stress-and-sounds guide block on the pronunciation lesson (self-contained, no Tailwind dependency) */
.csf-pron{box-sizing:border-box;width:min(100% - 2rem,72rem);margin:2.5rem auto;padding:clamp(1.1rem,3vw,2rem);background:#fff;border:1px solid #cce4d9;border-radius:1.2rem;color:#17352f;font-family:Sora,Inter,system-ui,sans-serif;line-height:1.6}
.csf-pron h2{margin:0 0 .75rem;font:800 clamp(1.4rem,3vw,1.9rem)/1.25 "Playfair Display",Georgia,serif;color:#064e3b}
.csf-pron h3{margin:1.5rem 0 .5rem;font:700 1.1rem/1.35 Sora,Inter,system-ui,sans-serif;color:#064e3b}
.csf-pron__note{margin:.5rem 0;padding:.75rem 1rem;background:#f4fbf9;border-left:4px solid #0d7c66;border-radius:.5rem}
.csf-pron__words{list-style:none;margin:1rem 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,16rem),1fr));gap:.9rem}
.csf-pron__words li{margin:0;padding:.9rem 1rem;border:1px solid #cce4d9;border-radius:.9rem;background:#fbfefd}
.csf-pron__word{display:block;font-weight:800;color:#064e3b}
.csf-pron__say{display:block;margin:.1rem 0 .35rem;font:700 1.25rem/1.3 Sora,Inter,system-ui,sans-serif;color:#0d5c4c;overflow-wrap:anywhere}
.csf-pron__small{display:block;font-size:.9rem;color:#2f4f45}
.csf-pron__flag{display:block;margin-top:.35rem;font-size:.85rem;color:#6b4e00}
.csf-pron__feat{margin:.9rem 0;padding:0}
.csf-pron__feat li{list-style:none;margin:0 0 1rem;padding:0}
.csf-pron details{margin-top:1rem}
.csf-pron summary{min-height:44px;display:flex;align-items:center;cursor:pointer;font-weight:700;color:#065f46}
.csf-pron a{color:#065f46;text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere}
.csf-pron a:focus-visible,.csf-pron summary:focus-visible{outline:3px solid #0d7c66;outline-offset:3px;border-radius:.35rem}