.ed-entry {width:100%; display:flex; align-items:center; justify-content:space-between; padding:20px 24px; background:#f4f7ee; border:1px solid #e4e3d4; border-radius:16px; text-align:left; color:#164e40; cursor:pointer; margin-bottom:16px; font:inherit; gap:12px}
.ed-entry strong {display:block; font-size:19px}.ed-entry small {color:#6e756c; font-size:14px}
.ed-lesson {max-width:1040px; margin:auto; --ed-green:#125841;}
.ed-head {display:flex; justify-content:space-between; gap:12px; align-items:center}
.ed-title {margin:22px 0}.ed-title>span {color:#777; font-size:14px}.ed-title h2 {font-size:clamp(23px,3vw,32px); margin:8px 0; line-height:1.2}
.ed-grid {display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px}
.ed-card {background:#fff; border:1px solid #e6e1d2; border-radius:16px; padding:18px; transition:border-color .15s}
.ed-current {border-color:var(--ed-green); box-shadow:inset 0 0 0 1px var(--ed-green)}
.ed-figures {display:flex; align-items:center; justify-content:center; gap:10px; min-height:144px; margin-bottom:16px}
.ed-figures img {max-width:calc(100% / 3); flex:1; min-width:0; height:155px; object-fit:contain}.ed-figures img:only-child {max-width:100%}
.ed-sentence {font-size:21px; line-height:1.65; margin:0; color:#20251f; cursor:pointer}
.ed-token {display:inline; border:0; background:none; color:inherit; font:inherit; padding:0; cursor:pointer; border-radius:3px}
.ed-phrase {text-decoration:underline; text-decoration-color:#b9c9b3; text-underline-offset:5px; text-decoration-thickness:1px}
.ed-token:hover,.ed-token:focus-visible {background:#eef4df; outline:2px solid #aec9a7; outline-offset:2px}
.ed-zh {font-size:15px; line-height:1.6; color:#707568; margin:8px 0 0}.ed-zh[hidden] {display:none}
.ed-card-actions {display:flex; justify-content:flex-end; align-items:center; gap:14px; margin-top:12px}
.ed-order {margin-right:auto; color:#95978d; font-size:13px}.ed-star {border:0; background:none; font-size:28px; line-height:1; color:#164e40; cursor:pointer; min-width:44px; min-height:44px}
.ed-player {position:sticky; bottom:0; background:#fffcf2f5; border:1px solid #e5dfd0; border-radius:14px; padding:12px; margin-top:20px; backdrop-filter:blur(12px); z-index:4}
.ed-player-row {display:flex; gap:12px; align-items:center; flex-wrap:wrap}.ed-player-row + .ed-player-row {margin-top:10px}
.ed-player button {min-height:42px; padding:8px 16px}.ed-player .primary-button {width:auto}
.ed-head [aria-pressed=true],.ed-player [aria-pressed=true] {background:#e4eedc; color:#164e40; border-color:#94b383}
.ed-gap {font-size:14px; white-space:nowrap}.ed-gap select {font:inherit; padding:5px; border:1px solid #ddd9cb; border-radius:8px; background:white; color:#444}
.ed-audio-count {margin-left:auto; color:#7b7e75; font-size:13px}#edRecordStatus {font-size:13px; color:#ba4026}#edPlayerStatus {font-size:13px; color:#61675c}
.ed-meaning {position:fixed; z-index:1200; width:250px; max-width:calc(100vw - 20px); padding:15px 36px 15px 16px; background:#fffef8; box-shadow:0 6px 28px #24241926; border:1px solid #dfddcf; border-radius:12px; font-size:16px}
.ed-meaning strong,.ed-meaning span {display:block}.ed-meaning span {margin-top:5px; color:#6a705f}.ed-meaning .ed-meaning-close {position:absolute; top:6px; right:6px; border:0; background:none; font-size:24px; min-width:32px; min-height:32px; cursor:pointer; color:#666}
@media(max-width:640px) {.ed-grid {grid-template-columns:1fr; gap:12px}.ed-card {padding:16px}.ed-title {margin:18px 0}.ed-player-row {gap:8px}.ed-player {padding:10px}.ed-player button {padding:8px 12px}.ed-figures img {height:140px}.ed-entry {padding:16px}}

.ed-phonetic {margin-top:4px; color:#6a705f; font-size:15px}
.ed-meaning-actions {display:flex; align-items:center; gap:12px; margin-top:10px}
.ed-meaning-actions button {position:static; min-width:44px; min-height:40px; padding:6px 12px; border:1px solid #dedfd1; border-radius:8px; background:#fffef8; color:#164e40; font:inherit; cursor:pointer}
.ed-meaning-actions svg {width:20px; height:20px; vertical-align:middle}
.ed-meaning-actions button:disabled {color:#818477; cursor:default}

.ed-catalog {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.ed-course {display:flex;align-items:center;gap:12px;min-height:76px;padding:14px;border:1px solid #e6e1d2;border-radius:12px;background:#fff;text-align:left;font:inherit;color:#164e40;cursor:pointer}
.ed-course>span:nth-child(2) {flex:1;min-width:0}.ed-course strong {display:block;font-size:16px}.ed-course small {display:block;margin-top:4px;color:#73766c;font-size:13px}.ed-course-number {font-size:18px;color:#8c927f;min-width:26px}.ed-course:hover,.ed-course:focus-visible {background:#f0f5e7}
.ed-supplement {margin-top:20px}.ed-supplement summary {cursor:pointer;color:#164e40;padding:12px 0}.ed-supplement h3 {font-size:17px;margin:12px 0}
@media(max-width:640px){.ed-catalog {grid-template-columns:1fr}.ed-course {min-height:68px}}