/* Shared text typography. Icon fonts and preformatted code retain their own faces. */
:root{--app-font:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif}
body{font-family:var(--app-font);font-size:14px;line-height:1.6;font-weight:400;-webkit-font-smoothing:antialiased}
:where(h1,h2,h3,h4,h5,h6,p,a,label,button,input,select,textarea,table,th,td,li,dt,dd,legend,small,strong,b,div,section,article,header,footer,nav),span:not(.fa):not(.fas):not(.far):not(.fab):not(.fal):not(.fad):not(.glyphicon):not([class*="fa-"]){font-family:var(--app-font)!important}
h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.3}
h1{font-size:28px}h2{font-size:24px}h3{font-size:20px}h4{font-size:18px}h5{font-size:16px}h6{font-size:14px}
button,.btn,.nav-link,.dropdown-item,.form-control,.select2-container,.select2-results__option{font-size:14px}
.btn,.nav-link,thead th{font-weight:500}
label:not(.form-check-label),.col-form-label{font-size:14px;font-weight:600}
.form-check-label{font-weight:400}
input,select,textarea{font-weight:400}
.form-control{line-height:1.5}
small,.small,.invalid-feedback{font-size:12px}
strong,b{font-weight:600}
.card-header{font-weight:600}
.section-title .en{font-size:20px!important;font-weight:600!important}
.section-title .id,.lbl .id{font-size:12px!important;font-weight:400!important;line-height:1.5}
.lbl .en{font-size:14px!important;font-weight:600!important;line-height:1.5}
.table{font-size:14px;line-height:1.5}
.select2-container .select2-selection__rendered{font-family:var(--app-font)!important}
@media(max-width:575px){h1{font-size:24px}h2{font-size:21px}}

/* My Account uses the same bilingual type scale as registration. */
.account-page .account-text-heading{font-size:20px;font-weight:600;line-height:1.5}
.account-page .account-text-label{font-size:14px;font-weight:600;line-height:1.5}
.account-page .account-text-translation{font-size:12px;font-weight:400;line-height:1.5}