/* ==========================================================================
   Culture Font Overlay — Prompt (Google Fonts)
   https://fonts.googleapis.com/css2?family=Prompt:wght@300;400;500;600;700&display=swap
   ========================================================================== */

:root{
  --font-main:"Prompt","Sarabun","Noto Sans Thai","Leelawadee UI",Tahoma,Arial,sans-serif !important;
  --font-thai:"Prompt","Sarabun","Noto Sans Thai","Leelawadee UI",Tahoma,Arial,sans-serif !important;
}

html,
body,
body *,
button,
input,
textarea,
select,
table,
.site-body,
.admin-body{
  font-family:"Prompt","Sarabun","Noto Sans Thai","Leelawadee UI",Tahoma,Arial,sans-serif !important;
  font-synthesis-weight:none;
  letter-spacing:0;
}

body{
  font-size:14.5px !important;
  line-height:1.72 !important;
  font-weight:400 !important;
}

.brand strong{font-size:15.8px !important;font-weight:600 !important;}
.brand small{font-size:11.8px !important;font-weight:300 !important;}
.main-nav a,
.nav-dropdown > button{font-size:13.2px !important;font-weight:500 !important;}

.hero h1,
.page-hero h1,
.home-hero-copy h1{
  font-size:clamp(30px,4.2vw,50px) !important;
  font-weight:600 !important;
  line-height:1.22 !important;
  letter-spacing:-.015em !important;
}

.hero p,
.page-hero p,
.alt-section p,
.home-hero-copy p{
  font-size:15.5px !important;
  font-weight:300 !important;
}

.section-head h2,
.alt-section h2,
.home-section-head h2{
  font-size:28px !important;
  font-weight:600 !important;
}

.news-card h3,
.list-card h2,
.home-news-body h3{
  font-size:17px !important;
  font-weight:500 !important;
}

.admin-brand{font-size:17px !important;font-weight:600 !important;}
.admin-sidebar nav a{font-size:13.6px !important;font-weight:400 !important;}
.admin-page-head h1{font-size:26px !important;font-weight:600 !important;}
.panel h2{font-size:19px !important;font-weight:500 !important;}
.admin-table th,
.admin-table td,
.admin-topbar span,
.metric-card span,
.metric-card em{font-weight:300 !important;}

@media(max-width:640px){
  body{font-size:14px !important;}
  .hero h1,
  .page-hero h1,
  .home-hero-copy h1{font-size:clamp(27px,8vw,38px) !important;}
  .section-head h2,
  .alt-section h2,
  .home-section-head h2{font-size:24px !important;}
}