/* Vietnamese calligraphy display face; SIL OFL license in /fonts/charm/OFL.txt. */
@font-face{font-family:"KHCC Charm";src:url('/fonts/charm/Charm-Bold.ttf') format('truetype');font-style:normal;font-weight:700;font-display:swap}
:root{--khcc-display:"KHCC Charm","Times New Roman",serif}
.khcc-site .khcc-wordmark,.khcc-site .khcc-hero-slogan,.khcc-site .khcc-subhero>p:last-child,
.khcc-site .event-infor>p,.khcc-site article .article__title,.khcc-site article>h2,
.khcc-site article .khcc-intro h2,.khcc-site article .khcc-feature h3,
.khcc-site article .khcc-story h3,.khcc-site article .khcc-community h3,
.khcc-site article .khcc-download-card h2,.khcc-site .khcc-footer-brand strong,
.khcc-login h1,.khcc-guide header h1,.khcc-guide .tab-pane>h2{
 font-family:var(--khcc-display);font-weight:700;font-synthesis:none;letter-spacing:0;line-height:1.55;
}
.khcc-site .khcc-wordmark{font-size:19px;line-height:1.3}
.khcc-site .khcc-wordmark strong{font-weight:700}
.khcc-site .khcc-hero-slogan{font-size:clamp(27px,2.7vw,39px);line-height:1.5}
.khcc-site .khcc-hero h1 img{width:100%;height:auto}
.khcc-site article .khcc-intro h2{font-size:clamp(29px,3vw,39px);line-height:1.45}
.khcc-site article .article__title{font-size:35px}
.khcc-site article .khcc-feature h3,.khcc-site article .khcc-story h3,.khcc-site article .khcc-community h3{font-size:26px}
.khcc-login h1{font-size:32px}
@media(max-width:760px){.khcc-site .khcc-wordmark{font-size:17px}.khcc-site .khcc-hero-slogan{font-size:28px}.khcc-site .event-infor>p{font-size:25px}.khcc-site article .article__title{font-size:31px}}