.brand{color:var(--ink);text-decoration:none}.vocab-heading{margin:30px 0 23px}.vocab-heading h1{font-size:clamp(2.4rem,5vw,3.9rem);line-height:1.13;letter-spacing:-1.5px;margin:0 0 18px;text-shadow:2px 3px #fdfbe5}.vocab-heading h1 span{color:#577b4d}.vocab-heading>p:last-child{line-height:1.9;color:#5d7464}.vocab-modes{display:flex;gap:13px;margin-bottom:23px}.vocab-modes button{flex:1;max-width:280px;text-align:left;border:3px solid #8f9c74;background:#fff9e7;border-radius:4px;box-shadow:3px 4px #b4c1a2;padding:14px;font-weight:800}.vocab-modes button[aria-pressed=true]{border-color:#507454;background:#e4efda}.vocab-modes small{display:block;font-weight:400;font-size:.75rem;margin-top:7px;color:#637565}.vocab-player{padding:25px;background:#fffcee}.player-top{display:flex;justify-content:space-between;align-items:start;gap:15px}.player-top h2{font-size:1.6rem;margin:0 0 8px}.unit-select{display:block;font-size:.85rem;font-weight:700;margin:15px 0}.vocab-player select{display:block;border:2px solid #94a780;border-radius:4px;min-height:43px;background:white;padding:8px 10px;color:#2f4937;font:inherit;margin-top:7px;max-width:100%;width:100%}.vocab-player audio{display:block;width:100%;height:49px;margin:17px 0}.player-options{display:flex;gap:30px;align-items:center;margin:18px 0}.player-options>label:first-child{font-size:.82rem;min-width:145px}.player-options select{font-size:.87rem}.loop-option{display:flex;align-items:center;gap:9px;font-size:.87rem}.loop-option input{width:18px;height:18px;accent-color:#59764f}.vocab-actions{display:flex;gap:10px;flex-wrap:wrap;margin:20px 0}.vocab-status{border-left:4px solid #90ab7f;background:#eaf1df;padding:11px 13px;font-size:.9rem;line-height:1.7}.vocab-list{margin:30px 0}.vocab-list .map-heading{align-items:center}.vocab-track{display:flex;align-items:center;gap:17px;width:100%;text-align:left;background:#fffdf0;border:2px solid #a8b496;border-radius:4px;padding:15px 18px;margin:10px 0}.vocab-track.current{background:#e0eed5;border:3px solid #5e8253;padding:14px 17px}.track-number{font-size:.87rem;font-weight:800;color:#7e704d;background:#efe4bc;padding:9px}.vocab-track>span:nth-child(2){flex:1;min-width:0}.vocab-track strong{display:block;line-height:1.6;font-size:.93rem}.vocab-track small{display:block;color:#6a7a63;font-size:.73rem;margin-top:4px}.track-play{color:#678958}.vocab-tips h2{margin-top:0;font-size:1.3rem}.vocab-tips li{line-height:1.9;margin:6px 0}.course-link{display:inline-block;color:#4d7852;font-weight:700;margin-top:12px;text-underline-offset:4px}@media(max-width:600px){.vocab-heading h1{font-size:2.6rem}.vocab-heading>p:last-child{font-size:.92rem}.vocab-player{padding:18px}.player-top{display:block}.player-top .pill{margin:8px 0}.vocab-modes{gap:10px}.vocab-modes button{padding:11px;font-size:.9rem}.vocab-modes small{font-size:.68rem}.vocab-actions .button{font-size:.78rem;padding:9px 12px}.player-options{gap:18px}.vocab-list .map-heading{flex-wrap:wrap}.vocab-track{gap:10px;padding:13px}.vocab-track.current{padding:12px}.vocab-track strong{font-size:.85rem}.track-number{padding:7px;font-size:.77rem}.vocab-tips li{font-size:.91rem}.vocab-list .button{font-size:.82rem}}