:root{--blue:#00a6ff;--navy:#073b75;--ink:#18334f;--muted:#5f7890;--line:#d9edf8;--bg:#f5fbff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:"Noto Sans Thai",Tahoma,Arial,sans-serif;color:var(--ink);background:var(--bg);line-height:1.78}a{color:#057fc2}.wrap{width:min(1180px,calc(100% - 36px));margin:auto}.site-header{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.94);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}.head{min-height:78px;display:flex;align-items:center;gap:28px}.logo img{width:174px;display:block}.menu{display:flex;gap:8px;margin-left:auto;align-items:center}.menu a{color:var(--navy);font-weight:750;text-decoration:none;padding:10px 13px;border-radius:12px;white-space:nowrap}.menu a:hover,.menu a.active{background:#e5f7ff;color:#007dbd}.toggle{display:none;margin-left:auto;border:0;background:#e6f7ff;color:var(--navy);font-size:24px;border-radius:12px;padding:7px 13px}.hero{padding:66px 0 48px;background:radial-gradient(circle at 14% 18%,#ccefff 0,transparent 33%),linear-gradient(135deg,#fff 20%,#e8f8ff 100%);overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.08fr .92fr;align-items:center;gap:54px}.eyebrow{display:inline-flex;gap:8px;align-items:center;color:#007fbf;font-weight:800;letter-spacing:.04em}.eyebrow:before{content:"";width:32px;height:4px;background:var(--blue);border-radius:5px}.hero h1{color:var(--navy);font-size:clamp(2rem,4vw,3.6rem);line-height:1.22;margin:16px 0 22px}.hero p{font-size:1.08rem;color:var(--muted)}.hero img{width:100%;filter:drop-shadow(0 25px 35px rgba(10,72,123,.16))}.layout{display:grid;grid-template-columns:minmax(0,1fr) 285px;gap:38px;padding:52px 0 76px}.content{background:#fff;border:1px solid var(--line);border-radius:28px;padding:clamp(24px,5vw,52px);box-shadow:0 20px 55px rgba(36,112,156,.08)}.content h2,.content h3,.content h4{color:var(--navy);line-height:1.35;scroll-margin-top:100px}.content h2{font-size:1.65rem;margin:2.1em 0 .7em;padding-left:17px;border-left:5px solid var(--blue)}.content h3{font-size:1.25rem;margin:1.8em 0 .5em}.content h4{font-size:1.08rem}.content p{margin:.8em 0}.content p:not(:has(a)){overflow-wrap:anywhere}.content table{width:100%;border-collapse:separate;border-spacing:0;margin:26px 0;border:1px solid #cbe6f5;border-radius:16px;overflow:hidden;font-size:.94rem}.content th{background:linear-gradient(135deg,#008ed8,#00b7ff);color:#fff;text-align:left}.content th,.content td{padding:13px 15px;border-right:1px solid #d8ebf5;border-bottom:1px solid #d8ebf5;vertical-align:top}.content tr:last-child td{border-bottom:0}.content th:last-child,.content td:last-child{border-right:0}.content tr:nth-child(even) td{background:#f4fbff}.aside{position:sticky;top:105px;align-self:start}.side-card{background:#073b75;color:white;border-radius:22px;padding:24px}.side-card h2{font-size:1.15rem;margin:0 0 14px}.toc a{display:block;color:#dff6ff;text-decoration:none;padding:9px 0;border-bottom:1px solid rgba(255,255,255,.13);font-size:.93rem}.official{display:block;margin-top:18px;background:#00a6ff;color:white;text-align:center;text-decoration:none;font-weight:800;padding:12px;border-radius:12px}.footer{background:#052b55;color:#c9e6f8;padding:50px 0 24px}.foot-grid{display:grid;grid-template-columns:1fr 2fr;gap:50px}.foot-logo{width:170px}.foot-links{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.foot-links a{color:#e5f7ff;text-decoration:none}.copyright{border-top:1px solid rgba(255,255,255,.15);margin-top:34px;padding-top:20px;text-align:center}.backtop{position:fixed;right:20px;bottom:20px;border:0;background:var(--blue);color:white;width:46px;height:46px;border-radius:50%;font-size:20px;box-shadow:0 10px 25px #007bbb55;cursor:pointer;opacity:0;pointer-events:none;transition:.2s}.backtop.show{opacity:1;pointer-events:auto}@media(max-width:900px){.toggle{display:block}.menu{display:none;position:absolute;left:18px;right:18px;top:70px;background:white;padding:12px;box-shadow:0 18px 40px #073b7530;border-radius:16px;flex-direction:column;align-items:stretch}.menu.open{display:flex}.hero-grid{grid-template-columns:1fr}.hero img{max-width:600px;margin:auto}.layout{grid-template-columns:1fr}.aside{position:static}.foot-grid{grid-template-columns:1fr}}@media(max-width:560px){.hero{padding-top:40px}.content{border-radius:20px}.content table{display:block;overflow-x:auto}.foot-links{grid-template-columns:1fr 1fr}.logo img{width:145px}}