#sounds-writing{border:2px solid var(--green,#007a5e);border-radius:22px;padding:22px!important;background:var(--paper,#fffdf7);margin:24px 0}
#sounds-writing h2{margin:0;font-size:clamp(24px,4vw,34px)}#sounds-writing p{line-height:1.6}#sounds-writing .sounds-source{font-size:13px;color:var(--muted,#667081)}
.sounds-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.sound-card{min-width:0;border:1px solid var(--line,#ddd8cb);border-radius:16px;padding:18px;background:#fff;color:#142033}
.sound-card h3{margin:0;font-size:20px}.sound-card>p{font-size:14px}.sound-card audio{display:block;width:100%;min-width:0;margin:14px 0}.sound-card form{display:grid;gap:10px}.sound-card label{font-weight:700;font-size:14px}
.sound-card input{width:100%;min-width:0;border:2px solid #a9b6b0;border-radius:10px;padding:12px;color:#142033;background:#fff;font:inherit}.sound-card input:focus-visible,.sound-card summary:focus-visible{outline:3px solid #e8b622;outline-offset:3px}
.sound-card .sound-result{min-height:24px}.sound-result.correct{color:#075b49;font-weight:800}.sound-card summary{cursor:pointer;padding:8px 0;text-decoration:underline}.sound-card details strong,.sound-card details span{display:block;margin-top:8px}
.sounds-progress,.sounds-finish{font-weight:800;color:#075b49}.sound-error{color:#901e31}.kids-mode #sounds-writing{background:#fff5c5;border-color:#e5b626}.kids-mode .sound-card{border-width:2px}
@media(max-width:650px){.sounds-grid{grid-template-columns:1fr}#sounds-writing{padding:16px!important}}