.pronunciation-module__SlL9EG__page{min-height:100dvh;color:var(--color-ink);background:var(--color-paper);font-family:var(--font-body)}.pronunciation-module__SlL9EG__page *,.pronunciation-module__SlL9EG__page :before,.pronunciation-module__SlL9EG__page :after{box-sizing:border-box}.pronunciation-module__SlL9EG__shell button,.pronunciation-module__SlL9EG__shell a{font:inherit}.pronunciation-module__SlL9EG__shell a{color:inherit;text-decoration:none}.pronunciation-module__SlL9EG__shell{width:min(calc(100% - var(--space-md)), 56rem);padding-block:var(--space-md) var(--space-2xl);margin-inline:auto}.pronunciation-module__SlL9EG__hero{gap:var(--space-2xs);min-width:0;border-block-end:var(--rule-thin) solid var(--color-rule);padding-block-end:var(--space-md);display:grid}.pronunciation-module__SlL9EG__heroBreadcrumbs{align-items:center;gap:var(--space-2xs);min-width:0;color:var(--color-muted);font-size:var(--text-xs);flex-wrap:wrap;margin-block-end:var(--space-2xs);font-weight:700;display:flex}.pronunciation-module__SlL9EG__heroBreadcrumbs a{align-items:center;gap:var(--space-3xs);min-height:2.5rem;color:var(--color-accent);white-space:nowrap;display:inline-flex}.pronunciation-module__SlL9EG__heroEyebrow{max-width:64ch;color:var(--color-ink-2);font-size:var(--text-sm);margin:0;line-height:1.55}.pronunciation-module__SlL9EG__heroHighlight{color:var(--color-accent);text-decoration:underline;-webkit-text-decoration-color:var(--color-accent-soft);text-decoration-color:var(--color-accent-soft);text-decoration-thickness:calc(var(--rule-thin) * 2);text-underline-offset:.18em;font-style:normal;font-weight:800}.pronunciation-module__SlL9EG__heroTitle{align-items:baseline;gap:var(--space-2xs) var(--space-sm);min-width:0;max-width:100%;margin:var(--space-2xs) 0 0;overflow-wrap:anywhere;font-family:var(--font-display);font-size:clamp(var(--text-xl), 3.6vw, var(--text-2xl));letter-spacing:-.02em;color:var(--color-ink);flex-wrap:wrap;font-style:normal;font-weight:800;line-height:1.15;display:flex}.pronunciation-module__SlL9EG__heroTitle>span:first-child{flex:auto;min-width:0}.pronunciation-module__SlL9EG__heroTitleMark{min-width:2.5rem;min-height:2.5rem;padding-inline:var(--space-2xs);border:var(--rule-thin) solid var(--color-rule);border-radius:var(--radius-control);background:var(--color-paper-2);font-family:var(--font-display);font-size:var(--text-lg);color:var(--color-accent);place-items:center;font-weight:800;line-height:1;display:inline-grid}.pronunciation-module__SlL9EG__heroLead{max-width:64ch;margin:var(--space-2xs) 0 0;color:var(--color-ink-2);font-size:var(--text-sm);line-height:1.6}.pronunciation-module__SlL9EG__tabList{gap:var(--space-2xs);width:fit-content;max-width:100%;margin-block:var(--space-md) var(--space-sm);padding:var(--space-3xs);border:var(--rule-thin) solid var(--color-rule);border-radius:var(--radius-pill);background:var(--color-paper-2);flex-wrap:wrap;display:flex}.pronunciation-module__SlL9EG__tab{min-height:2.5rem;padding-inline:var(--space-sm);border:var(--rule-thin) solid transparent;border-radius:var(--radius-pill);color:var(--color-ink-2);cursor:pointer;white-space:nowrap;font-size:var(--text-xs);transition:color var(--dur-short) var(--ease-out), background-color var(--dur-short) var(--ease-out), transform var(--dur-short) var(--ease-out);background:0 0;font-weight:750}.pronunciation-module__SlL9EG__tab[aria-selected=true]{color:var(--color-accent-ink);background:var(--color-accent)}.pronunciation-module__SlL9EG__tab:disabled,.pronunciation-module__SlL9EG__strokeExampleSelect:disabled,.pronunciation-module__SlL9EG__lessonFooter button:disabled{opacity:.55;cursor:not-allowed;pointer-events:none;transform:none}.pronunciation-module__SlL9EG__tabPanel{min-width:0;padding-block:var(--space-xs)}.pronunciation-module__SlL9EG__toneGrid{gap:var(--space-sm);grid-template-columns:minmax(0,1fr);display:grid}.pronunciation-module__SlL9EG__toneCard{gap:var(--space-xs);min-width:0;padding:var(--space-sm);border:var(--rule-thin) solid var(--color-rule);border-radius:var(--radius-card);background:var(--color-paper-2);display:grid}.pronunciation-module__SlL9EG__toneHeader{align-items:center;gap:var(--space-xs);border-block-end:var(--rule-thin) solid var(--color-rule);grid-template-columns:auto minmax(0,1fr) auto;padding-block-end:var(--space-2xs);display:grid}.pronunciation-module__SlL9EG__toneNumber{border-radius:var(--radius-pill);width:1.625rem;height:1.625rem;color:var(--color-accent-ink);background:var(--color-accent);font-family:var(--font-mono);font-size:var(--text-xs);flex:none;place-items:center;font-weight:800;display:grid}.pronunciation-module__SlL9EG__toneTitle{gap:var(--space-3xs);min-width:0;display:grid}.pronunciation-module__SlL9EG__toneName{overflow-wrap:anywhere;min-width:0;font-size:var(--text-sm);color:var(--color-ink);margin:0;font-weight:800;line-height:1.2}.pronunciation-module__SlL9EG__toneShort{color:var(--color-muted);font-size:var(--text-xs);font-weight:700}.pronunciation-module__SlL9EG__toneMark{border-radius:var(--radius-control);background:var(--color-paper);min-width:1.625rem;min-height:1.625rem;color:var(--color-accent);font-size:var(--text-lg);place-items:center;font-weight:800;line-height:1;display:grid}.pronunciation-module__SlL9EG__toneSyllable{width:100%;min-width:0;padding-block:var(--space-2xs);overflow-wrap:anywhere;font-family:var(--font-display);letter-spacing:-.04em;color:var(--color-accent);place-items:center;font-size:clamp(3rem,12vw,4.5rem);font-style:normal;font-weight:800;line-height:.95;display:grid}.pronunciation-module__SlL9EG__tonePath{width:100%;height:3rem}.pronunciation-module__SlL9EG__toneGuide{fill:none;stroke:var(--color-rule);stroke-width:var(--rule-thin)}.pronunciation-module__SlL9EG__toneStroke{fill:none;stroke:var(--color-accent);stroke-width:calc(var(--rule-thin) * 3);stroke-linecap:round}.pronunciation-module__SlL9EG__toneDescription{max-width:56ch;color:var(--color-ink-2);font-size:var(--text-xs);margin:0;line-height:1.55}.pronunciation-module__SlL9EG__toneListen{align-items:center;gap:var(--space-2xs);min-height:2.5rem;display:flex}.pronunciation-module__SlL9EG__exampleHeader{align-items:center;gap:var(--space-2xs);border-block-start:var(--rule-thin) solid var(--color-rule);color:var(--color-muted);font-size:var(--text-2xs);text-transform:uppercase;letter-spacing:.06em;padding-block-start:var(--space-2xs);font-weight:800;display:flex}.pronunciation-module__SlL9EG__exampleGrid{gap:var(--space-2xs);grid-template-columns:repeat(2,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}.pronunciation-module__SlL9EG__exampleCell{gap:var(--space-3xs);min-width:0;padding:var(--space-2xs);border:var(--rule-thin) solid var(--color-rule);border-radius:var(--radius-control);background:var(--color-paper);display:grid}.pronunciation-module__SlL9EG__exampleHanzi{color:var(--color-ink);font-family:var(--font-display);font-size:var(--text-lg);font-weight:800;line-height:1}.pronunciation-module__SlL9EG__examplePinyin{color:var(--color-accent);font-size:var(--text-xs);font-weight:700}.pronunciation-module__SlL9EG__exampleMeaning{color:var(--color-muted);font-size:var(--text-2xs);line-height:1.4}.pronunciation-module__SlL9EG__audioButton{justify-content:center;align-items:center;gap:var(--space-3xs);min-width:4.5rem;min-height:2.5rem;padding-inline:var(--space-2xs);border:var(--rule-thin) solid var(--color-rule-strong);border-radius:var(--radius-pill);color:var(--color-accent);background:var(--color-paper);cursor:pointer;white-space:nowrap;font-size:var(--text-xs);transition:color var(--dur-short) var(--ease-out), background-color var(--dur-short) var(--ease-out), border-color var(--dur-short) var(--ease-out), transform var(--dur-short) var(--ease-out);font-weight:800;display:inline-flex}.pronunciation-module__SlL9EG__audioButton[data-state=loading],.pronunciation-module__SlL9EG__audioButton:disabled{opacity:.6;cursor:wait}.pronunciation-module__SlL9EG__audioButton[data-state=playing]{border-color:var(--color-accent);color:var(--color-accent-ink);background:var(--color-accent)}.pronunciation-module__SlL9EG__audioButton[data-state=success]{border-color:var(--color-success);color:var(--color-success);background:var(--color-success-soft)}.pronunciation-module__SlL9EG__audioButton[data-state=error]{border-color:var(--color-error);color:var(--color-error);background:var(--color-error-soft)}.pronunciation-module__SlL9EG__initialGrid{gap:var(--space-sm);grid-template-columns:minmax(0,1fr);display:grid}.pronunciation-module__SlL9EG__initialCard{gap:var(--space-2xs);min-width:0;padding:var(--space-sm);border:var(--rule-thin) solid var(--color-rule);border-radius:var(--radius-card);background:var(--color-paper-2);display:grid}.pronunciation-module__SlL9EG__initialHeading{gap:var(--space-3xs);border-block-end:var(--rule-thin) solid var(--color-rule);padding-block-end:var(--space-2xs);display:grid}.pronunciation-module__SlL9EG__initialHeading h3{font-size:var(--text-sm);color:var(--color-ink);margin:0;font-weight:800}.pronunciation-module__SlL9EG__initialHeading p{max-width:64ch;color:var(--color-ink-2);font-size:var(--text-xs);margin:0;line-height:1.55}.pronunciation-module__SlL9EG__initialList{gap:var(--space-xs);margin:0;padding:0;list-style:none;display:grid}.pronunciation-module__SlL9EG__initialRow{gap:var(--space-xs);padding:var(--space-xs);border:var(--rule-thin) solid var(--color-rule);border-radius:var(--radius-control);background:var(--color-paper);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;display:grid}.pronunciation-module__SlL9EG__initialSymbol{border:var(--rule-thin) solid var(--color-rule);border-radius:var(--radius-control);min-width:2.5rem;min-height:2.5rem;color:var(--color-ink);background:var(--color-paper-2);font-family:var(--font-display);font-size:var(--text-lg);place-items:center;font-weight:800;line-height:1;display:grid}.pronunciation-module__SlL9EG__initialMeta{gap:var(--space-3xs);min-width:0;display:grid}.pronunciation-module__SlL9EG__initialTip{max-width:56ch;color:var(--color-ink-2);font-size:var(--text-xs);margin:0;line-height:1.5}.pronunciation-module__SlL9EG__initialExample{align-items:baseline;gap:var(--space-2xs);flex-wrap:wrap;min-width:0;display:flex}.pronunciation-module__SlL9EG__initialExampleHanzi{color:var(--color-ink);font-family:var(--font-display);font-size:var(--text-md);font-weight:800;line-height:1}.pronunciation-module__SlL9EG__initialExamplePinyin{color:var(--color-accent);font-size:var(--text-xs);font-weight:700}.pronunciation-module__SlL9EG__initialExampleMeaning{color:var(--color-muted);font-size:var(--text-2xs)}.pronunciation-module__SlL9EG__compareBox{gap:var(--space-xs);padding:var(--space-sm);border:var(--rule-thin) solid var(--color-rule-strong);border-radius:var(--radius-card);background:var(--color-paper-2);grid-template-columns:minmax(0,1fr);display:grid}.pronunciation-module__SlL9EG__compareColumn{gap:var(--space-3xs);display:grid}.pronunciation-module__SlL9EG__compareColumn span{color:var(--color-muted);font-size:var(--text-2xs);text-transform:uppercase;letter-spacing:.06em;font-weight:800}.pronunciation-module__SlL9EG__compareColumn strong{color:var(--color-accent);font-size:var(--text-sm);letter-spacing:.04em}.pronunciation-module__SlL9EG__compareBox p{max-width:64ch;color:var(--color-ink-2);font-size:var(--text-xs);grid-column:1/-1;margin:0;line-height:1.5}.pronunciation-module__SlL9EG__finalGrid{gap:var(--space-sm);grid-template-columns:minmax(0,1fr);display:grid}.pronunciation-module__SlL9EG__finalCard{gap:var(--space-xs);min-width:0;padding:var(--space-sm);border:var(--rule-thin) solid var(--color-rule);border-radius:var(--radius-card);background:var(--color-paper-2);display:grid}.pronunciation-module__SlL9EG__finalHeading{gap:var(--space-3xs);border-block-end:var(--rule-thin) solid var(--color-rule);padding-block-end:var(--space-2xs);display:grid}.pronunciation-module__SlL9EG__finalHeading h3{font-size:var(--text-sm);color:var(--color-ink);margin:0;font-weight:800}.pronunciation-module__SlL9EG__finalHeading p{max-width:64ch;color:var(--color-ink-2);font-size:var(--text-xs);margin:0;line-height:1.55}.pronunciation-module__SlL9EG__finalList{gap:var(--space-xs);grid-template-columns:repeat(2,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}.pronunciation-module__SlL9EG__finalRow{gap:var(--space-3xs) var(--space-xs);min-width:0;padding:var(--space-2xs);border:var(--rule-thin) solid var(--color-rule);border-radius:var(--radius-control);background:var(--color-paper);grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"symbol example listen""symbol meaning listen";align-items:center;display:grid}.pronunciation-module__SlL9EG__finalSymbol{border:var(--rule-thin) solid var(--color-rule);border-radius:var(--radius-control);min-width:2.5rem;min-height:2.5rem;color:var(--color-ink);background:var(--color-paper-2);font-family:var(--font-display);font-size:var(--text-md);grid-area:symbol;place-items:center;font-weight:800;line-height:1;display:grid}.pronunciation-module__SlL9EG__finalExample{align-items:baseline;gap:var(--space-2xs);grid-area:example;min-width:0;display:flex}.pronunciation-module__SlL9EG__finalHanzi{color:var(--color-ink);font-family:var(--font-display);font-size:var(--text-md);font-weight:800;line-height:1}.pronunciation-module__SlL9EG__finalPinyin{color:var(--color-accent);font-size:var(--text-xs);font-weight:700}.pronunciation-module__SlL9EG__finalMeaning{color:var(--color-muted);font-size:var(--text-2xs);grid-area:meaning;margin:0;line-height:1.35}.pronunciation-module__SlL9EG__finalRow .pronunciation-module__SlL9EG__audioButton{grid-area:listen}.pronunciation-module__SlL9EG__noteStrip{gap:var(--space-xs);padding:var(--space-sm);border:var(--rule-thin) solid var(--color-rule-strong);border-radius:var(--radius-card);background:var(--color-warning-soft);grid-template-columns:minmax(0,1fr) auto;align-items:center;display:grid}.pronunciation-module__SlL9EG__noteStrip strong{color:var(--color-warning);font-size:var(--text-2xs);text-transform:uppercase;letter-spacing:.06em;grid-column:1/-1;font-weight:800}.pronunciation-module__SlL9EG__noteStrip p{max-width:60ch;color:var(--color-ink-2);font-size:var(--text-xs);margin:0;line-height:1.55}.pronunciation-module__SlL9EG__changeList{gap:var(--space-sm);display:grid}.pronunciation-module__SlL9EG__changeCard{gap:var(--space-xs);padding:var(--space-sm);border:var(--rule-thin) solid var(--color-rule);border-radius:var(--radius-card);background:var(--color-paper-2);grid-template-columns:minmax(0,1fr);display:grid}.pronunciation-module__SlL9EG__changeMeta{gap:var(--space-xs);grid-template-columns:auto minmax(0,1fr);align-items:start;display:grid}.pronunciation-module__SlL9EG__ruleNumber{color:var(--color-accent);font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.06em;font-weight:800}.pronunciation-module__SlL9EG__changeCard h3{font-size:var(--text-sm);color:var(--color-ink);margin:0;font-weight:800;line-height:1.35}.pronunciation-module__SlL9EG__formula{color:var(--color-accent);font-family:var(--font-mono);font-size:var(--text-xs);margin-block-start:var(--space-2xs);display:block}.pronunciation-module__SlL9EG__changeCard p{max-width:60ch;margin:var(--space-2xs) 0 0;color:var(--color-ink-2);font-size:var(--text-xs);line-height:1.55}.pronunciation-module__SlL9EG__changeExample{gap:var(--space-xs);border-block-start:var(--rule-thin) solid var(--color-rule);grid-template-columns:minmax(0,1fr);padding-block-start:var(--space-xs);display:grid}.pronunciation-module__SlL9EG__changeHanzi{border:var(--rule-thin) solid var(--color-rule);border-radius:var(--radius-control);background:var(--color-paper);min-width:3.5rem;min-height:3.5rem;font-family:var(--font-display);font-size:var(--text-lg);color:var(--color-ink);place-items:center;font-weight:800;display:grid}.pronunciation-module__SlL9EG__changePair{gap:var(--space-xs);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.pronunciation-module__SlL9EG__changePair>div{gap:var(--space-3xs);padding:var(--space-2xs);border:var(--rule-thin) solid var(--color-rule);border-radius:var(--radius-control);background:var(--color-paper);display:grid}.pronunciation-module__SlL9EG__changePair small{color:var(--color-muted);font-size:var(--text-2xs);text-transform:uppercase;letter-spacing:.06em;font-weight:800}.pronunciation-module__SlL9EG__changePair del{color:var(--color-muted);font-size:var(--text-sm);text-decoration-thickness:var(--rule-thin)}.pronunciation-module__SlL9EG__changePair strong{color:var(--color-accent);font-size:var(--text-sm);font-weight:800}.pronunciation-module__SlL9EG__strokeLayout{gap:var(--space-md);grid-template-columns:minmax(0,1fr);align-items:start;display:grid}.pronunciation-module__SlL9EG__strokeIntro{max-width:60ch;margin:0 0 var(--space-2xs);padding:var(--space-sm);border:var(--rule-thin) solid var(--color-rule);border-radius:var(--radius-card);background:var(--color-paper-2);color:var(--color-ink-2);font-size:var(--text-xs);line-height:1.65}.pronunciation-module__SlL9EG__strokeRuleList{gap:var(--space-2xs);display:grid}.pronunciation-module__SlL9EG__strokeRule{border:var(--rule-thin) solid var(--color-rule);border-radius:var(--radius-card);background:var(--color-paper);text-align:start;min-width:0;transition:border-color var(--dur-short) var(--ease-out), background-color var(--dur-short) var(--ease-out);gap:0;padding:0;display:grid}.pronunciation-module__SlL9EG__strokeRule[data-selected=true]{border-color:var(--color-accent)}.pronunciation-module__SlL9EG__strokeRule[data-open=true]{background:var(--color-paper-2)}.pronunciation-module__SlL9EG__strokeRuleSummary{align-items:center;gap:var(--space-xs);width:100%;min-height:4rem;padding:var(--space-xs);border-radius:var(--radius-card);color:var(--color-ink);cursor:pointer;text-align:start;transition:background-color var(--dur-short) var(--ease-out);background:0 0;border:0;grid-template-columns:auto minmax(0,1fr) auto;display:grid}.pronunciation-module__SlL9EG__strokeRuleSummary>svg,.pronunciation-module__SlL9EG__strokeRuleChevron,.pronunciation-module__SlL9EG__strokeRuleChevronOpen{transition:transform var(--dur-short) var(--ease-out)}.pronunciation-module__SlL9EG__strokeRuleChevronOpen{transform:rotate(180deg)}.pronunciation-module__SlL9EG__strokeRuleNumber{border-radius:var(--radius-pill);min-width:2rem;min-height:2rem;color:var(--color-accent-ink);background:var(--color-accent);font-family:var(--font-mono);font-size:var(--text-2xs);place-items:center;font-weight:800;display:grid}.pronunciation-module__SlL9EG__strokeRuleTitle{gap:var(--space-3xs);min-width:0;display:grid}.pronunciation-module__SlL9EG__strokeRuleTitle>strong{font-size:var(--text-sm);color:var(--color-ink);font-weight:800;line-height:1.25}.pronunciation-module__SlL9EG__strokeRuleTitle>small{color:var(--color-muted);font-size:var(--text-2xs);font-weight:700;line-height:1.3;display:block}.pronunciation-module__SlL9EG__strokeRuleDetail{gap:var(--space-xs);padding:0 var(--space-xs) var(--space-sm);display:grid}.pronunciation-module__SlL9EG__strokeRuleIntro{max-width:60ch;padding-block:var(--space-xs);border-block-start:var(--rule-thin) solid var(--color-rule);color:var(--color-ink-2);font-size:var(--text-xs);margin:0;line-height:1.6}.pronunciation-module__SlL9EG__strokeExampleList{gap:var(--space-xs);margin:0;padding:0;list-style:none;display:grid}.pronunciation-module__SlL9EG__strokeExampleRow{gap:var(--space-2xs);min-width:0;padding:var(--space-xs);border:var(--rule-thin) solid var(--color-rule);border-radius:var(--radius-control);background:var(--color-paper);transition:border-color var(--dur-short) var(--ease-out), background-color var(--dur-short) var(--ease-out);grid-template-columns:minmax(0,1fr);display:grid}.pronunciation-module__SlL9EG__strokeExampleRow[data-active=true]{border-color:var(--color-accent);background:var(--color-accent-soft)}.pronunciation-module__SlL9EG__strokeExampleSelect{min-height:var(--tap-target);align-items:center;gap:var(--space-xs);border-radius:var(--radius-control);color:var(--color-ink);cursor:pointer;text-align:start;background:0 0;border:0;grid-template-columns:auto minmax(0,1fr);padding:0;display:grid}.pronunciation-module__SlL9EG__strokeExampleHanzi{min-width:2.75rem;min-height:var(--tap-target);border:var(--rule-thin) solid var(--color-rule);border-radius:var(--radius-control);background:var(--color-paper-2);font-family:var(--font-display);font-size:var(--text-lg);place-items:center;font-weight:800;line-height:1;display:grid}.pronunciation-module__SlL9EG__strokeExampleRow[data-active=true] .pronunciation-module__SlL9EG__strokeExampleHanzi{border-color:var(--color-accent);color:var(--color-accent)}.pronunciation-module__SlL9EG__strokeExampleMeta{gap:var(--space-3xs);min-width:0;display:grid}.pronunciation-module__SlL9EG__strokeExampleMeta>em{color:var(--color-accent);font-style:normal;font-size:var(--text-sm);font-weight:800}.pronunciation-module__SlL9EG__strokeExampleMeta>small{color:var(--color-muted);font-size:var(--text-xs);line-height:1.4}.pronunciation-module__SlL9EG__strokeExampleNote{max-width:56ch;color:var(--color-ink-2);font-size:var(--text-xs);margin:0;line-height:1.55}.pronunciation-module__SlL9EG__strokeExampleRow .pronunciation-module__SlL9EG__audioButton{justify-self:start}.pronunciation-module__SlL9EG__writingArea{min-width:0;padding:var(--space-sm);border:var(--rule-thin) solid var(--color-rule-strong);border-radius:var(--radius-card);background:var(--color-paper-2)}.pronunciation-module__SlL9EG__writingHeading{min-height:var(--tap-target);justify-content:space-between;align-items:center;gap:var(--space-sm);border-block-end:var(--rule-thin) solid var(--color-rule);margin-block-end:var(--space-sm);padding-block-end:var(--space-sm);display:flex}.pronunciation-module__SlL9EG__writingHeading>div{align-items:center;gap:var(--space-xs);display:flex}.pronunciation-module__SlL9EG__writingHeading span{color:var(--color-muted);font-size:var(--text-xs);font-weight:800}.pronunciation-module__SlL9EG__writingHeading strong{color:var(--color-accent);font-size:var(--text-md)}.pronunciation-module__SlL9EG__completeBadge{align-items:center;gap:var(--space-3xs);display:inline-flex;color:var(--color-success)!important}.pronunciation-module__SlL9EG__faq{gap:var(--space-sm);border-block-start:var(--rule-thin) solid var(--color-rule);margin-block-start:var(--space-lg);padding-block-start:var(--space-xl);display:grid}.pronunciation-module__SlL9EG__faqHeading{gap:var(--space-2xs);max-width:60ch;display:grid}.pronunciation-module__SlL9EG__faqHeading h2{overflow-wrap:anywhere;min-width:0;font-family:var(--font-display);font-size:var(--text-lg);letter-spacing:-.02em;margin:0;font-style:normal;font-weight:800}.pronunciation-module__SlL9EG__faqHeading p{color:var(--color-ink-2);font-size:var(--text-xs);margin:0;line-height:1.55}.pronunciation-module__SlL9EG__faqList{gap:var(--space-xs);display:grid}.pronunciation-module__SlL9EG__faqRow{gap:var(--space-2xs);padding:var(--space-sm);border:var(--rule-thin) solid var(--color-rule);border-radius:var(--radius-card);background:var(--color-paper-2);grid-template-columns:minmax(0,1fr);display:grid}.pronunciation-module__SlL9EG__faqQuestion{align-items:center;gap:var(--space-2xs);min-width:0;font-family:var(--font-display);font-size:var(--text-sm);color:var(--color-ink);margin:0;font-style:normal;font-weight:800;line-height:1.4;display:flex}.pronunciation-module__SlL9EG__faqBadge{width:1.5rem;height:1.5rem;color:var(--color-accent-ink);background:var(--color-accent);font-family:var(--font-mono);font-size:var(--text-2xs);border-radius:50%;flex:none;place-items:center;font-weight:800;display:grid}.pronunciation-module__SlL9EG__faqAnswer{max-width:70ch;color:var(--color-ink-2);font-size:var(--text-xs);margin:0;line-height:1.65}.pronunciation-module__SlL9EG__lessonFooter{justify-content:space-between;align-items:center;gap:var(--space-sm);padding-block:var(--space-md);flex-wrap:wrap;display:flex}.pronunciation-module__SlL9EG__lessonFooter p{color:var(--color-ink-2);font-size:var(--text-xs);margin:0}.pronunciation-module__SlL9EG__lessonFooter button,.pronunciation-module__SlL9EG__lessonFooter a{justify-content:center;align-items:center;gap:var(--space-2xs);min-height:2.5rem;padding-inline:var(--space-sm);border:var(--rule-thin) solid var(--color-accent);border-radius:var(--radius-control);color:var(--color-accent-ink);background:var(--color-accent);cursor:pointer;white-space:nowrap;font-size:var(--text-xs);transition:background-color var(--dur-short) var(--ease-out), transform var(--dur-short) var(--ease-out);font-weight:800;display:inline-flex}.pronunciation-module__SlL9EG__tab:focus-visible,.pronunciation-module__SlL9EG__audioButton:focus-visible,.pronunciation-module__SlL9EG__strokeRuleSummary:focus-visible,.pronunciation-module__SlL9EG__strokeExampleSelect:focus-visible,.pronunciation-module__SlL9EG__lessonFooter button:focus-visible,.pronunciation-module__SlL9EG__lessonFooter a:focus-visible,.pronunciation-module__SlL9EG__heroBreadcrumbs a:focus-visible,.pronunciation-module__SlL9EG__tabPanel:focus-visible{outline:calc(var(--rule-thin) * 2) solid var(--color-focus);outline-offset:var(--space-3xs)}.pronunciation-module__SlL9EG__tab:active,.pronunciation-module__SlL9EG__audioButton:active,.pronunciation-module__SlL9EG__strokeRuleSummary:active,.pronunciation-module__SlL9EG__strokeExampleSelect:active,.pronunciation-module__SlL9EG__lessonFooter button:active,.pronunciation-module__SlL9EG__lessonFooter a:active{transform:translateY(var(--rule-thin))}@media (hover:hover) and (pointer:fine){.pronunciation-module__SlL9EG__tab:not([aria-selected=true]):hover{color:var(--color-ink);background:var(--color-paper)}.pronunciation-module__SlL9EG__audioButton:hover{border-color:var(--color-accent);background:var(--color-accent-soft)}.pronunciation-module__SlL9EG__strokeRule:not([data-selected=true]):hover{border-color:var(--color-rule-strong)}.pronunciation-module__SlL9EG__strokeRuleSummary:hover{background:var(--color-paper)}.pronunciation-module__SlL9EG__strokeExampleSelect:hover{color:var(--color-accent)}.pronunciation-module__SlL9EG__lessonFooter button:hover,.pronunciation-module__SlL9EG__lessonFooter a:hover{background:var(--color-accent-hover);transform:translateY(calc(0rem - var(--rule-thin)))}.pronunciation-module__SlL9EG__heroBreadcrumbs a:hover{text-underline-offset:var(--space-3xs);text-decoration:underline}}@media (min-width:40rem){.pronunciation-module__SlL9EG__exampleGrid,.pronunciation-module__SlL9EG__finalList{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width:48rem){.pronunciation-module__SlL9EG__shell{width:min(calc(100% - var(--space-xl)), 76rem);margin-inline:auto;padding-block-start:var(--space-lg)}.pronunciation-module__SlL9EG__toneGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.pronunciation-module__SlL9EG__toneCard{align-content:start}.pronunciation-module__SlL9EG__toneDescription{min-block-size:calc(var(--space-xl) + var(--space-2xs))}.pronunciation-module__SlL9EG__compareBox{grid-template-columns:repeat(2,minmax(0,1fr))}.pronunciation-module__SlL9EG__compareBox p{grid-column:1/-1}.pronunciation-module__SlL9EG__noteStrip{grid-template-columns:minmax(0,1fr) auto}.pronunciation-module__SlL9EG__changeCard{gap:var(--space-sm);grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.pronunciation-module__SlL9EG__changeExample{border-block-start:0;border-inline-start:var(--rule-thin) solid var(--color-rule);padding-block-start:0;padding-inline-start:var(--space-sm)}}@media (min-width:64rem){.pronunciation-module__SlL9EG__toneGrid{grid-template-columns:repeat(4,minmax(0,1fr))}.pronunciation-module__SlL9EG__initialGrid,.pronunciation-module__SlL9EG__finalGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.pronunciation-module__SlL9EG__strokeLayout{grid-template-columns:minmax(14rem,.78fr) minmax(0,1.22fr)}}@media (max-width:24rem){.pronunciation-module__SlL9EG__shell{width:min(calc(100% - var(--space-md)), 56rem)}.pronunciation-module__SlL9EG__tabList{width:100%}.pronunciation-module__SlL9EG__tab{padding-inline:var(--space-2xs);flex:auto;font-size:.625rem}.pronunciation-module__SlL9EG__initialRow{grid-template-columns:auto minmax(0,1fr)}.pronunciation-module__SlL9EG__initialRow .pronunciation-module__SlL9EG__audioButton{grid-column:1/-1;width:100%}.pronunciation-module__SlL9EG__finalRow{grid-template-columns:auto minmax(0,1fr);grid-template-areas:"symbol example""meaning meaning""listen listen"}.pronunciation-module__SlL9EG__finalRow .pronunciation-module__SlL9EG__audioButton{grid-column:1/-1;width:100%}.pronunciation-module__SlL9EG__changePair{grid-template-columns:minmax(0,1fr)}.pronunciation-module__SlL9EG__lessonFooter button,.pronunciation-module__SlL9EG__lessonFooter a{width:100%}}@media (pointer:coarse){.pronunciation-module__SlL9EG__tab,.pronunciation-module__SlL9EG__audioButton,.pronunciation-module__SlL9EG__strokeRule,.pronunciation-module__SlL9EG__lessonFooter button,.pronunciation-module__SlL9EG__lessonFooter a,.pronunciation-module__SlL9EG__heroBreadcrumbs a{min-height:var(--tap-target)}}@media (prefers-reduced-motion:reduce){.pronunciation-module__SlL9EG__tab,.pronunciation-module__SlL9EG__audioButton,.pronunciation-module__SlL9EG__strokeRule,.pronunciation-module__SlL9EG__strokeRuleSummary,.pronunciation-module__SlL9EG__strokeRuleSummary>svg,.pronunciation-module__SlL9EG__strokeExampleSelect,.pronunciation-module__SlL9EG__lessonFooter button,.pronunciation-module__SlL9EG__lessonFooter a{transition-duration:.12s}.pronunciation-module__SlL9EG__tab:active,.pronunciation-module__SlL9EG__audioButton:active,.pronunciation-module__SlL9EG__strokeRuleSummary:active,.pronunciation-module__SlL9EG__strokeExampleSelect:active,.pronunciation-module__SlL9EG__lessonFooter button:active,.pronunciation-module__SlL9EG__lessonFooter button:hover,.pronunciation-module__SlL9EG__lessonFooter a:active,.pronunciation-module__SlL9EG__lessonFooter a:hover{transform:none}}