@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+Thai:wght@400;500;600;700;800&display=swap');
:root{--blue:#00a6ff;--blue2:#48c8ff;--navy:#062b4c;--ink:#173850;--paper:#f7fcff;--mist:#e9f8ff;--line:#bde9fb;--sun:#ffd45c;--white:#fff;--shadow:0 24px 70px rgba(7,71,111,.12)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--paper);font-family:'Noto Sans Thai',sans-serif;line-height:1.82}.site-header{position:sticky;top:0;z-index:50;background:rgba(247,252,255,.92);backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}.header-inner{max-width:1280px;min-height:80px;margin:auto;padding:0 28px;display:flex;align-items:center}.brand img{display:block;width:146px}.main-nav{margin-left:auto;display:flex;gap:6px;align-items:center}.main-nav a{color:var(--navy);text-decoration:none;font-weight:700;padding:10px 16px;border:1px solid transparent;border-radius:12px}.main-nav a:hover,.main-nav a.active{border-color:var(--blue);background:white;color:#007ebd}.menu-toggle{display:none;margin-left:auto;border:0;border-radius:12px;background:var(--navy);color:white;padding:9px 13px;font-size:20px}.hero{max-width:1280px;margin:26px auto 0;padding:0 28px}.hero-panel{position:relative;overflow:hidden;min-height:410px;border:1px solid var(--line);border-radius:28px;background:white;display:grid;grid-template-columns:54% 46%;box-shadow:var(--shadow)}.hero-copy{position:relative;z-index:2;padding:72px 62px}.kicker{display:inline-flex;gap:10px;align-items:center;color:#007ebd;font-weight:800;letter-spacing:.06em}.kicker:before{content:'✦';color:var(--sun);font-size:1.3rem}.hero h1{margin:18px 0 18px;color:var(--navy);font-size:clamp(2.15rem,4.5vw,4rem);line-height:1.18}.hero p{max-width:650px;margin:0;color:#4e7189;font-size:1.05rem}.hero-visual{position:relative;background:url('hero.svg') center/cover no-repeat}.hero-visual:before{content:'';position:absolute;inset:28px;border:1px solid rgba(255,255,255,.55);border-radius:22px}.quick-nav{max-width:1180px;margin:-28px auto 34px;position:relative;z-index:4;padding:0 28px}.quick-nav-inner{background:var(--navy);border-radius:18px;padding:14px;display:flex;gap:8px;overflow-x:auto;box-shadow:0 16px 40px rgba(6,43,76,.2)}.quick-nav strong{color:var(--sun);white-space:nowrap;padding:8px 14px}.quick-nav a{color:white;text-decoration:none;white-space:nowrap;padding:8px 14px;border-left:1px solid rgba(255,255,255,.17)}.page{max-width:1080px;margin:0 auto 80px;padding:0 28px}.article{background:white;border:1px solid var(--line);border-radius:28px;padding:clamp(28px,6vw,72px);box-shadow:var(--shadow)}.article>h1{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.article .intro{font-size:1.13rem;color:#355d76;background:var(--mist);border-radius:18px;padding:24px 26px;margin-bottom:40px}.content-section{margin-top:58px}.article h2{position:relative;margin:0 0 22px;padding:0 0 16px;color:var(--navy);font-size:clamp(1.55rem,3vw,2.25rem);line-height:1.35;border-bottom:2px solid var(--mist)}.article h2:after{content:'';position:absolute;bottom:-2px;left:0;width:84px;height:2px;background:var(--blue)}.article h2 span{display:inline-grid;place-items:center;width:42px;height:42px;margin-right:14px;border-radius:50%;background:var(--blue);color:white;font-size:.8rem;vertical-align:middle}.article h3{margin:32px 0 10px;color:#007ab8;font-size:1.3rem}.article p{margin:0 0 18px}.article a{color:#007ebd;font-weight:700}.table-scroll{overflow-x:auto;margin:28px 0;border:1px solid var(--line);border-radius:18px}table{width:100%;min-width:580px;border-collapse:collapse}th{padding:16px;text-align:left;background:var(--navy);color:white}td{padding:15px 16px;border-bottom:1px solid var(--line);vertical-align:top}tbody tr:nth-child(even){background:var(--mist)}.site-footer{position:relative;background:var(--mist);border-top:1px solid var(--line);padding:58px 28px 24px}.footer-inner{max-width:1180px;margin:auto}.footer-top{display:grid;grid-template-columns:220px 1fr;gap:48px;align-items:start}.footer-logo{width:158px}.footer-links{display:flex;flex-wrap:wrap;gap:10px 22px}.footer-links a{color:var(--navy);text-decoration:none;font-weight:700}.copyright{margin-top:38px;padding-top:22px;border-top:1px solid var(--line);text-align:center;color:#4f7088;font-size:.9rem}.backtop{position:fixed;right:22px;bottom:22px;width:48px;height:48px;border:0;border-radius:14px;background:var(--blue);color:white;font-weight:800;cursor:pointer;box-shadow:0 12px 30px rgba(0,166,255,.34)}@media(max-width:900px){.menu-toggle{display:block}.main-nav{display:none;position:absolute;top:80px;left:16px;right:16px;padding:14px;background:white;box-shadow:var(--shadow);border:1px solid var(--line);border-radius:18px;flex-direction:column;align-items:stretch}.main-nav.open{display:flex}.hero-panel{grid-template-columns:1fr}.hero-copy{padding:50px 34px}.hero-visual{min-height:240px}.quick-nav{margin-top:18px}.footer-top{grid-template-columns:1fr}}@media(max-width:560px){.header-inner,.hero,.quick-nav,.page{padding-left:15px;padding-right:15px}.hero-copy{padding:38px 24px}.hero h1{font-size:2rem}.article{padding:28px 20px;border-radius:20px}.article h2 span{display:block;margin:0 0 10px}.footer-links{display:grid;grid-template-columns:1fr 1fr}}