.english-home,.english-library,.english-review,.english-progress-page { max-width:1120px; margin:0 auto; }
.english-home h1,.english-library h1,.english-review h1,.english-progress-page h1 { color:#456336; font-size:36px; line-height:1.7; }
.english-home p,.english-library>p,.english-review p,.english-progress-page>p { font-size:22px; line-height:1.9; }
.english-home .text-btn,.english-room>.text-btn,.english-library .text-btn,.english-review .text-btn { font-size:21px; min-height:44px; }
.english-main { min-height:68px; font-size:26px!important; margin:12px 8px 12px 0; }
.english-mode,.english-stats { display:flex; gap:16px; flex-wrap:wrap; align-items:center; margin:24px 0; }
.english-stats { color:#647a53; font-size:21px; }.english-mode .btn { min-height:60px; font-size:24px; }
.english-topics { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:14px; }
.english-topic { min-width:0; display:flex; flex-direction:column; align-items:center; gap:12px; border:2px solid #d7e0c8; border-radius:20px; padding:16px 10px; background:#fffef9; font-size:22px; color:#536e42; }
.english-topic img { width:90px; height:90px; }.english-topic.selected { border-color:#8fa76d; background:#eff4e4; }
.english-activity-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
.english-family-panel { padding:22px; border:1px solid #d8e3c8; border-radius:18px; margin:22px 0; background:#fffef9; }
.english-family-panel summary { font-size:24px; cursor:pointer; }.english-family-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; margin-top:20px; }
.english-family-grid article { padding:20px; min-width:0; }.english-family-grid h3 { font:500 25px/1.5 Arial,sans-serif; color:#426137; overflow-wrap:break-word; }.english-family-grid .btn { margin-top:12px; }
.english-alphabet { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:16px; margin:26px 0; }
.english-letter { display:flex; flex-direction:column; justify-content:center; align-items:center; min-height:120px; color:#48653b; background:#fffef9; border:2px solid #c8d9ad; border-radius:20px; }
.english-letter>span:first-child { font:500 48px/1.3 Arial,sans-serif; letter-spacing:0; }.english-letter small { font-size:.85em; color:#758b61; }
.english-print-lines { display:none; }.english-print-caption { font-size:20px; color:#7b896e; }
.english-word-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:18px; margin:25px 0; }
.english-word-card { display:flex; flex-direction:column; align-items:center; gap:9px; min-width:0; padding:16px; border:2px solid #d5e0c4; border-radius:22px; background:#fffef9; color:#506b3e; font-size:22px; }
.english-word-card img { width:100%; height:auto; aspect-ratio:1; max-width:180px; }.english-word-card strong { font:500 29px/1.3 Arial,sans-serif; }
.english-room { max-width:1000px; margin:0 auto; padding:24px; border:1px solid #d9e4c8; border-radius:26px; background:#f3f6e8; }
.english-guide { display:grid; position:relative; grid-template-columns:120px minmax(0,1fr); gap:22px; align-items:center; padding:20px; background:#fffef9; border:1px solid #dce5cd; border-radius:22px; }
.english-mascot { width:110px; height:130px; object-fit:contain; }.english-guide h1 { font-size:32px; line-height:1.9; margin:0 0 10px; color:#456336; }
#english-audio-status { min-height:35px; font-size:19px; color:#768865; margin:5px 0 15px; }
.english-voice-tools { display:flex; flex-wrap:wrap; gap:12px; align-items:center; }.english-voice-tools .btn { font-size:22px; min-height:56px; flex:1; min-width:0; }.english-voice-tools .icon-btn { position:absolute; right:14px; top:14px; min-width:48px; min-height:48px; font-size:25px; }
.english-reward { color:#5f7d43; background:#eef4df; border:1px solid #cbdcb4; border-radius:14px; padding:10px 15px; display:inline-block; }
#toast .phonetic rt { color:inherit; }
.english-target { font:500 42px/1.65 Arial,sans-serif; color:#344b35; overflow-wrap:break-word; word-break:normal; text-align:center; padding:20px 10px; margin:18px 0; letter-spacing:0; }
.english-choices { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; margin:24px 0; }.english-choices.two { grid-template-columns:repeat(2,minmax(0,1fr)); }
.english-choices:has(>.english-choice:nth-child(4)) { grid-template-columns:repeat(2,minmax(0,1fr)); }
.english-choice { position:relative; display:grid; place-items:center; min-width:0; min-height:180px; padding:22px; border:3px solid #bbcea0; border-radius:23px; background:#fffef9; touch-action:manipulation; }
.english-choice img { display:block; width:100%; height:auto; aspect-ratio:1; max-width:200px; }.english-choice:hover { background:#edf4df; border-color:#8fa96e; }.english-choice:disabled { opacity:.35; }
.english-choice:focus-visible,.english-letter:focus-visible { outline:5px solid #e7b96a; outline-offset:4px; }
.english-letter-answer { font:500 76px/1.2 Arial,sans-serif; color:#3b5c31; }
.english-letter-answer,.english-letter>span:first-child { font-family:Verdana,Arial,sans-serif; }
.english-feedback,.english-finish,.english-study,.english-methods,.english-spelling { margin-top:24px; padding:26px; background:#fffef9; border:1px solid #d6e1c4; border-radius:22px; text-align:center; }
.english-feedback h2 { color:#536f3f; font-size:30px; }.english-feedback>p,.english-finish>p,.english-methods>p,.english-study>p,.english-spelling>p { font-size:25px; line-height:1.9; }
.english-feedback>img,.english-study>img { max-width:100%; object-fit:contain; }
.english-hint { padding:20px; border-radius:16px; background:#f6ecd5; color:#5c6e43; font-size:24px; line-height:1.9; }
.english-letter-bank { display:flex; flex-wrap:wrap; gap:12px; justify-content:center; margin:20px 0; }.english-letter-bank button { min-width:58px; min-height:62px; padding:10px 15px; border:2px solid #bacba2; border-radius:13px; background:#f1f5e7; color:#416332; font:500 32px/1.2 Arial,sans-serif; }
.english-letter-bank button:disabled { opacity:.3; }.english-spelling-output { display:block; min-height:66px; border-bottom:2px solid #d6dfc8; font:500 38px/1.5 Arial,sans-serif; letter-spacing:6px; color:#3c5d31; }
#english-answer { display:block; width:100%; min-height:65px; font:500 32px/1.3 Arial,sans-serif; text-align:left; margin:12px 0; }.english-spelling label { font-size:23px; }#english-answer-error { color:#a3674e; font-size:21px; }
body[data-page=english-learn] .portal-nav,body[data-page=english-learn] .simple-footer,body[data-page=english-learn] .brand-title { display:none; }
body[data-page=english-learn] .simple-header { flex-wrap:nowrap; justify-content:space-between; gap:8px; }
body[data-full-zhuyin=true] :is(.english-room h1,.english-feedback,.english-hint) .phonetic rt { font-size:max(20px,.48em); }
body[data-full-zhuyin=true] .english-voice-tools .btn { flex:1; min-width:0; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; gap:4px; }
body[data-full-zhuyin=true] .english-voice-tools .phonetic-run { flex:0 0 max-content; width:max-content; max-width:none; white-space:nowrap; }
@media(max-width:700px) {
 .english-home h1,.english-library h1,.english-review h1 { font-size:30px; }
 .english-home .subject-welcome { display:grid; grid-template-columns:minmax(0,1fr) 80px; gap:10px; padding:20px; }
 .english-home .subject-character { width:80px; height:100px; }
 .english-home .subject-welcome .english-main { padding-inline:12px; }
 .english-topics { grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; }.english-topic { padding:12px 5px; font-size:20px; }.english-topic img { width:70px; height:70px; }
 .english-family-grid { grid-template-columns:1fr; }
 .english-activity-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }.english-activity-grid .activity-card { padding:16px; }.english-activity-grid h3 { font-size:24px; }.english-activity-grid p { font-size:19px; }
 .english-alphabet { grid-template-columns:repeat(4,minmax(0,1fr)); gap:10px; }.english-letter { min-height:90px; border-radius:15px; }.english-letter>span:first-child { font-size:32px; }
 .english-word-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }.english-word-card { padding:10px; font-size:21px; }.english-word-card strong { font-size:26px; }
 .english-room { padding:12px; }.english-guide { display:block; padding:14px; }.english-mascot { width:56px; height:60px; display:block; margin:auto; }
 .english-guide h1 { font-size:28px; margin:10px 0; }.english-target { font-size:34px; padding:18px 5px; }
 .english-voice-tools { gap:8px; }.english-voice-tools .btn { min-height:52px; font-size:20px; padding:10px; }.english-voice-tools .icon-btn { min-width:44px; min-height:44px; }
 body[data-full-zhuyin=true] .english-voice-tools .btn { font-size:18px; padding:10px 6px; }
 body[data-full-zhuyin=true] .english-mode { flex-direction:column; align-items:stretch; }
 .english-choices,.english-choices.two { grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }.english-choices:not(.two)>.english-choice:last-child:nth-child(odd) { grid-column:1/-1; }
 .english-choice { min-height:150px; padding:15px; }.english-choice img { max-width:145px; }.english-letter-answer { font-size:58px; }
 .english-feedback,.english-finish,.english-study,.english-methods,.english-spelling { padding:18px; }.english-main { width:100%; margin:10px 0; }
 .english-letter-bank { gap:8px; }.english-letter-bank button { min-width:47px; min-height:54px; padding:10px; font-size:28px; }
}
@media print {
 body[data-page=english-letters] .simple-header,body[data-page=english-letters] nav,body[data-page=english-letters] .reading-options,body[data-page=english-letters] .simple-footer,body[data-page=english-letters] .english-no-print,body[data-page=english-letters] #toast { display:none!important; }
 body[data-page=english-letters] .english-alphabet { grid-template-columns:repeat(4,1fr); gap:12px; }
 body[data-page=english-letters] .english-letter { break-inside:avoid; min-height:116px; border:1px solid #aaa; border-radius:0; background:white; }
 body[data-page=english-letters] .english-print-lines { display:block; width:90%; height:48px; margin-top:12px; background:repeating-linear-gradient(to bottom,transparent 0 22px,#bbb 22px 23px,transparent 23px 24px); }
 body[data-page=english-letters] .english-library>h1 { font-size:24px; }body[data-page=english-letters] .english-library>p { font-size:16px; }
}
@media(max-width:365px) {
 body[data-full-zhuyin=true] .english-voice-tools { display:grid; grid-template-columns:minmax(0,1fr); }
 body[data-full-zhuyin=true] .english-voice-tools .btn { width:100%; }
}