/* A scoped pronunciation studio, using the platform's existing day/night palette. */
.v60-phonetics{min-width:0}.v60-phonetics .kx-ipa-head{padding:24px;border:1px solid var(--line);border-radius:24px;background:linear-gradient(115deg,var(--v51-purple-soft),var(--surface),var(--v51-orange-soft));color:var(--ink)}.v60-phonetics .kx-ipa-head h2{font-size:27px;line-height:1.5;margin:5px 0}.v60-phonetics .kx-ipa-head p,.v60-course-note{font-size:12px;color:var(--muted);line-height:1.9}.v60-phonetics .kx-ipa-head img{width:65px;height:65px}.v60-phonetics>.kx-ipa-tabs{margin:20px 0;gap:8px}.v60-phonetics>.kx-ipa-tabs button{font-size:13px;min-height:43px}.v60-phonetics>.kx-ipa-tabs button[aria-pressed=true]{background:var(--v51-purple-soft)!important;color:var(--v51-purple)!important;border-color:var(--v51-purple)!important}.v60-phonetics .kx-ipa-layout{grid-template-columns:240px minmax(0,1fr);gap:22px;align-items:start}.v60-phonetics .kx-ipa-layout.v60-picker-collapsed{grid-template-columns:1fr}.v60-phonetics .kx-ipa-chart{position:sticky;top:16px;max-height:76dvh;overflow-y:auto;overscroll-behavior:contain;padding:18px;background:var(--surface)!important;border:1px solid var(--line);border-radius:20px}.v60-phonetics .kx-ipa-chart h3{font-size:12px;color:var(--muted);margin:15px 0 8px}.v60-phonetics .kx-ipa-chart .kx-ipa-picks{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.v60-phonetics .kx-ipa-picks button{min-width:0;min-height:62px;font-size:22px;padding:10px 6px;background:var(--surface-soft)!important;color:var(--ink)!important;border:1px solid var(--line)!important;border-radius:12px}.v60-phonetics .kx-ipa-picks button small{font-size:10px;color:var(--muted)!important}.v60-phonetics .kx-ipa-picks button[aria-pressed=true]{background:var(--v51-purple-soft)!important;border-color:var(--v51-purple)!important;color:var(--v51-purple)!important}.v60-phonetics .kx-ipa-detail{position:static;padding:26px;border:1px solid var(--line);border-radius:24px;background:var(--surface)!important;color:var(--ink)}.v60-phonetics .kx-ipa-detail>h2{color:var(--v51-purple)!important;font-size:49px;line-height:1.3}.v60-phonetics .kx-ipa-detail>p{color:var(--muted);font-size:13px;line-height:1.9;margin:8px 0}.v60-phonetics .kx-ipa-detail>video{max-height:280px;background:var(--surface-soft);border-radius:17px;margin:16px 0 10px}.v60-phonetics .kx-ipa-detail>.kx-ipa-tabs button{font-size:12px;padding:10px 12px;min-height:42px}.v60-phonetics .kx-ipa-detail>.kx-ipa-tabs select{min-width:100px;width:auto}.v60-phonetics .kx-ipa-detail>small{font-size:10px;line-height:1.8;color:var(--muted)}.v60-phonetics .kx-ipa-word{padding:16px!important;font-size:25px!important;background:var(--v51-blue-soft)!important;color:var(--ink)!important}.v60-phonetics .kx-ipa-word small{font-size:14px;color:var(--muted)!important}.v60-phonetics .kx-ipa-status{background:var(--surface-soft)!important;color:var(--muted)!important;border:1px solid var(--line);font-size:12px;line-height:1.9;min-height:0}.v60-practice-studio{margin-top:28px;padding-top:24px;border-top:1px solid var(--line);scroll-margin-top:115px}.v60-practice-heading{display:flex;align-items:center;justify-content:space-between;gap:15px}.v60-practice-heading h3{margin:0;font-size:20px;color:var(--ink)}.v60-practice-heading>span{font-size:11px;color:var(--muted)}.v60-practice-note{font-size:12px;background:var(--tone-warn-bg);color:var(--tone-warn);padding:14px;border-radius:12px;line-height:1.9}.v60-example-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:20px 0}.v60-example-grid article{border:1px solid var(--line);border-radius:15px;background:var(--surface-soft);padding:15px;min-width:0}.v60-example-word{display:block;width:100%;padding:5px 0;text-align:left;border:0;background:transparent;color:var(--ink);font-size:22px;font-weight:650;overflow-wrap:anywhere}.v60-practice-studio mark{background:var(--v51-purple-soft);color:var(--v51-purple);border-radius:4px;padding:0 2px;border-bottom:2px solid var(--v51-purple)}.v60-reveal{display:inline-block;margin-top:10px;padding:4px 0;min-height:32px;border:0;background:transparent;color:var(--muted);font-size:11px}.v60-example-grid p{font-size:12px;color:var(--muted);margin:8px 0 0}.v60-sentence{padding:20px;border-radius:16px;background:var(--v51-teal-soft);color:var(--ink);border:1px solid var(--line)}.v60-sentence>small{color:var(--v51-teal);font-size:11px}.v60-sentence>p{font-size:18px;line-height:1.9}.v60-sentence button{font-size:12px}.v60-audio-note{font-size:11px;color:var(--muted);line-height:1.9}.v60-test{margin-top:24px;padding:23px;border:1px solid var(--line);border-radius:20px;background:var(--surface)}.v60-test h3{font-size:18px;color:var(--ink);margin:0 0 18px}.v60-test-controls{display:grid;grid-template-columns:1fr 1fr 110px;gap:10px}.v60-test-controls select{width:100%;min-width:0;background:var(--surface-soft);color:var(--ink);padding:11px;border:1px solid var(--line);border-radius:11px;font-size:12px}.v60-test-controls button{grid-column:1/-1;min-height:45px;margin-top:3px}.v60-test>p{font-size:11px;line-height:1.8;color:var(--muted)}.v60-quiz:not(:empty){padding-top:20px;border-top:1px solid var(--line);margin-top:20px}.v60-quiz progress{width:100%;height:7px;accent-color:var(--v51-purple)}.v60-quiz h4{font-size:18px;color:var(--ink);line-height:1.8}.v60-quiz-position{font-size:12px;color:var(--muted)}.v60-question-word{font-size:32px;margin:18px 0;color:var(--ink);font-weight:650}.v60-question-audio{font-size:16px;padding:18px;min-height:55px;color:var(--v51-purple);background:var(--v51-purple-soft);border:1px solid var(--line);border-radius:13px}.v60-answer-options{display:grid;grid-template-columns:1fr 1fr;gap:11px;margin:20px 0}.v60-answer{font-family:KXIPA,Arial,sans-serif;font-size:24px;min-height:60px;border:1px solid var(--line);border-radius:13px;color:var(--ink);background:var(--surface-soft)}.v60-answer-options button.v60-correct:disabled{background:var(--tone-ok-bg)!important;color:var(--tone-ok)!important;border-color:var(--tone-ok)!important}.v60-answer-options button.v60-wrong:disabled{background:var(--tone-error-bg)!important;color:var(--tone-error)!important;border-color:var(--tone-error)!important}.v60-result{font-size:13px;line-height:1.9;padding:14px;border-radius:12px}.v60-result.correct{background:var(--tone-ok-bg);color:var(--tone-ok)}.v60-result.wrong{background:var(--tone-error-bg);color:var(--tone-error)}.v60-phonetics .kx-ipa-trial{border-radius:22px;background:var(--surface)!important;color:var(--ink);border:1px solid var(--line);padding:25px}.v60-phonetics .kx-ipa-trial>p{font-size:12px;line-height:1.9;color:var(--muted)}.v60-phonetics .kx-ipa-trial audio{max-width:100%}.v60-phonetics .kx-ipa-detail.kx-ipa-enlarged{position:fixed!important}.v60-phonetics [hidden]{display:none!important}
@media(max-width:1100px){.v60-phonetics .kx-ipa-layout{grid-template-columns:210px minmax(0,1fr);gap:16px}.v60-phonetics .kx-ipa-detail{padding:22px}.v60-example-grid{grid-template-columns:1fr 1fr}.v60-test-controls{grid-template-columns:1fr 1fr}.v60-test-controls select:last-of-type{grid-column:1/-1}.v60-practice-heading{align-items:flex-start;flex-direction:column;gap:7px}}@media(max-width:820px){.v60-phonetics .kx-ipa-layout{grid-template-columns:1fr}.v60-phonetics .kx-ipa-chart{position:static;max-height:230px;padding:15px}.v60-phonetics .kx-ipa-chart .kx-ipa-picks{grid-template-columns:repeat(6,minmax(0,1fr))}.v60-phonetics .kx-ipa-detail video{max-height:245px}.v60-practice-studio{scroll-margin-top:110px}}@media(max-width:600px){.v60-phonetics .kx-ipa-head{padding:19px;gap:13px}.v60-phonetics .kx-ipa-head h2{font-size:23px}.v60-phonetics .kx-ipa-head img{width:48px;height:48px}.v60-phonetics .kx-ipa-chart .kx-ipa-picks{grid-template-columns:repeat(4,minmax(0,1fr))}.v60-phonetics .kx-ipa-detail{padding:17px;border-radius:19px}.v60-phonetics .kx-ipa-detail>h2{font-size:43px}.v60-example-grid{gap:9px}.v60-example-grid article{padding:13px 11px}.v60-example-word{font-size:20px}.v60-test{padding:17px}.v60-test-controls{gap:8px}.v60-test-controls select{font-size:12px}.v60-practice-heading h3{font-size:19px}.v60-sentence{padding:17px}.v60-sentence>p{font-size:17px}.v60-phonetics .kx-ipa-trial{padding:18px}.v60-answer{min-height:57px;font-size:23px}.v60-quiz h4{font-size:17px}.v60-practice-note{font-size:11px}}

.v60-phonetics>p{font-size:12px;line-height:1.9;color:var(--muted);margin:10px 0}.v60-course-note{font-size:12px!important}.v60-phonetics .kx-ipa-trial>div{min-width:0}
.v60-phonetics .kx-ipa-status:empty{display:none!important}