@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+Thai:wght@400;500;600;700;800&display=swap');
:root{--navy:#102b5c;--blue:#174c98;--gold:#f5c85c;--muted:#64748b}*{box-sizing:border-box}body{margin:0;background:#f4f7fc;color:var(--navy);font-family:'Noto Sans Thai',Tahoma,sans-serif;line-height:1.8}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}a:focus-visible,button:focus-visible{outline:3px solid #df9200;outline-offset:4px}.topline{background:var(--navy);color:#dce7ff;padding:7px max(5vw,20px);font-size:12px;display:flex;justify-content:space-between}header{background:#fff;padding:22px 5vw 0}.brand{display:flex;align-items:center;gap:16px}.brand img{width:72px;height:72px;object-fit:contain}.brand b{display:block;font-size:clamp(15px,2.4vw,29px);line-height:1.4}.brand small{display:block;letter-spacing:2px;font-size:10px;color:var(--muted);margin-top:8px}nav{display:flex;gap:32px;padding:18px 0 12px;flex-wrap:wrap;font-size:14px;font-weight:600}nav a:hover{color:#286ac0}main{max-width:1320px;margin:auto;padding:30px 4vw 70px}.hero{position:relative;display:grid;grid-template-columns:1fr 1fr;overflow:hidden;border-radius:24px;min-height:460px;background:var(--navy);color:white}.hero-copy{padding:50px 40px;z-index:1;background:linear-gradient(110deg,#102b5c,#174c98)}.eyebrow{font-size:12px;font-weight:700;letter-spacing:2px;color:#4476b8}.hero .eyebrow{color:#f5ce72}.hero h1{font-size:clamp(32px,4.4vw,56px);line-height:1.5;margin:15px 0}.hero h1 em{font-style:normal;color:var(--gold)}.hero p{color:#d5e5fb}.hero-img{width:100%;height:100%;object-fit:cover}.button,button{display:inline-block;border:0;border-radius:10px;background:var(--blue);color:#fff;padding:12px 22px;font:600 14px 'Noto Sans Thai',Tahoma,sans-serif;cursor:pointer}.gold{background:var(--gold);color:var(--navy);margin-top:15px}.quick{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin:24px 0 65px}.quick a{background:white;border:1px solid #e1e8f3;border-radius:16px;padding:23px;box-shadow:0 8px 22px #153b7010}.quick span{display:block;color:#bc8b1b;font-size:29px}.quick b,.quick small{display:block}.quick small{color:var(--muted);font-size:12px}.intro{display:grid;grid-template-columns:1fr 1.3fr;gap:45px;align-items:center;border-bottom:1px solid #dae3f1;padding-bottom:40px}.intro h2{font-size:34px;margin:10px 0}.intro p{font-size:18px;color:#536580}.section-head{display:flex;justify-content:space-between;align-items:center;margin:40px 0 20px;gap:15px}.section-head h1,.section-head h2{margin:3px 0}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.card{border-radius:16px;overflow:hidden;background:white;border:1px solid #e3eaf4}.card img{width:100%;height:210px;object-fit:cover}.card-cover{height:150px;background:linear-gradient(130deg,#153c77,#4c76b2);color:#f5cc6d;padding:25px;font-size:35px;font-weight:800}.card-cover span{display:block;font-size:11px;font-weight:400;color:white}.card-copy{padding:24px}.card-copy small{color:var(--muted);font-size:12px}.card-copy h3{margin:10px 0;font-size:19px}.card-copy span{font-size:13px;color:#286ac0}.panel{background:white;border:1px solid #e0e7f2;border-radius:18px;padding:32px;margin:20px 0}.panel h2{margin-top:25px}.panel h2:first-child{margin-top:0}.narrow{max-width:560px;margin:40px auto}.page-title{border-left:5px solid var(--gold);padding:8px 24px}.page-title h1{font-size:36px;margin:5px 0}.empty{grid-column:1/-1;width:100%;color:var(--muted);text-align:center}.article-img{width:100%;max-height:620px;object-fit:contain;background:#eef2f8;border-radius:12px}.bodytext{overflow-wrap:anywhere;margin:25px 0}footer{background:var(--navy);color:#e0e9fa;padding:40px 5vw;font-size:13px}footer b{font-size:20px}footer span{display:block;color:#a0b5d8;margin-top:20px}label{display:block;font-weight:600;margin:18px 0}input,textarea,select{display:block;width:100%;border:1px solid #bbcadd;border-radius:8px;padding:12px;font:inherit;background:#fff;color:#16345c;margin-top:7px}textarea{resize:vertical}.check{display:flex;align-items:center;gap:10px}.check input{width:auto;margin:0}.error{color:#b22b3c}.notice{background:#e1f4ec;padding:16px;border-radius:12px;color:#175b43}.table-scroll{overflow:auto}table{width:100%;border-collapse:collapse;text-align:left;white-space:normal}td,th{padding:14px;border-bottom:1px solid #e5eaf2}.inline{display:inline;margin-left:10px}.danger{background:#a42b3c;padding:5px 12px}@media(max-width:760px){.topline{font-size:10px}.topline a{display:none}header{padding:16px 5vw 0}.brand img{width:52px;height:52px}.brand small{font-size:8px;letter-spacing:0.4px}nav{gap:14px;font-size:12px}.hero{grid-template-columns:1fr}.hero-copy{padding:30px}.hero-img{height:230px}.quick{grid-template-columns:repeat(2,1fr);margin-bottom:35px}.quick a{padding:15px}.quick b{font-size:13px}.intro{grid-template-columns:1fr;gap:0}.intro h2{font-size:29px}.intro p{font-size:16px}.cards{grid-template-columns:1fr}.panel{padding:22px}.section-head{align-items:flex-start}.section-head h1{font-size:24px}footer b{font-size:16px}}