.ipa-chart-section{margin-bottom:2rem}.ipa-chart-section h2{font-size:1.2rem;font-weight:700}.ipa-chart-group{margin-top:.85rem}.ipa-chart-group h3{color:var(--secondary);margin-bottom:.45rem;font-size:.875rem;font-weight:650}.ipa-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:.45rem;display:grid}.ipa-play-hint{color:var(--secondary);margin-bottom:1rem;font-size:.875rem}.ipa-grid-tile{border:1px solid var(--border);background:var(--surface);border-radius:.65rem;grid-template-columns:minmax(0,1fr) 44px;display:grid}.ipa-grid a{border-radius:.6rem 0 0 .6rem;place-items:center;min-height:52px;font-size:clamp(.95rem,4vw,1.25rem);font-weight:600;display:grid}.ipa-grid a:hover,.ipa-grid a:active{background:var(--accent-soft);color:var(--accent)}.ipa-quick-play{min-height:44px;color:var(--accent);cursor:pointer;border-radius:0 .6rem .6rem 0;place-items:center;display:grid}.ipa-quick-play:hover,.ipa-quick-play:active{background:var(--accent-soft)}.ipa-play-error{text-align:center;color:var(--secondary);grid-column:1/-1;padding:0 .25rem .3rem}@media (max-width:359px){.ipa-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.ipa-lesson{gap:1.15rem;display:grid}.ipa-lesson-header{gap:.4rem;display:grid}.ipa-lesson-header p,.ipa-lesson-section small{color:var(--secondary)}.ipa-lesson-title{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.ipa-lesson-title h1{font-size:3rem;font-weight:700;line-height:1.15}.ipa-lesson-title audio{max-width:100%}.ipa-audio-unavailable:disabled{color:var(--secondary);opacity:.65}.ipa-lesson-section{border-top:1px solid var(--border);gap:.35rem;padding-top:.8rem;display:grid}.ipa-lesson-section h2{font-weight:700}.ipa-lesson-section .ipa-list{margin-top:.35rem}