.pronunciation-page{max-width:var(--shell-width);padding-block:var(--space-16)}.pronunciation-hero{align-items:end;gap:var(--space-8);padding:var(--space-8);background:var(--color-surface-soft);border:1px solid var(--color-rule);border-radius:var(--radius-card);grid-template-columns:minmax(0,1fr) minmax(160px,280px);display:grid;overflow:hidden}.pronunciation-hero__copy{max-width:var(--reading-width)}.pronunciation-hero h1{margin:var(--space-3) 0 var(--space-4);font-size:var(--text-story-title);line-height:var(--leading-title);letter-spacing:var(--tracking-title);text-wrap:balance}.pronunciation-hero p:last-child,.difficult-sounds p:last-child{color:var(--color-muted);font-size:var(--text-body);line-height:var(--leading-reading);margin:0}.pronunciation-hero img{place-self:end;height:auto}.difficult-sounds{align-items:start;gap:var(--space-8);margin-block:var(--space-16);grid-template-columns:minmax(0,1fr) minmax(280px,1fr);display:grid}.difficult-sounds h2,.pronunciation-sections>section>h2{margin:var(--space-2) 0 var(--space-3);font-size:var(--text-section);line-height:var(--leading-tight);letter-spacing:var(--tracking-section)}.difficult-sounds ul,.pronunciation-card__examples ul{gap:var(--space-2);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.difficult-sounds a{min-width:52px;min-height:44px;padding-inline:var(--space-3);color:var(--color-action);background:var(--color-surface);border:1px solid var(--color-rule);border-radius:var(--radius-control);font-family:var(--font-cjk);font-size:var(--text-logo);font-weight:var(--weight-bold);place-items:center;text-decoration:none;display:grid}.difficult-sounds a:hover{border-color:var(--color-action)}.pronunciation-sections{gap:var(--space-16);max-width:var(--reading-width);margin-inline:auto;display:grid}.pronunciation-list{gap:var(--space-2);display:grid}.pronunciation-card{background:var(--color-surface);border:1px solid var(--color-rule);border-radius:var(--radius-card);scroll-margin-top:var(--space-4);overflow:clip}.pronunciation-card[open]{border-color:var(--color-action)}.pronunciation-card summary{align-items:center;gap:var(--space-3);min-height:64px;padding:var(--space-4) var(--space-5);cursor:pointer;grid-template-columns:minmax(52px,auto) minmax(0,1fr) auto;list-style:none;display:grid}.pronunciation-card summary::-webkit-details-marker{display:none}.pronunciation-card summary:after{color:var(--color-muted);content:"+";font-size:var(--text-logo);grid-column:4}.pronunciation-card[open] summary:after{content:"−"}.pronunciation-card__sound{min-width:0;color:var(--color-action);font-family:var(--font-cjk);font-size:var(--text-logo);font-weight:var(--weight-bold);overflow-wrap:anywhere}.pronunciation-card__title{min-width:0;font-size:var(--text-body);font-weight:var(--weight-semibold);overflow-wrap:break-word;text-wrap:balance}.pronunciation-card__title-unit{white-space:nowrap}.pronunciation-card__difficulty{padding:var(--space-1) var(--space-2);font-size:var(--text-xs);font-weight:var(--weight-bold);border:1px solid;border-radius:999px}.pronunciation-card__difficulty--high{color:var(--color-action-hover)}.pronunciation-card__difficulty--medium{color:var(--color-muted)}.pronunciation-card__body{padding:0 var(--space-5) var(--space-6);border-top:1px solid var(--color-rule)}.pronunciation-card__lead{margin:var(--space-5) 0;font-size:var(--text-body);font-weight:var(--weight-medium);line-height:var(--leading-reading)}.pronunciation-practice__title,.pronunciation-card__details>h3{margin:0 0 var(--space-4);font-size:var(--text-logo);line-height:var(--leading-tight)}.pronunciation-practice{padding-block:var(--space-5);border-top:1px solid var(--color-rule)}.pronunciation-practice__heading{align-items:flex-start;gap:var(--space-3);margin-bottom:var(--space-4);display:flex}.pronunciation-practice__heading>span{flex:0 0 calc(var(--space-6) + var(--space-1));width:calc(var(--space-6) + var(--space-1));height:calc(var(--space-6) + var(--space-1));color:var(--color-action-hover);background:var(--color-surface-soft);font-size:var(--text-sm);font-weight:var(--weight-bold);border-radius:50%;place-items:center;display:grid}.pronunciation-practice__heading h4{font-size:var(--text-body);line-height:var(--leading-tight);margin:0}.pronunciation-practice__heading p{margin:var(--space-1) 0 0;color:var(--color-muted);font-size:var(--text-sm);line-height:var(--leading-reading)}.pronunciation-practice__illustration{background:var(--color-surface-soft);border-radius:var(--radius-card);width:100%;height:auto;display:block}.pronunciation-card dl{gap:var(--space-4);grid-template-columns:repeat(2,minmax(0,1fr));margin:0;display:grid}.pronunciation-card dl>div{padding-top:var(--space-3);border-top:1px solid var(--color-rule)}.pronunciation-card .pronunciation-practice__hints{gap:var(--space-3);margin-top:var(--space-4)}.pronunciation-card .pronunciation-practice__hint{padding:var(--space-2) var(--space-3);border-top:0;border-inline-start:var(--space-1) solid var(--color-rule)}.pronunciation-card .pronunciation-practice__hint--tongue,.pronunciation-card .pronunciation-practice__hint--mascot{border-inline-start-color:var(--color-action)}.pronunciation-card .pronunciation-practice__hint--mouth{border-inline-start-color:var(--color-pinyin)}.pronunciation-card .pronunciation-practice__hint--mascot{grid-column:1/-1}.pronunciation-card dt,.pronunciation-card__examples strong{color:var(--color-muted);font-size:var(--text-sm);font-weight:var(--weight-bold)}.pronunciation-card dd{margin:var(--space-1) 0 0;font-size:var(--text-body);line-height:var(--leading-reading)}.pronunciation-card__tip dt{color:var(--color-action)}.pronunciation-practice__hint--tongue dt,.pronunciation-practice__hint--mascot dt{color:var(--color-action-hover)}.pronunciation-practice__hint--mouth dt{color:var(--color-pinyin)}.pronunciation-card__examples{padding-top:var(--space-4);margin-top:var(--space-5);border-top:1px solid var(--color-rule)}.pronunciation-practice--repeat .pronunciation-card__examples{border-top:0;margin-top:0;padding-top:0}.pronunciation-card__details{padding-top:var(--space-5);border-top:1px solid var(--color-rule)}.pronunciation-card__examples ul{margin-top:var(--space-2)}.pronunciation-card__examples li{align-items:baseline;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--color-surface-soft);border-radius:var(--radius-control);display:inline-flex}.pronunciation-card__examples li span:first-child{font-family:var(--font-cjk);font-size:var(--text-logo);font-weight:var(--weight-semibold)}.pronunciation-card__examples li span:last-child{color:var(--color-pinyin);font-size:var(--text-sm);font-weight:var(--weight-medium)}.pronunciation-page__stories{margin-top:var(--space-16);color:var(--color-action);font-weight:var(--weight-bold);display:inline-block}html:lang(ko) .pronunciation-hero h1,html:lang(ko) .pronunciation-hero p,html:lang(ko) .difficult-sounds h2,html:lang(ko) .difficult-sounds p,html:lang(ko) .pronunciation-card__title,html:lang(ko) .pronunciation-card__lead,html:lang(ko) .pronunciation-card dd{word-break:keep-all;overflow-wrap:break-word}@media (width<=719px){.pronunciation-page{padding-block:var(--space-8)}.pronunciation-hero{padding:var(--space-6);grid-template-columns:1fr}.pronunciation-hero img{width:180px;margin:calc(var(--space-4) * -1) auto calc(var(--space-6) * -1)}.difficult-sounds{gap:var(--space-5);margin-block:var(--space-12);grid-template-columns:1fr}.pronunciation-card summary{grid-template-columns:minmax(44px,5.5rem) minmax(0,1fr) auto}.pronunciation-card summary:after{grid-area:1/3}.pronunciation-card__difficulty{grid-column:2;justify-self:start}.pronunciation-card--long-label summary{grid-template-columns:minmax(0,1fr) auto}.pronunciation-card--long-label .pronunciation-card__sound{grid-column:1}.pronunciation-card--long-label .pronunciation-card__title{grid-area:2/1}.pronunciation-card--long-label .pronunciation-card__difficulty{grid-area:3/1}.pronunciation-card--long-label summary:after{grid-area:1/2}.pronunciation-card dl{grid-template-columns:1fr}}@media (width>=720px){.pronunciation-practice:not(.pronunciation-practice--repeat){align-items:start;column-gap:var(--space-5);grid-template-columns:minmax(0,5fr) minmax(0,4fr);display:grid}.pronunciation-practice:not(.pronunciation-practice--repeat) .pronunciation-practice__heading{margin-bottom:var(--space-4);grid-column:1/-1}.pronunciation-card .pronunciation-practice__hints{grid-template-columns:1fr;align-content:start;margin-top:0}.pronunciation-card .pronunciation-practice__hint--mascot{grid-column:auto}}