.hangul-reference .alphabet-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}
.hangul-reference h3{font-size:29px;font-weight:400;margin:34px 0 12px}
.hangul-reference h3 span{font-family:var(--small);font-size:11px;color:var(--brand-muted,#b4bac4);margin-left:12px}
.hangul-reference-note{max-width:760px;margin-bottom:24px;color:var(--brand-muted,#b4bac4);font-size:16px;line-height:1.7}
.hangul-reference .letter-card{display:flex;flex-direction:column;align-items:center;min-width:0;padding:24px 12px;gap:6px}
.hangul-reference .letter-card .letter{font-size:48px;line-height:1.2;margin-bottom:10px}
.hangul-reference .letter-name{font-family:var(--ko);font-size:17px;line-height:1.5}
.hangul-reference .letter-name-reading{font-size:14px;overflow-wrap:anywhere;color:var(--brand-muted,#b4bac4)}
.hangul-reference .letter-sound{font-size:12px;color:var(--brand-muted,#b4bac4);min-height:18px}
.hangul-reference .pronunciation{justify-content:center;margin-top:12px;gap:6px}
.hangul-reference .pronunciation .pronunciation-button{padding:8px;font-size:12px;gap:5px}
@media(max-width:1000px){.hangul-reference .alphabet-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:700px){.hangul-reference .alphabet-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.hangul-reference .letter-card{padding:20px 10px}}
@media(max-width:480px){.hangul-reference .alphabet-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hangul-reference-note{font-size:14px}.hangul-reference .letter-card{padding:22px 8px}}