.practice-intro-actions{display:flex;align-items:center;gap:18px;flex-wrap:wrap;flex-shrink:0}.practice-intro-actions .practice-back{margin:0;white-space:nowrap}
.practice-main{padding-block:26px 55px}.practice-back{display:inline-flex;align-items:center;min-height:44px;font-size:14px;color:var(--green);margin-bottom:20px}.practice-heading{display:flex;align-items:center;justify-content:space-between;gap:24px}.practice-heading h1{font-size:46px;line-height:1.3;letter-spacing:-.025em}.practice-heading h1 span{font-size:30px;margin-left:10px}.practice-heading p{margin-top:14px;font-size:17px;color:var(--muted)}.practice-id{font-size:14px;color:var(--muted);white-space:nowrap}.practice-intro{display:flex;gap:30px;justify-content:space-between;align-items:center;padding:24px 0 30px;border-bottom:1px solid var(--line)}.practice-intro p{font-size:15px;line-height:1.85;max-width:65ch;color:var(--muted)}.practice-intro .button{flex-shrink:0}.practice-layout{display:grid;grid-template-columns:minmax(300px,.85fr) minmax(0,1.5fr);align-items:start;gap:38px;margin-top:32px}.practice-listening{position:sticky;top:104px}.practice-listening h2,.practice-paper h2,.practice-next h2{font-size:25px;line-height:1.4;margin-bottom:12px}.practice-help{font-size:14px;line-height:1.85;color:var(--muted);margin-bottom:18px}.practice-listening>.button{margin-bottom:12px}#practiceAudio{width:100%;display:block;margin:10px 0 22px}#audioStatus{font-size:13px;min-height:24px;line-height:1.7;color:var(--muted)}.practice-row{padding:20px 0;border-top:1px solid var(--line)}.practice-row h3{font-size:19px;line-height:1.6;margin:0 0 8px;overflow-wrap:anywhere}.practice-row p{font-size:14px;color:var(--muted);line-height:1.7;margin-bottom:14px}.clip-actions{display:flex;gap:10px;flex-wrap:wrap}.clip-actions button{min-height:44px;padding:9px 18px;font-size:14px}.clip-actions button[aria-pressed=true]{background:var(--green);color:var(--paper)}.practice-paper-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:14px}.practice-paper-heading h2{margin:0}.practice-paper-heading .button{font-size:13px;padding:10px 16px}.paper-frame{background:#fff;border-radius:12px;overflow:hidden}.paper-frame>img{display:block;width:100%;height:auto}.paper-frame>[hidden]{display:none}.paper-frame img{color:#263e32}#paperLoading{padding:40px 24px;background:var(--surface-2);min-height:300px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:20px}#paperLoading[hidden]{display:none}#paperLoading p{font-size:15px;color:var(--muted);line-height:1.9}.practice-next{margin-top:40px;border-top:1px solid var(--line);padding-top:28px}.practice-next p{max-width:70ch;color:var(--muted);line-height:1.9;font-size:15px;margin-bottom:20px}.practice-footer{border-top:1px solid var(--line);padding-block:25px 40px;font-size:13px;color:var(--muted)}#paperDialog{width:min(1100px,calc(100% - 24px));max-width:1100px;height:calc(100dvh - 24px);max-height:none;border:0;border-radius:16px;padding:0;background:var(--paper);color:var(--ink)}#paperDialog::backdrop{background:#17291fd9}.zoom-toolbar{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:12px 20px;border-bottom:1px solid var(--line)}.zoom-toolbar h2{font-size:20px}.zoom-scroll{overflow:auto;height:calc(100% - 75px);background:#e9eee3;padding:16px}.zoom-scroll img{display:block;width:893px;max-width:none;height:auto;margin:auto}#detailPractice{display:inline-flex;align-items:center;min-height:46px;margin:15px 0 15px 12px;padding:11px 19px;border-radius:999px;background:var(--green);color:var(--paper);font-size:14px;font-weight:700}#detailPractice[hidden]{display:none}
@media(max-width:760px){.practice-main{padding-top:20px}.practice-heading{display:block}.practice-heading h1{font-size:38px}.practice-heading h1 span{font-size:24px;display:block;margin:7px 0 0}.practice-heading p{font-size:15px}.practice-id{display:inline-block;margin-top:14px}.practice-intro{display:block;padding-block:20px 24px}.practice-intro p{font-size:14px;margin-bottom:18px}.practice-layout{grid-template-columns:1fr;gap:30px;margin-top:26px}.practice-listening{position:static}.practice-listening h2,.practice-paper h2,.practice-next h2{font-size:23px}.practice-row{padding:18px 0}.practice-row h3{font-size:18px}.practice-paper-heading{gap:8px}.practice-footer{padding-bottom:30px}.zoom-toolbar{padding:10px 14px}.zoom-toolbar h2{font-size:18px}.zoom-scroll{padding:10px}#detailPractice{margin-left:0}.practice-next{margin-top:30px}}

/* Preserve the approved apple layout; keep one audio player across tablet/phone panels. */
.practice-heading #practiceWord{font-size:46px;margin:0;overflow-wrap:anywhere}.practice-heading .practice-title-label{font-size:30px;margin-left:10px}.practice-heading h1{max-width:850px}.practice-player{position:sticky;top:80px;z-index:26;display:flex;justify-content:space-between;align-items:center;gap:24px;padding:14px 20px;background:var(--surface-2);border-radius:12px;margin-top:24px}.practice-player[hidden]{display:none}.practice-player h2{font-size:17px;margin:0 0 5px}.practice-player #audioStatus{margin:0;max-width:58ch}.practice-player #practiceAudio{width:min(430px,45%);flex-shrink:0;margin:0}.practice-listening{position:static}.practice-full-actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:22px}.practice-full-actions [hidden]{display:none}.practice-tabs{display:none}.practice-jump{display:inline-flex;align-items:center;min-height:44px;font-size:14px;border:0;color:var(--green);background:transparent;padding:8px 4px;cursor:pointer}.practice-gate{margin-top:28px;background:var(--surface-2);border-radius:16px;padding:30px}.practice-gate p{font-size:16px;line-height:1.85;color:var(--muted);margin-bottom:20px}.practice-gate[hidden],#practiceContent[hidden],.practice-layout>[hidden]{display:none!important}.zoom-actions{display:flex;gap:10px}.zoom-actions .button{font-size:13px;min-height:44px;padding:9px 15px}.zoom-scroll{overscroll-behavior:contain;touch-action:pan-x pan-y pinch-zoom}.zoom-scroll img{min-width:0;max-width:none;height:auto;margin:auto}.practice-paper-heading{scroll-margin-top:200px}.practice-row h3{overflow-wrap:anywhere}.practice-id{flex-shrink:0}.practice-player+.practice-tabs{scroll-margin-top:210px}#detailPracticeStatus{display:block;margin:12px 0;font-size:13px;color:var(--muted)}
@media(min-width:1100px){.practice-layout{grid-template-columns:minmax(300px,.85fr) minmax(0,1.5fr)}.practice-intro{gap:24px}.practice-intro-actions{max-width:360px}.practice-listening{position:sticky;top:200px}.practice-player{border-radius:12px}.practice-main{padding-top:24px}}
@media(max-width:1099px){.practice-layout{display:block;margin-top:22px}.practice-listening{position:static}.practice-tabs{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:20px;padding:5px;border-radius:12px;background:var(--surface-2)}.practice-tabs button{min-height:48px;border:0;border-radius:9px;font-size:16px;font-weight:650;background:transparent;color:var(--muted);cursor:pointer}.practice-tabs button[aria-selected=true]{background:var(--green);color:var(--paper)}.practice-player{display:block;top:80px;padding:14px 18px}.practice-player .player-description{display:flex;align-items:baseline;gap:14px}.practice-player h2{font-size:15px;white-space:nowrap}.practice-player #audioStatus{font-size:13px;line-height:1.6;min-height:0}.practice-player #practiceAudio{width:100%;margin:8px 0 0}.practice-intro{display:block}.practice-intro p{margin-bottom:18px}.practice-heading{align-items:flex-start}.practice-heading h1{max-width:75vw}.practice-paper>h2{font-size:24px}.practice-row h3{font-size:21px}.practice-row p{font-size:16px}.practice-help{font-size:15px}.practice-next{margin-top:30px}.paper-frame{max-width:820px;margin-inline:auto}.practice-intro-actions{justify-content:flex-start}}
@media(max-width:760px){.practice-heading #practiceWord{font-size:38px;display:block;margin:0}.practice-heading .practice-title-label{font-size:24px;display:block;margin:7px 0 0}.practice-player{top:68px;padding:12px 14px}.practice-player .player-description{display:block}.practice-player h2{font-size:14px}.practice-player #audioStatus{font-size:12px}.practice-tabs{margin-top:16px}.practice-tabs button{font-size:15px}.practice-layout{margin-top:20px}.practice-row h3{font-size:19px}.practice-row p{font-size:15px}.practice-row{padding-block:20px}.practice-intro-actions{gap:14px}.practice-gate{padding:24px 20px}.zoom-toolbar{gap:8px;align-items:flex-start}.zoom-toolbar h2{font-size:17px;overflow-wrap:anywhere;max-width:40%;padding-top:8px}.zoom-actions{gap:6px}.zoom-actions .button{font-size:12px;padding:9px 11px}.zoom-scroll{padding:8px;height:calc(100% - 76px)}}
@media(prefers-reduced-motion:reduce){.zoom-scroll{scroll-behavior:auto}}
#detailPracticeStatus[hidden]{display:none}

.detail-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:24px 0}.detail-actions #speakButton,.detail-actions #detailPractice,.detail-actions #detailTest{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;min-height:48px;margin:0;padding:12px 18px;border:1px solid var(--green,#315e4b);border-radius:999px;font:inherit;font-size:14px;font-weight:700;line-height:1.5;white-space:nowrap;text-decoration:none}.detail-actions #speakButton,.detail-actions #detailTest{background:transparent;color:var(--green,#315e4b)}.detail-actions #detailPractice{background:var(--green,#315e4b);color:var(--paper,#fff)}.detail-actions [hidden]{display:none!important}.detail-actions a:focus-visible,.detail-actions button:focus-visible{outline:3px solid var(--green,#315e4b);outline-offset:3px}.detail-actions a[aria-busy=true]{opacity:.8}@media(max-width:400px){.detail-actions{gap:10px}.detail-actions #speakButton,.detail-actions #detailPractice,.detail-actions #detailTest{padding:11px 14px;font-size:13px}}
@media(max-width:600px){.detail-actions{display:grid;grid-template-columns:1fr 1fr}.detail-actions #speakButton{grid-column:1/-1}.detail-actions #detailPractice,.detail-actions #detailTest{width:100%;padding-inline:10px}}

.practice-next-actions{display:flex;gap:12px;flex-wrap:wrap;margin:20px 0}.practice-next-actions [hidden]{display:none}.practice-next-actions .button{min-height:48px}@media(max-width:600px){.practice-next-actions{display:grid;grid-template-columns:1fr}.practice-next-actions .button{width:100%}}