.hcourse{color:#153449;padding-bottom:30px}.hc-en{display:block;font-size:13px;color:#526c7b;line-height:1.75;margin-top:7px}.hc-hero{display:grid;grid-template-columns:1.6fr 1fr;gap:45px;align-items:center;padding:24px 0 32px}.hc-hero h1{font-size:40px;line-height:1.3;letter-spacing:-1.2px;margin:10px 0 19px}.hc-hero p{line-height:1.85;font-size:15px}.hc-hero .eyebrow{font-size:10px;letter-spacing:1.3px}.hc-jumps{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:23px}.hc-jumps .button{font-size:13px;gap:8px}.hc-jumps .button small,.hc-practice .button small{font-size:10px;font-weight:400}.hc-text-link{font-size:12px;padding:12px 4px;text-decoration:none}.hc-text-link span{font-size:10px}.hc-hero-letters{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;padding:23px;border:1px solid #dce4e7;background:#f6f8fa;border-radius:15px}.hc-hero-letters>span{display:grid;place-items:center;background:#fff;border:1px solid #c9d9e6;border-radius:10px;font-size:60px;line-height:1.4;min-height:100px;color:#2059b5}.hc-hero-letters>span:nth-child(n+3){background:#fff7e3;color:#78551e;border-color:#e3d3a8}.hc-hero-letters small{grid-column:span 2;text-align:center;font-size:11px;color:#526c7b;margin-top:4px}.hc-path{display:flex;gap:20px;justify-content:space-between;flex-wrap:wrap;border-block:1px solid #d8e3e8;padding:20px 0;font-size:13px;margin:4px 0 6px}.hc-path span{display:flex;gap:9px;align-items:center}.hc-path b{font-size:10px;color:#2059b5}.hc-section{padding:38px 0 30px;border-bottom:1px solid #d8e3e8;scroll-margin-top:18px}.hc-section-heading{display:flex;align-items:start;justify-content:space-between;gap:18px;margin-bottom:23px}.hc-section-heading h2{font-size:29px;margin:8px 0 13px;letter-spacing:-.6px}.hc-section-heading p{font-size:14px;line-height:1.8;margin:0}.hc-section-heading .eyebrow{font-size:10px;letter-spacing:1.2px;color:#2059b5}.hc-count{font-size:10px;white-space:nowrap;color:#526c7b;margin-top:10px}.hc-letter-grid{display:grid;list-style:none;margin:0;padding:0;gap:10px}.hc-consonants{grid-template-columns:repeat(7,minmax(0,1fr))}.hc-vowels{grid-template-columns:repeat(5,minmax(0,1fr))}.hc-letter-grid li{border:1px solid #d5e0e8;border-radius:10px;background:#f5f8fc;padding:20px 10px;text-align:center;margin:0;min-width:0}.hc-letter-grid strong{display:block;font-size:47px;font-weight:550;line-height:1.4;color:#2059b5}.hc-letter-grid span{display:block;font-size:12px;color:#526c7b;margin-top:8px}.hc-vowels li{background:#fcf8ed;border-color:#e6dcc4}.hc-vowels strong{color:#795820}.hc-note{background:#f2f7f5;border-left:3px solid #649582;padding:19px 22px;margin-top:23px}.hc-note strong{font-size:15px}.hc-note p{font-size:13px;line-height:1.8;margin:8px 0 0}.hc-note .hc-en{font-size:12px}.hc-vowel-groups{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-top:19px}.hc-vowel-groups>div{display:flex;align-items:center;gap:24px;border:1px solid #e4ddca;border-radius:10px;padding:18px 22px}.hc-vowel-groups b{font-size:24px;font-weight:500;white-space:nowrap}.hc-vowel-groups span{font-size:12px;line-height:1.7}.hc-vowel-groups small{display:block;font-size:10px;color:#526c7b;margin-top:4px}.hc-small-note{font-size:12px!important;line-height:1.8;color:#526c7b;margin-top:17px}.hc-small-note .hc-en{font-size:11px}.hc-planned-note{padding:16px 20px;background:#f6f8fa;border-radius:10px;font-size:12px;line-height:1.8;color:#526c7b;margin-bottom:19px}.hc-planned-note .hc-en{font-size:11px}.hc-course-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;list-style:none;margin:0;padding:0}.hc-course-grid li{border:1px solid #d8e3e8;border-radius:10px;padding:20px 18px;margin:0;min-width:0}.hc-course-top{display:flex;gap:8px;justify-content:space-between;font-size:11px;color:#2059b5}.hc-course-top small{font-size:10px;color:#526c7b}.hc-course-top small span{display:block;font-size:9px;text-align:right;margin-top:2px}.hc-course-grid h3{font-size:24px;font-weight:550;margin:22px 0 13px;letter-spacing:.5px;line-height:1.7;overflow-wrap:anywhere}.hc-course-grid p{font-size:11px;color:#526c7b;line-height:1.8;margin:0}.hc-later{list-style:none;margin:27px 0 0;padding:0}.hc-later li{display:flex;gap:23px;align-items:start;padding:19px 0;border-top:1px solid #e2e8eb;margin:0}.hc-later li>span{font-size:11px;color:#2059b5;min-width:46px;padding-top:4px}.hc-later h3{font-size:18px;margin:0 0 8px}.hc-later p{font-size:13px;line-height:1.8;margin:0;color:#526c7b}.hc-method{background:#f4f7fb;border:1px solid #d7e2ed;border-radius:13px;margin:30px 0;padding:26px}.hc-method .eyebrow{font-size:10px}.hc-method h2{font-size:24px;line-height:1.4;margin:12px 0}.hc-method>p{font-size:14px;line-height:1.9}.hc-practice{border:1px solid #e7d6b0;border-radius:13px;background:#fdf9ef;padding:27px;display:flex;align-items:center;gap:28px}.hc-practice>div{flex:1;min-width:0}.hc-practice .eyebrow{font-size:10px;color:#795820}.hc-practice h2{font-size:23px;line-height:1.5;margin:10px 0}.hc-practice p{font-size:13px;line-height:1.8;margin:0}.hc-practice .hc-en{font-size:12px}.hc-practice .button{font-size:13px;flex-shrink:0;display:flex;flex-direction:column;gap:5px}.hc-sources{margin-top:27px;font-size:11px;color:#526c7b;line-height:1.9}.hc-sources summary{padding-block:12px}.hgl-prerequisite{margin:0 0 23px;padding:18px 22px;background:#f4f7fb;border:1px solid #d7e2ed;border-radius:10px;font-size:13px;line-height:1.8}.hgl-prerequisite strong{display:block;font-size:15px;margin-bottom:5px}.hgl-prerequisite a{display:inline-flex;gap:8px;align-items:center;margin-top:8px;min-height:35px;font-size:12px}.hcourse a:focus-visible{outline:3px solid #d9952d;outline-offset:4px}
@media(max-width:900px){.hc-hero{gap:25px}.hc-hero h1{font-size:32px}.hc-hero-letters>span{min-height:87px;font-size:50px}.hc-course-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hc-vowel-groups>div{gap:13px;padding:16px}.hc-practice{display:block}.hc-practice .button{display:inline-flex;margin-top:18px;flex-direction:row;gap:10px}}
@media(max-width:600px){.hc-hero{display:block;padding:20px 0 25px}.hc-hero h1{font-size:29px;letter-spacing:-.8px}.hc-hero p{font-size:13px}.hc-hero-letters{display:none}.hc-en{font-size:12px}.hc-hero .eyebrow{font-size:9px}.hc-jumps{gap:9px;margin-top:17px}.hc-jumps .button{font-size:12px;flex-direction:column;gap:3px;padding:12px 13px}.hc-text-link{display:block;flex-basis:100%;padding-block:8px}.hc-path{gap:13px 18px;font-size:11px;padding:15px 0}.hc-path b{font-size:9px}.hc-path span{gap:6px}.hc-section{padding:28px 0 24px;scroll-margin-top:12px}.hc-section-heading{gap:8px;margin-bottom:17px}.hc-section-heading h2{font-size:24px;margin:7px 0 12px}.hc-section-heading p{font-size:13px}.hc-section-heading .eyebrow{font-size:9px}.hc-count{font-size:8px}.hc-consonants{grid-template-columns:repeat(4,minmax(0,1fr))}.hc-vowels{grid-template-columns:repeat(4,minmax(0,1fr))}.hc-letter-grid{gap:7px}.hc-letter-grid li{padding:13px 7px;border-radius:8px}.hc-letter-grid strong{font-size:34px}.hc-letter-grid span{font-size:11px;margin-top:5px}.hc-note{padding:16px;margin-top:18px}.hc-note strong{font-size:14px}.hc-note p{font-size:12px}.hc-note .hc-en{font-size:11px}.hc-vowel-groups{grid-template-columns:1fr;gap:9px}.hc-vowel-groups>div{padding:14px 16px;gap:20px}.hc-vowel-groups b{font-size:22px}.hc-vowel-groups span{font-size:11px}.hc-planned-note{font-size:11px;padding:14px 16px}.hc-planned-note .hc-en{font-size:10px}.hc-course-grid{grid-template-columns:1fr;gap:9px}.hc-course-grid li{padding:17px}.hc-course-grid h3{font-size:24px;letter-spacing:0;margin:12px 0 8px}.hc-course-top{font-size:11px}.hc-course-top small span{display:inline;font-size:9px;margin-left:5px}.hc-later{margin-top:21px}.hc-later li{gap:13px;padding:17px 0}.hc-later li>span{font-size:10px;min-width:35px}.hc-later h3{font-size:16px;line-height:1.6}.hc-later p{font-size:12px}.hc-method{padding:21px 18px;margin-block:24px}.hc-method h2{font-size:21px}.hc-method>p{font-size:13px}.hc-practice{padding:22px 18px}.hc-practice h2{font-size:21px}.hc-practice p{font-size:12px}.hc-practice .hc-en{font-size:11px}.hc-sources{font-size:10px}.hgl-prerequisite{padding:16px;font-size:12px}.hgl-prerequisite strong{font-size:14px}.hgl-prerequisite a{font-size:11px}}