.word-drill-view{display:block!important;max-width:1100px!important;margin-inline:auto}
.wd-shell{max-width:940px;margin-inline:auto;color:var(--text,#202b25)}
.wd-header,.wd-meta{display:flex;align-items:center;justify-content:space-between;gap:16px}
.wd-header h1{font-size:28px;line-height:1.35;letter-spacing:-.02em;margin:0}
.wd-exit,.wd-small,.wd-link{font:inherit;background:#f1f4f2;border:1px solid #d8dfda;border-radius:8px;min-height:44px;padding:10px 14px;color:#202b25;cursor:pointer}
.wd-meta{font-size:14px;color:#59685e;margin-top:20px}
.wd-steps{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));list-style:none;padding:0;gap:6px;margin:16px 0 32px}
.wd-steps li{font-size:13px;padding:10px 6px;border-radius:6px;background:#f1f4f2;color:#59685e;text-align:center}
.wd-steps li.current{background:#176a51;color:white;font-weight:600}
.wd-steps li.complete{background:#e8f1ec;color:#245540}
.wd-body{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:36px;align-items:start}
.wd-visual{margin:0;background:#f4f6f3;padding:20px;border-radius:12px;min-width:0}
.wd-visual img{width:100%;height:260px;object-fit:contain;display:block;background:white;border-radius:4px}
.wd-visual figcaption{font-size:13px;color:#59685e;line-height:1.6;margin-top:12px;overflow-wrap:anywhere}
.wd-context{font-size:22px;padding:36px 12px;line-height:1.6}
.wd-work{min-width:0}
.wd-meaning{font-size:24px!important;line-height:1.45;margin:0 0 6px!important;overflow-wrap:anywhere}
.wd-instruction,.wd-input-help,.wd-foot{font-size:14px;line-height:1.6;color:#59685e}
.wd-target{font-size:32px;font-weight:650;line-height:1.4;margin:22px 0;overflow-wrap:anywhere}
.wd-cue{font-size:23px;line-height:1.6;overflow-wrap:anywhere;margin:16px 0;letter-spacing:.02em}
.wd-sound{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}
.wd-small{font-size:14px;padding:9px 12px;background:#fff}
.wd-audio-status{font-size:13px;min-height:20px;margin:6px 0 12px;color:#59685e}
.wd-example{margin:16px 0 24px;padding:16px 0;border-top:1px solid #e1e6e2}
.wd-example p{margin:4px 0;line-height:1.65}.wd-example p:last-child{font-size:14px;color:#59685e}
.wd-form label{display:block;font-size:14px;font-weight:600;margin:0 0 8px}
.wd-form input{display:block;width:100%;box-sizing:border-box;min-height:54px;border:1px solid #91a598;border-radius:8px;background:#fff;color:#202b25;font-size:21px;padding:12px 14px;caret-color:#176a51}
.wd-form input:focus{outline:3px solid #cee4d8;outline-offset:2px;border-color:#176a51}
.wd-primary{display:block;width:100%;min-height:50px;border:0;border-radius:8px;background:#176a51;color:#fff;font:inherit;font-weight:600;padding:12px 18px;cursor:pointer;margin-top:14px}
.wd-primary:hover{background:#12573f}.wd-exit:hover,.wd-small:hover{background:#e8f1ec}
.wd-link{background:transparent;border:0;text-decoration:underline;text-underline-offset:4px;width:100%;margin-top:6px;color:#59685e}
.wd-feedback{font-size:14px;color:#973a23;min-height:4px;line-height:1.6}
.wd-feedback:empty,.wd-audio-status:empty{display:none}
.wd-result{padding:16px;background:#eaf3ed;border-radius:10px;margin:12px 0 18px;overflow-wrap:anywhere}
.wd-result.wd-retry{background:#fff3e5}.wd-result h3{font-size:16px;margin:0 0 8px}.wd-result p{line-height:1.6;margin:8px 0}
.wd-result .wd-correction{font-size:25px;font-weight:650;line-height:1.4}.wd-your-answer{color:#973a23;font-size:15px}
.wd-result-example{font-size:15px}.wd-foot{margin:24px 0 16px;text-align:right}
.wd-method{border-top:1px solid #e1e6e2;padding-top:16px;font-size:14px;color:#59685e;line-height:1.7}
.wd-method summary{cursor:pointer;min-height:44px}.wd-method a{color:#176a51;text-underline-offset:4px}
.wd-summary-intro{font-size:18px;line-height:1.6;margin:28px 0}.wd-summary{list-style:none;padding:0}.wd-summary li{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:16px 0;border-bottom:1px solid #e1e6e2;overflow-wrap:anywhere}.wd-summary-detail{font-size:14px;color:#59685e;grid-column:1/-1}
.word-resume{grid-column:1/-1;display:flex;gap:20px;align-items:center;justify-content:space-between;background:#eaf3ed;padding:18px 20px;border-radius:12px;margin-bottom:18px}.word-resume p{margin:4px 0;font-size:14px}.word-resume .bigbtn{width:auto;flex-shrink:0;padding-inline:22px}
.word-start-note{font-size:14px;line-height:1.6;color:#59685e}.word-category-practice{margin:12px 0}
.wd-shell button:focus-visible,.wd-shell summary:focus-visible{outline:3px solid #88b8a0;outline-offset:3px}
.wd-shell ::selection{background:#cfe7d9;color:#123d2b}
.wd-characters{font-size:13px;color:#59685e;margin-top:8px}.wd-characters summary{min-height:32px;padding:6px 0;cursor:pointer}.wd-characters button{margin:6px 6px 0 0;min-width:44px}
@media(max-width:900px){.wd-body{gap:24px}.wd-steps{grid-template-columns:repeat(3,minmax(0,1fr))}.wd-visual img{height:230px}}
@media(max-width:600px){.wd-header{align-items:start;gap:12px}.wd-header h1{font-size:24px}.wd-exit{font-size:13px;padding:9px 10px;white-space:nowrap}.wd-meta{margin-top:16px}.wd-steps{margin:12px 0 20px;gap:5px}.wd-steps li{font-size:12px;padding:8px 4px}.wd-body{grid-template-columns:1fr;gap:20px}.wd-visual{padding:12px}.wd-visual img{height:170px}.wd-visual figcaption{font-size:12px;margin-top:7px}.wd-meaning{font-size:22px!important}.wd-target{font-size:29px;margin:14px 0}.wd-sound{margin-top:12px}.wd-foot{text-align:left}.wd-context{padding:18px 8px}.word-resume{display:block}.word-resume .bigbtn{width:100%;margin-top:12px}.wd-summary li{grid-template-columns:1fr}.wd-form input{font-size:20px}.wd-cue{font-size:20px}}
@media(max-width:600px){.wd-writing .wd-visual{display:flex;align-items:center;gap:16px}.wd-writing .wd-visual img{width:112px;height:88px;flex-shrink:0}.wd-writing .wd-visual figcaption{margin:0}.wd-writing .wd-body{gap:16px}.wd-writing .wd-sound{gap:5px}.wd-writing .wd-small{padding:9px 10px}.wd-writing .wd-instruction{margin:6px 0}.wd-writing .wd-audio-status{margin-bottom:8px;min-height:16px}}

/* Translation visibility only affects learning content, never navigation or feedback. */
.study-zh-hidden [data-zh]:not(.study-zh-reveal){display:none!important}
.wd-toolbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:20px 0 24px;font-size:14px}
.wd-toolbar .wd-mode{color:#176a51;font-weight:600}.wd-count{color:#59685e;margin-left:auto}
.wd-work .wd-form{margin-top:18px}.wd-method{margin-top:28px}
.wd-header{align-items:center}.wd-visual img{height:240px}.wd-target{margin-top:12px}
.nn7-stage-head{flex-wrap:wrap;gap:12px}.nn7-stage-head [data-zh-toggle]{margin-left:auto}
[data-zh-toggle]{white-space:nowrap}
@media(max-width:600px){.wd-toolbar{gap:8px;margin:14px 0 20px}.wd-visual img{height:150px}.wd-writing .wd-visual img{height:88px}.wd-toolbar .wd-small{padding:8px 10px}.wd-target{margin:10px 0}.wd-characters summary{min-height:44px}.wd-method{margin-top:20px}}

.study-list-toggle{margin-bottom:20px}.nn7-stage-head h2{margin-right:auto}