/* Thai localisation layer: Thai fonts, article + FAQ, banner box, navy fallbacks.
   Palette follows the money site: royal navy #1b2a85 / #14257a, yellow #ffb800, light panels #f3f6ff / #d6e0fb */
body{font-family:"Leelawadee UI","Noto Sans Thai","Sarabun",Tahoma,"Helvetica Neue",Arial,sans-serif;background-color:#131e4d}
.site-footer{background-color:#111c4f}
.download-apk,.download-apk .h2,.download-apk .h3{font-family:inherit}
.topbar-container{border-bottom:2px solid #f5b5c8}

/* hero banner: keep the box at the image ratio so a replacement banner drops in cleanly */
.banner-carousel>div:first-child img{display:block;width:100%;height:auto;aspect-ratio:2120/742;object-fit:cover;object-position:center}

/* login (navy) / register (yellow) like the money site */
.login-panel .login-button{background:#1b2a85;color:#fff;border:1px solid #3a4fb8}
.login-panel .register-button{background:#ffb800;color:#14257a;border:0}

/* article in the footer site-description: light content card */
.site-description{font-size:15px;line-height:1.85;color:#1f2a55;text-align:left;max-width:1000px;margin:10px auto 20px;padding:28px 34px;background:#f3f6ff;border-radius:14px}
.site-description h1{font-size:28px;line-height:1.4;color:#14257a;margin:0 0 18px;font-weight:700}
.site-description h2{font-size:21px;line-height:1.45;color:#14257a;margin:28px 0 10px;font-weight:700;border-left:4px solid #ffb800;padding-left:12px}
.site-description p{margin:0 0 12px;text-align:left}
.site-description a{color:#1d3bb3;text-decoration:underline;text-decoration-color:#ffb800;text-decoration-thickness:2px;text-underline-offset:3px;font-weight:600}
.site-description a:hover,.site-description a:focus{color:#14257a;background:#ffe9a8}

/* FAQ */
.th-faq{margin-top:30px}
.th-faq-item{background:#d6e0fb;border:1px solid #b7c6f3;border-radius:10px;margin:0 0 10px;padding:0 16px}
.th-faq-item summary{cursor:pointer;list-style:none;padding:14px 26px 14px 0;position:relative}
.th-faq-item summary::-webkit-details-marker{display:none}
.th-faq-item summary::after{content:"+";position:absolute;right:0;top:10px;font-size:22px;color:#14257a}
.th-faq-item[open] summary::after{content:"−"}
.th-faq-item summary h3{display:inline;font-size:16px;line-height:1.5;color:#14257a;margin:0;font-weight:600}
.th-faq-item p{color:#1f2a55;padding:0 0 14px;margin:0}

@media (max-width:1023px){
.announcement-container>[data-section="date"]{display:none}
}
@media (max-width:767px){
.download-apk-section{width:100%;flex-wrap:wrap;justify-content:center;gap:12px}
.download-apk-section>span{flex-basis:100%}
.site-header .logo{padding-top:0;height:68px;display:flex;align-items:center;justify-content:center;background-size:cover;background-position:center}
.site-description{font-size:15px;padding:18px 16px;border-radius:10px}
.site-description h1{font-size:22px}
.site-description h2{font-size:18px}
}