.hangul-history{--hh-cream:#fbf8ee;--hh-teal:#294f43;--hh-line:#d5dfce;max-width:1100px;margin-inline:auto;color:#29473c}.hangul-history *{box-sizing:border-box}.hangul-history a{text-underline-offset:4px}.hangul-history a:focus-visible,.hangul-history summary:focus-visible{outline:3px solid #866b9a;outline-offset:4px}.hangul-history [id]{scroll-margin-top:24px}.hh-hero{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(230px,.65fr);gap:32px;align-items:center;padding:12px 0 28px}.hh-hero h1{font-size:clamp(36px,4.6vw,58px);line-height:1.12;letter-spacing:-1.8px;margin:14px 0 22px}.hh-hero-copy>p{max-width:640px;font-size:17px;line-height:1.8}.hh-name{margin-top:24px;max-width:360px}.hh-name>span:last-child{display:block;font-size:13px;margin-top:8px;color:#52624e}.hh-jumps{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}.hh-jumps a{display:inline-flex;align-items:center;min-height:44px;padding:9px 0;font-size:13px;font-weight:600;text-decoration:underline}.hh-letter-art{margin:0;padding:26px;border:1px solid var(--hh-line);border-radius:24px;background:#eaf0df;transform:rotate(2deg)}.hh-letter-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.hh-letter-grid>span{display:grid;place-items:center;aspect-ratio:1;background:#fffdf5;border:1px solid #dce2d3;border-radius:12px;font-size:clamp(34px,4.5vw,64px);font-family:inherit;line-height:1}.hh-letter-grid>span:nth-child(2),.hh-letter-grid>span:nth-child(5){background:#ddd5e8}.hh-letter-art figcaption{font-size:12px;line-height:1.8;margin-top:18px;transform:rotate(-2deg);color:#41573f}.hh-section{margin-top:42px}.hh-section>h2,.hh-counts h2{font-size:clamp(26px,3vw,35px);line-height:1.3;letter-spacing:-.6px;margin:12px 0 22px}.hh-section>p,.hh-counts p{font-size:15px;line-height:1.85;max-width:760px;margin:15px 0}.hh-timeline{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:0;padding:0}.hh-timeline>li{min-width:0;padding:25px 23px;border-top:3px solid #688466;background:var(--hh-cream);border-radius:0 0 15px 15px}.hh-year{display:block;font-size:42px;line-height:1.1;color:var(--hh-teal);letter-spacing:-1px;font-weight:600}.hh-timeline h3{font-size:20px;margin:18px 0 12px}.hh-timeline p,.hh-term-card p{font-size:14px;line-height:1.85;margin:12px 0}.hh-source{display:inline-flex;align-items:center;min-height:44px;font-size:12px;line-height:1.7;text-decoration:underline;overflow-wrap:anywhere;padding:9px 0;color:#4d6350}.hh-citations{display:flex;gap:8px 24px;flex-wrap:wrap;margin-top:10px}.hh-term-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.hh-term-card{min-width:0;padding:23px;background:#fffdf7;border:1px solid var(--hh-line);border-radius:17px}.hh-term-card h3{font-size:19px;margin:0 0 15px}.hh-term-card .reading-phrase,.hh-name .reading-phrase{display:block}.hh-term-card .topic-ko,.hh-name .topic-ko{font-size:27px;display:block;line-height:1.6}.hh-term-card .romanization,.hh-name .romanization{font-size:14px;display:block;line-height:1.6}.hh-term-card .audio-phrase-button,.hh-name .audio-phrase-button{margin:0}.hh-design{padding:30px;background:#edf1e6;border:1px solid var(--hh-line);border-radius:22px}.hh-consonants{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin:24px 0 12px}.hh-consonants>div{min-width:0;padding:18px 12px;background:#fffdf6;border:1px solid #d5dfce;border-radius:13px;text-align:center}.hh-consonants dt{font-size:42px;line-height:1.2}.hh-consonants .romanization{display:block;font-size:12px;line-height:1.6}.hh-consonants dd{font-size:12px;line-height:1.7;margin:14px 0 0}.hh-vowel-story{border-top:1px solid #cbd6bf;padding-top:23px;margin-top:20px}.hh-vowel-story h3{font-size:23px;margin:0 0 20px}.hh-vowels{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.hh-vowels>div{display:grid;justify-items:center;gap:7px;min-width:0;padding:18px 12px;background:#fffaf0;border:1px solid #dedcc8;border-radius:13px}.hh-symbol{display:block;font-size:56px;line-height:1.2}.hh-vowels strong{font-size:14px}.hh-vowels>div>span:last-child{font-size:12px;line-height:1.6;text-align:center}.hh-vowel-story>p{font-size:14px;line-height:1.85;max-width:760px;margin:20px 0 4px}.hh-counts{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:28px;align-items:center;padding:28px;border:1px solid var(--hh-line);border-radius:20px;background:var(--hh-cream)}.hh-counts .btn{white-space:normal;text-align:center;max-width:220px;min-height:48px;line-height:1.6}.hh-questions details,.hh-check details{border-top:1px solid var(--hh-line)}.hh-questions details:last-child,.hh-check details:last-of-type{border-bottom:1px solid var(--hh-line)}.hh-questions summary,.hh-check summary{min-height:56px;padding:17px 4px;cursor:pointer;font-size:16px;font-weight:600;line-height:1.6}.hh-questions details>div,.hh-check details>p{padding:0 4px 16px}.hh-questions details p,.hh-check details p{font-size:15px;line-height:1.85;max-width:800px;margin:5px 0 10px}.hh-check{padding:28px;background:#eee9f4;border:1px solid #dcd3e5;border-radius:20px}.hh-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}.hh-actions .btn{min-height:48px;white-space:normal;line-height:1.6}.hh-sources{margin-top:42px;border-top:1px solid var(--hh-line);padding-top:25px}.hh-sources h2{font-size:21px}.hh-sources p{font-size:12px;line-height:1.8;margin:12px 0}.hh-sources ol{padding-left:20px;margin-top:10px}.hh-sources li{font-size:13px;line-height:1.8}.hh-sources a{display:inline-block;min-height:44px;padding:10px 0;text-decoration:underline;overflow-wrap:anywhere}.hangul-history .english-chunk{max-inline-size:100%;white-space:normal}
@media(max-width:900px){.hh-hero{grid-template-columns:minmax(0,1fr) 240px;gap:24px}.hh-hero h1{font-size:42px}.hh-term-grid{grid-template-columns:1fr}.hh-term-card{display:grid;grid-template-columns:160px minmax(0,1fr);column-gap:24px}.hh-term-card h3{grid-column:1/-1}.hh-term-card p{margin-top:0}.hh-counts{grid-template-columns:1fr}.hh-counts .btn{justify-self:start;max-width:none}}
@media(max-width:650px){.hh-hero{grid-template-columns:1fr;gap:24px}.hh-hero h1{font-size:38px;letter-spacing:-1.2px}.hh-hero-copy>p{font-size:16px}.hh-letter-art{max-width:340px;width:100%;padding:20px;justify-self:center;transform:none}.hh-letter-grid>span{font-size:52px}.hh-letter-art figcaption{transform:none}.hh-timeline{grid-template-columns:1fr;gap:16px}.hh-timeline>li{padding:22px 20px}.hh-year{font-size:38px}.hh-term-card{display:block;padding:22px 20px}.hh-term-card p{margin-top:16px}.hh-section{margin-top:32px}.hh-design,.hh-counts,.hh-check{padding:24px 20px}.hh-consonants{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.hh-consonants>div:last-child{grid-column:1/-1}.hh-vowels{gap:8px}.hh-vowels>div{padding:16px 8px}.hh-vowels strong{font-size:13px}.hh-vowels>div>span:last-child{font-size:11px}.hh-symbol{font-size:46px}.hh-questions summary,.hh-check summary{font-size:15px}.hh-citations{gap:2px 16px}.hh-actions{display:grid;grid-template-columns:1fr}.hh-actions .btn{text-align:center}.hh-jumps{gap:8px 18px}}
@media(max-width:900px){.hh-hero{grid-template-columns:minmax(0,1fr)}.hh-hero-copy{min-width:0}.hh-letter-art{width:min(100%,340px);justify-self:center;transform:none}.hh-letter-art figcaption{transform:none}}
.hh-timeline{grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr))}.hh-consonants{grid-template-columns:repeat(auto-fit,minmax(min(100%,100px),1fr))}