/* ==========================================================================
   Sakaeo typography — IWGM structure + Thai readability
   Display: Plus Jakarta Sans | Body: Inter | Thai: IBM Plex Sans Thai
   ========================================================================== */

:root{
  --font-display:"Plus Jakarta Sans","IBM Plex Sans Thai","Sarabun","Noto Sans Thai",system-ui,sans-serif !important;
  --font-body:"Inter","IBM Plex Sans Thai","Sarabun","Noto Sans Thai",system-ui,sans-serif !important;
  --font-main:var(--font-body) !important;
  --font-thai:"IBM Plex Sans Thai","Sarabun","Noto Sans Thai","Leelawadee UI",Tahoma,Arial,sans-serif !important;
}

html,
body,
body *,
button,
input,
textarea,
select,
table,
.site-body,
.admin-body,
.portal-body{
  font-family:var(--font-body) !important;
  font-synthesis-weight:none;
  letter-spacing:0;
}

h1,h2,h3,h4,h5,h6,
.brand strong,
.home-hero-copy h1,
.home-section-head h2,
.static-hero-copy h1,
.news-hero-copy h1,
.section-head h2{
  font-family:var(--font-display) !important;
}

body{font-size:15px !important;line-height:1.65 !important;font-weight:400 !important;color:#0F1419 !important;}
.brand strong{font-size:1.05rem !important;font-weight:800 !important;letter-spacing:-.01em !important;color:#0B1F33 !important;}
.brand small{font-size:12px !important;font-weight:500 !important;color:#3A4652 !important;}
.main-nav a,.nav-dropdown > button{font-size:.93rem !important;font-weight:600 !important;}
.hero h1,.page-hero h1,.home-hero-copy h1{font-size:clamp(1.9rem,4vw,3.25rem) !important;font-weight:700 !important;line-height:1.15 !important;letter-spacing:-.02em !important;}
.hero p,.page-hero p,.alt-section p,.home-hero-copy p{font-size:1rem !important;font-weight:400 !important;}
.section-head h2,.alt-section h2,.home-section-head h2{font-size:clamp(1.35rem,2.2vw,1.75rem) !important;font-weight:700 !important;color:#0B1F33 !important;}
.news-card h3,.list-card h2{font-size:1.05rem !important;font-weight:650 !important;color:#0B1F33 !important;}