@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+Thai:wght@400;500;600;700&display=swap');
header.header{gap:16px}header.header .language-switch{display:inline-flex;gap:0;border:1px solid #aabb9e;border-radius:30px;background:#edf2e5;flex:none;padding:3px;font-size:11px;white-space:nowrap}header.header .language-switch a{padding:8px 12px;border-radius:25px;text-decoration:none;line-height:1.2}header.header .language-switch a[aria-current=page]{background:#163e37;color:white}header.header .language-switch a:hover:not([aria-current=page]){background:#dce8cf}html[lang=th] body{font-family:'Noto Sans Thai',system-ui,sans-serif}html[lang=th] h1,html[lang=th] h2{letter-spacing:0;line-height:1.65}html[lang=th] .hero-amount{font-size:clamp(54px,6vw,88px);letter-spacing:-2px}html[lang=th] .hero-amount>span{font-family:'Noto Sans Thai',system-ui,sans-serif;font-size:20px;letter-spacing:0}html[lang=th] .brand{max-width:215px}html[lang=th] header nav{gap:15px}html[lang=th] .header-cta{max-width:155px;font-size:10px}html[lang=th] .agro-hero h1{font-size:clamp(27px,3.6vw,45px)}html[lang=th] .province-hero h1{font-size:clamp(25px,3.3vw,40px)}html[lang=th] .province-th{color:#768765;font-size:15px}html[lang=th] .finance-total strong{font-size:65px}html[lang=th] .present-amount strong{font-size:61px}html[lang=th] .intro-strip strong{font-size:22px}html[lang=th] .purpose-hero h1{font-size:clamp(26px,3.4vw,44px)}
@media(max-width:1450px){html[lang=th] header.header>nav:not(.language-switch){display:none}html[lang=th] header.header .menu-button{display:block}html[lang=th] header.header .language-switch{margin-left:auto}}@media(max-width:1150px){header.header>nav:not(.language-switch){display:none}header.header .menu-button{display:block}header.header .language-switch{margin-left:auto}}@media(max-width:700px){header.header{padding-left:5%;padding-right:5%;gap:10px}header.header .language-switch a{padding:8px 10px}html[lang=th] .brand{font-size:10px;max-width:170px}html[lang=th] .hero{gap:20px}html[lang=th] .hero-amount{font-size:56px}html[lang=th] .finance-total strong{font-size:58px}html[lang=th] .present-amount strong{font-size:53px}html[lang=th] .agro-stats span{font-size:10px}html[lang=th] .agro-page footer{line-height:1.7}html[lang=th] .cycle-list{min-width:0}html[lang=th] .cycle-list>div{grid-template-columns:25px 90px 1fr 18px;gap:10px}}
