:root{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans TC",sans-serif;color:#233e3b;background:#f6f8f7;font-synthesis:none}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button,input,a,audio{touch-action:manipulation}button{font:inherit;cursor:pointer}header{max-width:1120px;margin:auto;padding:30px 28px;display:flex;align-items:center;justify-content:space-between}.brand{font-size:23px;font-weight:750;letter-spacing:-.6px}.brand span{display:block;margin-top:5px;font-size:11px;letter-spacing:1px;font-weight:400;color:#687d78}.back{font-size:13px;color:#536a64}main{max-width:1064px;margin:auto;padding:20px 0 40px}.intro{padding:18px 0 24px}.eyebrow{font-size:11px;letter-spacing:1.5px;color:#577c73;font-weight:650}h1{font-size:clamp(28px,4vw,39px);letter-spacing:-1.3px;margin:15px 0 14px;line-height:1.3}p{line-height:1.8;margin:0;color:#677b75;font-size:14px}.notice{border-left:3px solid #aac4bb;padding:12px 18px;background:#edf3f0;font-size:12px;line-height:1.8;color:#526a62;margin:0 0 28px}.workspace{display:grid;grid-template-columns:230px 1fr;gap:28px}nav{display:flex;flex-direction:column;gap:10px}nav button{text-align:left;border:1px solid #dde7e2;background:transparent;border-radius:10px;padding:18px;color:#37574f}nav button[aria-pressed=true]{background:#e2eee7;border-color:#92b2a3}nav strong{display:block;font-size:16px;margin-bottom:7px}nav span{display:block;font-size:11px;line-height:1.8;color:#61776f}.lesson{background:white;border:1px solid #e1e8e4;border-radius:16px;padding:30px 34px}.heading h2{font-size:25px;letter-spacing:-.5px;margin:9px 0 8px}.styles{border:0;padding:0;margin:25px 0 19px;display:flex;gap:8px;flex-wrap:wrap}.styles legend{font-size:12px;margin-bottom:10px;color:#62776e}.styles label{background:#f1f5f2;border-radius:6px;padding:10px 13px;font-size:13px;cursor:pointer}.styles input{accent-color:#467965;margin:0 7px 0 0}.player{padding:18px;background:#f6f8f7;border-radius:10px}.player p{font-size:12px}.player audio{width:100%;margin-top:10px;display:block}.player #play-status{color:#8b4639;min-height:0}.reveal{margin:22px 0;display:flex;align-items:center;gap:12px;flex-wrap:wrap}.reveal button{border:1px solid #9fbbad;color:#315b49;background:white;padding:10px 14px;border-radius:7px;font-size:13px}.reveal span{font-size:11px;color:#7e8e86}.line{border-top:1px solid #edf0ed;padding:20px 0}.english{font-size:17px;line-height:1.75;color:#2b4038;margin-bottom:8px}.translation{font-size:13px}.compare{font-size:12px;margin-top:10px;color:#697e73}.tip{font-size:12px;margin-top:8px;background:#f0f5ef;padding:9px 12px;border-radius:5px;color:#4b6858}.line button{border:0;background:#e8f1ec;color:#335d47;padding:8px 12px;font-size:12px;border-radius:6px;margin-top:12px}.quiz{border-top:1px solid #e3eae5;margin-top:25px;padding-top:22px}.quiz h3{font-size:15px;font-weight:600;margin:0 0 14px}#options{display:flex;flex-direction:column;gap:8px}#options button{border:1px solid #dce5dd;border-radius:7px;text-align:left;padding:12px 14px;background:white;color:#47614f;font-size:13px}#options button[aria-pressed=true]{border-color:#7d9e85;background:#f0f6ed}#answer-feedback{font-size:13px;margin-top:12px}.feedback{margin:35px 0 0;padding:0 4px;max-width:770px}.feedback h2{font-size:18px;letter-spacing:-.3px;margin:0 0 12px}.feedback .small{font-size:12px;margin-top:13px;color:#86928b}footer{max-width:1064px;margin:0 auto;padding:20px 0 30px;border-top:1px solid #e1e7e2;font-size:11px;color:#84948b}button:hover,a:hover{filter:brightness(.94)}:focus-visible{outline:3px solid #88ac9a;outline-offset:3px}[hidden]{display:none!important}@media(max-width:1120px){main,footer{margin-left:28px;margin-right:28px}}@media(max-width:650px){header{padding:22px 20px}.brand{font-size:21px}main,footer{margin-left:20px;margin-right:20px}.intro{padding-top:6px}h1{font-size:29px}.workspace{grid-template-columns:1fr;gap:20px}nav{flex-direction:row;gap:8px}nav button{flex:1;padding:13px 8px;text-align:center}nav strong{font-size:13px;margin:0}nav span{display:none}.lesson{padding:23px 19px}.notice{font-size:11px;padding:10px 13px}.english{font-size:16px}.back{font-size:12px}}
.player button{border:0;background:transparent;color:#436b54;font-size:12px;padding:10px 0 0;text-decoration:underline;text-underline-offset:3px}

header nav{display:flex;flex-wrap:wrap;gap:14px;font-size:13px}header nav a{color:inherit;text-decoration:none}header nav a[aria-current=page]{color:#236b5b;font-weight:700}@media(max-width:600px){header{flex-wrap:wrap;gap:18px}header nav{width:100%;justify-content:space-between;gap:10px}}