/* SchoolJob typography system — fonts are served locally for privacy and reliability. */
@font-face{font-family:"Sarabun";src:url("../fonts/sarabun/Sarabun-Regular.ttf") format("truetype");font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:"Sarabun";src:url("../fonts/sarabun/Sarabun-Medium.ttf") format("truetype");font-style:normal;font-weight:500;font-display:swap}
@font-face{font-family:"Sarabun";src:url("../fonts/sarabun/Sarabun-SemiBold.ttf") format("truetype");font-style:normal;font-weight:600;font-display:swap}
@font-face{font-family:"Sarabun";src:url("../fonts/sarabun/Sarabun-Bold.ttf") format("truetype");font-style:normal;font-weight:700;font-display:swap}
@font-face{font-family:"Kanit";src:url("../fonts/kanit/Kanit-Regular.ttf") format("truetype");font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:"Kanit";src:url("../fonts/kanit/Kanit-Medium.ttf") format("truetype");font-style:normal;font-weight:500;font-display:swap}
@font-face{font-family:"Kanit";src:url("../fonts/kanit/Kanit-SemiBold.ttf") format("truetype");font-style:normal;font-weight:600;font-display:swap}
@font-face{font-family:"Kanit";src:url("../fonts/kanit/Kanit-Bold.ttf") format("truetype");font-style:normal;font-weight:700;font-display:swap}

:root{--font-body:"Sarabun",Tahoma,sans-serif;--font-heading:"Kanit","Sarabun",Tahoma,sans-serif}
html{font-size:16px;-webkit-text-size-adjust:100%;text-rendering:optimizeLegibility}
body,.candidate-body,.school-body,.admin-body,button,input,select,textarea{font-family:var(--font-body);font-weight:400}
body{font-size:1rem;line-height:1.7}
h1,h2,h3,h4,h5,h6,
.brand,.eyebrow,.section-title,.page-title,
.candidate-brand,.candidate-page-head h1,.candidate-panel h2,
.school-brand,.school-page-head h1,.school-panel h2,
.admin-brand,.admin-page-head h1,.admin-panel h2,
.article-title,.footer-heading{font-family:var(--font-heading);font-style:normal;letter-spacing:0}
h1,.candidate-page-head h1,.school-page-head h1,.admin-page-head h1{font-weight:600;line-height:1.28}
h2,h3,.candidate-panel h2,.school-panel h2,.admin-panel h2{font-weight:600;line-height:1.38}
h4,h5,h6{font-weight:500;line-height:1.45}
p,li,dd,td,label,input,select,textarea{line-height:1.7}
button,.button,.school-button,.candidate-button,.admin-button{font-weight:600;line-height:1.35}
strong,b,th{font-weight:600}
small,.muted{line-height:1.55}
input,select,textarea,button{font-size:1rem}

@media(max-width:800px){html{font-size:15.5px}body{line-height:1.68}}