.phrase-lesson{margin:14px 0;padding:20px;border:1px solid #c3d3cc;border-radius:16px;background:#f7faf6;font-size:14px;line-height:1.7;overflow-wrap:anywhere}
.phrase-lesson h3{font-family:inherit;font-weight:700;font-size:17px;line-height:1.5;margin:0 0 18px;color:var(--ink)}
.phrase-lesson h4{font-size:14px;margin:0 0 8px}
.phrase-lesson p{margin:6px 0}
.phrase-lesson .phrase-pattern{font-size:20px;font-weight:700;line-height:1.5}
.phrase-lesson .phrase-meaning{margin-bottom:18px;color:#335c50;font-weight:600}
.phrase-lesson dl{margin:0 0 18px}
.phrase-lesson dt{font-weight:700;font-size:12px;color:#446357;margin-top:12px}
.phrase-lesson dd{margin:3px 0 0}
.phrase-spoken{padding:14px;border-radius:12px;background:#eaf2eb;margin:16px 0 20px}
.phrase-lesson .phrase-note{font-size:12px;line-height:1.7;color:#445f56}
.phrase-example-text{font-weight:600;font-size:16px;line-height:1.6}
.phrase-examples{list-style:none;padding:0;margin:0}
.phrase-examples li{border-top:1px solid #d7e0d7;padding:14px 0}
.phrase-examples li:last-child{padding-bottom:0}
.phrase-situation{display:inline-block;font-size:12px;color:#426456;font-weight:600}
.phrase-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}
.phrase-lesson button{min-height:44px;font-size:12px;padding:9px 12px}
.phrase-actions button{flex:1 1 135px}
.phrase-lesson button:focus-visible{outline:3px solid #398d83;outline-offset:3px}
.phrase-lesson button:disabled{opacity:.65;cursor:wait}
@media(max-width:480px){.phrase-lesson{padding:15px}.phrase-lesson .phrase-pattern{font-size:18px}.phrase-actions{gap:7px}}