.ef-sentence-phonics{max-width:850px;margin-inline:auto}
.ef-sentence-phonics label{display:block;margin:12px 0;font-weight:600}
.ef-sentence-phonics label select{display:block;width:100%;max-width:540px;margin-top:6px}
.ef-sentence-phonics-prompt{font-size:clamp(1.3rem,3vw,1.8rem);line-height:1.6;font-weight:650;padding:16px;border:1px solid var(--border,#d5d9dd);border-radius:12px;overflow-wrap:anywhere}
.ef-sentence-phonics form{display:grid;gap:12px;margin:14px 0;max-width:700px}
.ef-sentence-phonics form textarea{width:100%;box-sizing:border-box;border-radius:7px;padding:12px}
.ef-sentence-phonics-feedback{padding:12px;margin:15px 0;border-radius:8px;background:var(--surface-soft,#f4f5f6)}
.ef-sentence-phonics-feedback.ok{border-left:4px solid #3e8167}
.ef-sentence-phonics-feedback.wrong{border-left:4px solid #ad6549}
.ef-sentence-phonics-score{font-size:2rem;font-weight:700}
.ef-sentence-phonics-results{display:grid;gap:12px}
.ef-sentence-phonics-results>div{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:10px;border:1px solid var(--border,#d5d9dd);border-radius:10px;padding:10px}
.ef-sentence-phonics-results small{grid-column:1/-1;grid-row:2;color:var(--muted,#666);overflow-wrap:anywhere}
@media(max-width:640px){.ef-sentence-phonics-results>div{grid-template-columns:minmax(0,1fr) auto}.ef-sentence-phonics-results>div button{grid-column:1/-1}}