:root{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC",sans-serif;color:#18213a;background:#f4f6fb;font-size:16px;line-height:1.6;--blue:#173eac;--blue-soft:#eef3ff;--line:#e2e7f0;--muted:#74819a}*{box-sizing:border-box}body{margin:0}button,select{font:inherit}button,select,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,select:focus-visible,a:focus-visible,[role="button"]:focus-visible{outline:3px solid #efb839;outline-offset:3px}.brand{background:#fff;border-bottom:1px solid #e0e5ef;padding:18px 28px}.brand>div{max-width:1130px;margin:auto;display:flex;align-items:center;gap:12px}.mark{background:var(--blue);color:#fff;width:34px;height:34px;text-align:center;border-radius:9px;font-size:15px;line-height:34px}.edition{margin-left:auto;color:#67728b;font-size:14px}main{max-width:1190px;margin:0 auto;display:grid;grid-template-columns:300px minmax(0,1fr);gap:34px;padding:28px 26px 52px}aside{align-self:start;position:sticky;top:18px}.directory-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}h1{font-size:21px;margin:0}.directory-title span{font-size:12px;letter-spacing:1px;color:#77839b}aside>label{display:block;font-size:14px;color:#5d6880;margin:10px 0 5px}select{max-width:100%;background:white;border:1px solid #d2d9e6;color:#253451;border-radius:8px;padding:10px 12px}aside>select{width:100%;font-size:14px}#list{max-height:66vh;overflow:auto;margin-top:16px;padding-right:6px}#list a{display:flex;gap:10px;color:#47536e;text-decoration:none;font-size:14px;padding:11px 10px;border-radius:9px;margin-bottom:3px}#list a:hover{background:#e9edf7}#list a.active{background:#e2e9fb;color:var(--blue);font-weight:600}#list a span{font-size:12px;padding-top:2px;opacity:.75;font-variant-numeric:tabular-nums}#list a b{font-weight:500;min-width:0}article{min-width:0;background:#fff;padding:30px 36px;border:1px solid #e1e6ef;border-radius:18px}.eyebrow{font-size:14px;color:var(--blue);margin:0 0 9px}h2{font-size:27px;line-height:1.4;margin:0 0 11px}.lead{color:#65708a;font-size:16px;line-height:1.55;margin:0 0 22px}.player{background:#edf2ff;border:1px solid #d9e3ff;border-radius:12px;padding:16px}.player-top{display:flex;justify-content:space-between;gap:12px;align-items:center}.player-top span{font-size:12px;color:#546994;letter-spacing:1px}audio{display:block;width:100%;margin:11px 0;height:44px}.settings{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:14px;flex-wrap:wrap}.settings select{padding:5px 8px;font-size:14px;margin-left:4px}.settings button{border:0;background:transparent;color:var(--blue);font-size:14px;padding:7px 0}.player-actions{display:flex;gap:13px;align-items:center}.player-actions button:hover{opacity:.72}#error{margin:8px 0 0;color:#a42b28;font-size:14px}.transcript-title{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:27px;padding-bottom:11px;border-bottom:1px solid var(--line)}.transcript-title h3{margin:0;font-size:19px}.transcript-title span{font-size:12px;color:#7a8499}

/* Compact three-section transcript */
.compact-section{padding:20px 0;border-bottom:1px solid var(--line)}.compact-section:last-child{border-bottom:0;padding-bottom:4px}.compact-heading{display:flex;align-items:baseline;gap:9px;margin-bottom:11px}.compact-heading h4{font-size:17px;line-height:1.3;margin:0;color:#213654}.compact-heading span{font-size:12px;color:#8a96aa}.chapter-card,.practice-card{background:#f7f9fd;border:1px solid #edf0f6;border-radius:12px;padding:16px 18px}.chapter-card .subtitle-line{padding:0}.subtitle-line{position:relative;cursor:pointer;border-radius:6px;transition:background .15s ease}.subtitle-line:hover{background:#eef3ff}.subtitle-line.is-active{background:#e5edff}.subtitle-en{display:block;font-size:17px;line-height:1.58}.subtitle-zh{display:block;margin-top:2px;color:#6e7b92;font-size:14px;line-height:1.5}.hide-translations .subtitle-zh{display:none}.subtitle-word{cursor:pointer;transition:opacity .12s ease,background-color .12s ease}.subtitle-word.is-spoken{opacity:.55}.subtitle-word.is-current{opacity:1;background:#ffe684;border-radius:3px;padding:0 2px}.chapter-number-line .subtitle-en{font-size:13px;font-weight:600;letter-spacing:.03em;color:#78869d}.chapter-number-line .subtitle-zh{display:none}.chapter-title-line{margin-top:5px}.chapter-title-line .subtitle-en{font-size:21px;font-weight:650;line-height:1.42;color:#1e3150}.chapter-title-line .subtitle-zh{font-size:15px}.chapter-response-line{margin-top:12px;padding:10px 12px!important;background:#edf3ff;border-left:3px solid var(--blue)}.chapter-response-line .subtitle-en{font-weight:600;color:#153d98}.chapter-response-line .subtitle-zh{color:#59709d}.static-chapter-number{margin:0 0 4px;font-size:12px;font-weight:700;letter-spacing:.08em;color:#7d899c}.static-copy{margin:0;color:#273a59;font-size:16px;line-height:1.58}.static-title-line{font-size:19px;font-weight:650}.static-response-line{margin-top:11px;padding:10px 12px;background:#edf3ff;border-left:3px solid var(--blue);border-radius:6px;color:#153d98;font-weight:600}

.dialogue-list{display:grid;gap:8px}.dialogue-turn{display:grid;grid-template-columns:78px minmax(0,1fr);gap:12px;align-items:start;padding:11px 13px;background:#f8faff;border:1px solid #eef1f6;border-radius:10px}.dialogue-turn.is-you{background:#eff4ff;border-color:#dce6ff}.role-pill{display:inline-flex;align-items:center;justify-content:center;min-height:25px;padding:3px 8px;border-radius:999px;background:#e6ebf4;color:#50617c;font-size:11px;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.dialogue-turn.is-you .role-pill{background:#dce7ff;color:#17449d}.turn-copy{min-width:0}.dialogue-line{padding:0 4px;margin:0 0 5px}.dialogue-line:last-child{margin-bottom:0}.dialogue-line .subtitle-en{font-size:16px;line-height:1.48}.dialogue-line .subtitle-zh{font-size:13px;line-height:1.45}.static-dialogue-line{margin:0 0 5px;font-size:16px;line-height:1.48}.static-dialogue-line:last-child{margin-bottom:0}

.practice-card{padding:15px 17px}.practice-intro-line{margin-bottom:7px}.practice-intro-line .subtitle-en{font-size:14px;color:#71809a}.practice-target-line{padding:10px 12px;background:#fff;border:1px solid #dde5f4}.practice-target-line .subtitle-en{font-size:18px;font-weight:650;color:#203757}.practice-target-line .subtitle-zh{font-size:14px}.practice-hint-line{margin-top:8px}.practice-hint-line .subtitle-en{font-size:14px;color:#728099}.practice-hint-line .subtitle-zh{font-size:13px}.practice-target-static{padding:10px 12px;background:#fff;border:1px solid #dde5f4;border-radius:8px;font-size:17px;font-weight:650}.practice-step-static{margin-top:7px;color:#66758e;font-size:14px}.empty-copy{margin:0;color:#8792a5;font-size:14px}

footer{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:25px}footer button{border:1px solid #d7dfef;background:white;border-radius:8px;padding:10px 12px;color:var(--blue);font-size:14px}footer button:disabled{opacity:.4;cursor:default}footer span{font-size:13px;color:#73809a}

@media(max-width:760px){.brand{padding:14px 18px}.brand b{font-size:16px}.edition{font-size:12px}main{display:block;padding:16px 12px 28px}aside{position:static;margin-bottom:18px}.directory-title{margin-bottom:9px}aside>label{margin:9px 0 4px}#list{display:none}article{padding:21px 17px;border-radius:14px}h2{font-size:22px}.lead{font-size:15px}.player{padding:14px 11px}.transcript-title{margin-top:23px}.transcript-title span{display:none}.compact-section{padding:17px 0}.compact-heading{margin-bottom:9px}.chapter-card,.practice-card{padding:14px}.chapter-title-line .subtitle-en{font-size:19px}.dialogue-turn{grid-template-columns:1fr;gap:6px;padding:10px 11px}.role-pill{justify-self:start}.dialogue-line .subtitle-en,.static-dialogue-line{font-size:15.5px}.settings{gap:6px}.settings select{margin-left:0}.player-actions{gap:9px}footer button{padding:10px 8px}}
@media(prefers-reduced-motion:no-preference){button,a,.subtitle-line{transition:background .15s}}