
.ef-phonics{max-width:920px;margin-inline:auto}
.ef-phonics p{line-height:1.55}
.ef-phonics-plan{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;align-items:center;padding:14px;margin:15px 0;border:1px solid var(--border,#d7dce3);border-radius:12px}
.ef-phonics-units{display:grid;gap:9px}
.ef-phonics-unit{border:1px solid var(--border,#d7dce3);border-radius:10px;padding:12px;display:flex;align-items:center;justify-content:space-between;gap:12px}
.ef-phonics-unit>div{min-width:0;display:grid;gap:3px}
.ef-phonics-unit small{display:block;color:var(--muted,#666);overflow-wrap:anywhere}
.ef-phonics-patterns,.ef-phonics-choices,.ef-phonics-stats{display:flex;gap:10px;flex-wrap:wrap;margin:12px 0}
.ef-phonics-patterns span,.ef-phonics-stats span{padding:7px 11px;border:1px solid var(--border,#d7dce3);border-radius:8px}
.ef-phonics-sentence{font-size:clamp(1.15rem,3vw,1.7rem);letter-spacing:.035em;font-weight:700;margin:18px 0!important;overflow-wrap:anywhere}
.ef-phonics .ef-phonics-choices button{min-width:100px}
.ef-phonics form{display:grid;gap:8px;margin:14px 0;max-width:440px}
.ef-phonics-feedback{margin:12px 0;padding:10px;border-radius:7px;font-weight:600}
.ef-phonics-feedback.ok,.ef-phonics-results li.ok{border-left:4px solid #41846b}
.ef-phonics-feedback.wrong,.ef-phonics-results li.wrong{border-left:4px solid #b7644b}
.ef-phonics-feedback.wrong,.ef-phonics-feedback.ok{background:var(--surface-soft,#f4f5f6)}
.ef-phonics .pc-right{outline:2px solid #41846b}
.ef-phonics-score{font-size:2.3rem;font-weight:700}
.ef-phonics-results{padding-left:24px}
.ef-phonics-results li{padding:6px 10px;margin:5px 0;background:var(--surface-soft,#f4f5f6);border-radius:4px}
@media(max-width:600px){.ef-phonics-unit{align-items:flex-start;flex-direction:column}.ef-phonics-unit button{width:100%}}
