
.ef-word-decoding{max-width:880px;margin-inline:auto}
.ef-word-decoding label{display:block;margin:13px 0 5px;font-weight:600}
.ef-word-decoding select{display:block;width:100%;max-width:560px;min-height:40px}
.ef-word-decoding-target{font-size:clamp(2.5rem,8vw,5rem);font-weight:750;letter-spacing:.055em;text-align:center;margin:30px 0!important;padding:24px 12px;border:1px solid var(--border,#d9dfe5);border-radius:12px;overflow-wrap:anywhere}
.ef-word-decoding-actions{display:flex;gap:12px;flex-wrap:wrap;margin:18px 0}
.ef-word-decoding-feedback{padding:12px;margin:15px 0;border-radius:8px;background:var(--surface-soft,#f4f5f6)}
.ef-word-decoding-feedback.ok{border-left:4px solid #438269}
.ef-word-decoding-feedback.wrong{border-left:4px solid #b76c50}
.ef-word-decoding-result-list{display:grid;gap:9px;margin:15px 0}
.ef-word-decoding-result-list>div{border:1px solid var(--border,#d9dfe5);border-radius:10px;padding:12px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:5px 12px;align-items:center}
.ef-word-decoding-result-list strong,.ef-word-decoding-result-list p,.ef-word-decoding-result-list small{grid-column:1}
.ef-word-decoding-result-list p{margin:0!important;line-height:1.3}
.ef-word-decoding-result-list small{color:var(--muted,#667)}
.ef-word-decoding-result-list button{grid-column:2;grid-row:1/span 3}
@media(max-width:620px){.ef-word-decoding-result-list>div{grid-template-columns:1fr}.ef-word-decoding-result-list button{grid-column:1;grid-row:auto;width:100%}}
