*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Tahoma,"Noto Sans Thai",sans-serif;color:#183659;background:#f3f8fe;line-height:1.85}a{color:#07559a}.site-header{background:#073467;color:#fff}.site-header .wrap,.site-footer .wrap{max-width:1100px;margin:auto;padding:17px 24px;display:flex;align-items:center;justify-content:space-between;gap:20px}.site-header a{color:#fff;text-decoration:none}.site-header .brand{font-weight:800}.site-header img{height:52px;width:auto;vertical-align:middle;margin-right:12px}.article-wrap{max-width:850px;margin:0 auto;padding:34px 24px 70px}.breadcrumb{font-size:14px;margin-bottom:20px}.article-head{background:#fff;padding:30px;border-radius:14px 14px 0 0}.eyebrow{color:#0b69ab;font-size:14px;font-weight:700}.article-head h1{font-size:clamp(30px,4vw,43px);line-height:1.35;color:#073467;margin:12px 0}.intro{font-size:18px;color:#3b5a76}.hero-image{display:block;width:100%;max-height:470px;object-fit:cover}.article-body{background:#fff;padding:30px 34px 45px;border-radius:0 0 14px 14px}.article-body h2{color:#073467;font-size:24px;line-height:1.4;margin:30px 0 8px}.article-body p,.article-body li{margin:0 0 13px}.article-body ul{padding-left:25px}.note{padding:18px 22px;background:#eaf4ff;border-left:4px solid #0b69ab;margin:24px 0}.cta{margin-top:30px;padding:20px;background:#073467;border-radius:10px;color:#fff}.cta a{color:#fff}.site-footer{background:#082e59;color:#cddff0}.site-footer a{color:#fff}@media(max-width:650px){.site-header .wrap,.site-footer .wrap{display:block}.site-header nav{margin-top:8px}.article-head,.article-body{padding:22px}.site-header img{height:43px}}

body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI Variable","Segoe UI","Leelawadee UI","Noto Sans Thai",sans-serif;font-size:15.5px;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
.article-head h1,.article-body h2{font-family:inherit;font-weight:700;letter-spacing:-.012em}
.site-header .brand{font-family:inherit;font-weight:700;letter-spacing:0}
.article-head{border-radius:18px 18px 0 0}.article-body{border-radius:0 0 18px 18px}.note,.cta{border-radius:14px}.hero-image{border-radius:0}
