.listen-mode-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:22px 0}.listen-mode-grid button{display:grid;gap:10px;text-align:left;padding:20px}.listen-mode-grid b{font-size:22px}.listen-mode-grid small{font-size:14px;line-height:1.6;color:#5b7478}.listen-mode-grid [aria-pressed=true]{background:#e9f2eb;border:2px solid #287c70}.lu-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:22px 0}.lu-steps span{padding:12px;border-radius:10px;background:#e6eae2;font-size:14px;text-align:center}.lu-steps .active{background:#287c70;color:white;font-weight:700}.lu-context{font-size:20px}.lu-listen{padding:22px;background:#fffdf7;border:1px solid #d6e2d7;border-radius:16px}.lu-listen button{margin:4px}.lu-letter{display:inline-flex;width:32px;height:32px;border-radius:50%;background:#edf4ed;align-items:center;justify-content:center;margin-right:12px;font-size:15px}.choice-list button:disabled{opacity:.52}.lu-original{padding:20px;background:white;border-radius:14px;margin-top:20px}.lu-original>p:first-of-type{font-size:25px}#luModel h3,#luRecall h3{margin-top:24px}#luRecall{border-left:4px solid #287c70;padding:10px 20px;background:#fffdf7;scroll-margin-top:110px}#luFeedback:empty{display:none}.parent-notice{padding:14px 18px;background:#fff2d5;border-radius:12px;margin:14px 0;line-height:1.7;font-size:14px}
@media(max-width:600px){.listen-mode-grid{grid-template-columns:1fr;gap:8px}.listen-mode-grid button{padding:15px}.listen-mode-grid b{font-size:20px}.lu-steps{grid-template-columns:repeat(2,1fr)}.lu-context{font-size:18px}.lu-listen{padding:14px}.lu-original>p:first-of-type{font-size:22px}#luRecall{padding:10px 14px}.choice-list button{display:flex;align-items:flex-start}.lu-letter{flex-shrink:0}}