/* ==========================================================================
   assets/site.css : ธีมและรูปแบบการแสดงผลของเว็บไซต์ ศธจ.นม. (3.45.0)
   3.45.0 ย้ายจาก <style> ใน index.php มาเป็นไฟล์แยก เบราว์เซอร์เก็บแคชได้ (index.php ใส่ ?v=<เวลาแก้ไขไฟล์> ให้เอง)
   แก้ไฟล์นี้แล้วอัปโหลดทับได้เลย ผู้ชมจะได้ไฟล์ใหม่ทันที
   ========================================================================== */
/* ==========================================================================
   ธีม "Clean Sky Blue — ฟ้าใสสะอาดตา" (แก้สีทั้งเว็บได้ที่ตัวแปรด้านล่าง)
   สัดส่วนการใช้สี: พื้นหลังฟ้าอ่อน 45% · ขาว 30% · น้ำเงิน 15% · ฟ้าสดใส 7% · Teal 3%
   - พื้นหลังหลัก #F4F9FD · ส่วนหัว/การ์ดข่าว สีขาว
   - เมนูนำทาง/หัวข้อหลัก น้ำเงิน #245F9B · ปุ่ม/ไอคอน/ลิงก์ ฟ้าสดใส #50A7DE
   - ปุ่มหรือข้อมูลที่ต้องการเน้น Teal #0A7F74 · ข้อความ #263648 · ข้อความรอง #607D96 · เส้นขอบ #DCE8F1
   หมายเหตุ: ตัวหนังสือลิงก์ใช้ฟ้าโทนเข้มขึ้น (--link) และข้อความรองเข้มขึ้นเล็กน้อย (--muted)
   เพื่อให้อ่านได้ชัดตามเกณฑ์ความคมชัด WCAG AA บนพื้นขาว
   ========================================================================== */
:root{
  --primary:#245F9B; --primary-700:#1d4f84; --primary-800:#183f6b; --primary-100:#d4e6f6; --primary-50:#e8f2fb;
  --sky:#50A7DE; --sky-600:#2B87C8; --sky-100:#dcefFB; --sky-50:#eef7fd;
  --link:#1D73AE;
  --teal:#0A7F74; --teal-700:#08695f; --teal-50:#e3f4f2;
  --red:#D42A3C;   /* ป้าย "ใหม่" ของข่าว (ตัวหนังสือขาวบนสีนี้ อ่านง่ายตามเกณฑ์ WCAG AA) */
  --bg:#F4F9FD; --surface:#fff;
  --ink:#263648; --ink-2:#3a4b60; --muted:#58758E; --muted-raw:#607D96;
  --line:#DCE8F1; --line-soft:#e8f0f7;
  --footer:#245F9B;
  --font:"Noto Sans Thai","Noto Sans Thai UI","Leelawadee UI",Leelawadee,Tahoma,system-ui,-apple-system,"Segoe UI",sans-serif;
  --wrap:1680px; --gutter:clamp(16px,3.6vw,48px);
  --r-xl:28px; --r-lg:20px; --r:14px; --r-sm:10px;
  --nav-h:58px;
  --sh-1:0 1px 2px rgba(38,54,72,.05),0 4px 14px -6px rgba(36,95,155,.12);
  --sh-2:0 16px 34px -16px rgba(36,95,155,.34);
  --sh-3:0 28px 56px -22px rgba(24,63,107,.45);
  --ease:cubic-bezier(.2,.7,.2,1);
  --bs-body-font-family:var(--font); --bs-body-font-size:1.0625rem; --bs-body-line-height:1.75;
  --bs-body-color:var(--ink); --bs-body-bg:var(--bg); --bs-border-color:var(--line);
  --bs-link-color:var(--link); --bs-link-color-rgb:29,115,174; --bs-link-hover-color:var(--primary); --bs-link-hover-color-rgb:36,95,155;
  --bs-heading-color:var(--primary);
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-padding-top:calc(var(--nav-h) + 24px);scroll-padding-bottom:var(--cookie-h,0px);-webkit-text-size-adjust:100%}   /* 3.45.0 --cookie-h = ความสูงแถบคุกกี้ (ตั้งจาก assets/site.js) */
body{margin:0;display:flex;flex-direction:column;min-height:100vh;font-family:var(--font);font-size:1.0625rem;line-height:1.75;color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden}
main{flex:1 0 auto}
main:focus{outline:none}
h1,h2,h3,h4{font-family:var(--font);font-weight:700;line-height:1.4;color:var(--ink);letter-spacing:0}
h1,h2{color:var(--primary)}
p{margin:0}
a{color:var(--link);text-underline-offset:.2em;text-decoration-thickness:1px}
a:hover{color:var(--primary)}
img{max-width:100%;height:auto}
[hidden]{display:none!important}
:focus-visible{outline:3px solid var(--teal);outline-offset:2px;border-radius:8px}
mark{padding:0 .12em;border-radius:4px;background:#fdeba0;color:inherit}
.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.wrap{width:100%;max-width:var(--wrap);margin-inline:auto;padding-inline:var(--gutter)}
.nw{white-space:nowrap}
.ext{font-size:.72em;color:var(--muted);margin-left:.35em}
.skip{position:absolute;left:12px;top:12px;z-index:2000;padding:10px 16px;border-radius:10px;background:var(--surface);color:var(--primary);font-weight:600;transform:translateY(-200%);transition:transform .15s}
.skip:focus{transform:none;box-shadow:var(--sh-2)}
.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--sh-1)}
.btn-main{display:inline-flex;align-items:center;gap:10px;padding:12px 22px;border-radius:999px;background:var(--teal);color:#fff;font-weight:600;line-height:1.5;text-decoration:none;box-shadow:0 12px 22px -12px rgba(10,127,116,.7);transition:transform .2s var(--ease),background-color .2s}
.btn-main:hover{background:var(--teal-700);color:#fff;transform:translateY(-2px)}
.btn-ghost{display:inline-flex;align-items:center;gap:8px;padding:9px 18px;border:1px solid var(--line);border-radius:999px;background:var(--surface);color:var(--link);font-weight:600;font-size:.95rem;line-height:1.5;text-decoration:none;transition:background-color .2s,color .2s,border-color .2s}
.btn-ghost i{color:var(--sky-600);transition:transform .2s var(--ease),color .2s}
.btn-ghost:hover{border-color:var(--link);background:var(--link);color:#fff}
.btn-ghost:hover i{color:#fff}
.btn-ghost:hover i{transform:translateX(3px)}
@keyframes rise{from{opacity:0;transform:translateY(18px)}}
@keyframes fade{from{opacity:0;transform:translateY(6px)}}

/* หัวข้อส่วนต่าง ๆ: แถบสีหน้าหัวข้อ */
.sec-head h2,.leaders-head h2,.board-head h2{position:relative;margin:0;padding-left:18px;font-size:clamp(1.4rem,1.1rem + 1vw,2rem);font-weight:800;line-height:1.35}
.sec-head h2::before,.leaders-head h2::before,.board-head h2::before{content:"";position:absolute;left:0;top:.18em;bottom:.18em;width:6px;border-radius:6px;background:linear-gradient(var(--sky),var(--primary))}

/* ---------- ช่องค้นหา ---------- */
.search-form{position:relative;display:flex;align-items:center}
.search-form:focus-within{z-index:30}
.search-form .search-ic{position:absolute;left:18px;z-index:1;color:var(--muted);font-size:1.05rem;pointer-events:none}
.search-form input[type="search"]{flex:1;min-width:0;height:48px;padding:0 60px 0 48px;border:1px solid var(--line);border-radius:999px;background:var(--surface);color:var(--ink);font:inherit;font-size:1rem;transition:border-color .2s,box-shadow .2s}
.search-form input[type="search"]::placeholder{color:#7a8aa0}
.search-form input[type="search"]::-webkit-search-cancel-button,.search-form input[type="search"]::-webkit-search-decoration{-webkit-appearance:none;appearance:none}
.search-form input[type="search"]:focus{outline:none;border-color:var(--sky);box-shadow:0 0 0 4px rgba(80,167,222,.3)}
.search-form button{position:absolute;right:5px;display:inline-flex;align-items:center;justify-content:center;gap:6px;height:38px;min-width:38px;padding:0 12px;border:0;border-radius:999px;background:var(--sky-600);color:#fff;font:inherit;font-weight:600;font-size:.95rem;transition:background-color .2s,transform .2s var(--ease)}
.search-form button:hover{background:var(--link);transform:scale(1.04)}
.search-form--page button{height:50px;right:6px;padding:0 24px;background:var(--teal);box-shadow:0 10px 20px -12px rgba(10,127,116,.8)}
.search-form--page button:hover{background:var(--teal-700)}
.search-form--head{width:clamp(280px,23vw,340px)}
.search-form--head input[type="search"]{height:44px;padding-right:50px;background:var(--bg)}
.search-form--page{max-width:680px;margin-top:20px}
.search-form--page input[type="search"]{height:62px;padding-right:118px;font-size:1.05rem;box-shadow:var(--sh-1)}
.search-form--drawer{margin:16px 0 8px}
@media (max-width:399.98px){
  .search-form--page .search-ic{left:15px}
  .search-form--page input[type="search"]{padding-left:41px;padding-right:82px;font-size:.92rem}
  .search-form--page button{padding:0 14px}
  .search-form--page input[type="search"]{height:56px}
  .search-form--page button{height:46px;right:5px}
  .search-form--drawer .search-ic{left:15px}
  .search-form--drawer input[type="search"]{padding-left:41px;padding-right:50px;font-size:.92rem}
}
/* คำแนะนำขณะพิมพ์ */
.suggest{position:absolute;left:0;right:0;top:calc(100% + 8px);z-index:1060;max-height:min(70vh,520px);overflow:auto;padding:6px;border:1px solid var(--line);border-radius:var(--r-lg);background:var(--surface);box-shadow:var(--sh-3);text-align:left;animation:fade .2s var(--ease)}
.search-form--head .suggest{left:auto;width:min(480px,calc(100vw - 32px))}
.sg-list{list-style:none;margin:0;padding:0}
.sg-item{display:grid;grid-template-columns:38px minmax(0,1fr);gap:2px 12px;align-items:center;padding:8px 10px;border-radius:12px;color:var(--ink);text-decoration:none;outline-offset:-2px}
.sg-item:hover,.sg-item:focus{background:var(--sky-50);color:var(--ink)}
.sg-ic{grid-row:span 2;width:38px;height:38px;display:grid;place-items:center;border-radius:11px;background:var(--sky-50);color:var(--sky-600);font-size:1.05rem}
.sg-item:hover .sg-ic,.sg-item:focus .sg-ic{background:linear-gradient(135deg,#6cc0f0,var(--sky-600));color:#fff}
.sg-title{overflow:hidden;font-weight:600;font-size:.95rem;line-height:1.45;text-overflow:ellipsis;white-space:nowrap}
.sg-sub{overflow:hidden;font-size:.8rem;line-height:1.45;color:var(--muted);text-overflow:ellipsis;white-space:nowrap}
.sg-kind{display:inline-block;margin-right:6px;padding:0 7px;border-radius:999px;background:var(--teal-50);color:var(--teal-700);font-weight:700;font-size:.72rem;line-height:1.6;vertical-align:1px}
.sg-head{padding:8px 10px 2px;font-weight:700;font-size:.78rem;color:var(--muted)}
.sg-more{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:4px;padding:10px;border-top:1px solid var(--line-soft);border-radius:0 0 12px 12px;font-weight:600;font-size:.92rem;text-decoration:none}
.sg-more:hover,.sg-more:focus{background:var(--sky-50)}
.sg-empty{padding:14px 12px;color:var(--muted);font-size:.92rem}
.notfound .search-form--page{margin:22px auto 0;text-align:left}
.notfound .search-form--page input[type="search"]{border-color:var(--line);box-shadow:var(--sh-1)}

/* ---------- ส่วนหัว ---------- */
.masthead{position:sticky;top:0;z-index:1031;background:rgba(255,255,255,.9);-webkit-backdrop-filter:saturate(1.6) blur(14px);backdrop-filter:saturate(1.6) blur(14px);border-bottom:1px solid var(--line);transition:box-shadow .25s}
.masthead.is-scrolled{box-shadow:0 10px 26px -18px rgba(24,63,107,.5)}
.masthead-inner{display:flex;align-items:center;gap:12px;min-height:68px;padding-block:8px}
.brand{display:flex;align-items:center;gap:12px;min-width:0;margin-right:auto;color:inherit;text-decoration:none}
.brand:hover{color:inherit}
.brand-logo{flex:none;width:46px;height:46px;object-fit:contain;transition:transform .4s var(--ease)}
.brand:hover .brand-logo{transform:rotate(-8deg) scale(1.05)}
.brand-text{display:flex;flex-direction:column;min-width:0}
.brand-th{font-weight:700;font-size:clamp(1rem,.84rem + .9vw,1.45rem);line-height:1.35;color:var(--primary)}
.brand-en{font-weight:500;font-size:clamp(.68rem,.62rem + .3vw,.84rem);line-height:1.4;color:var(--muted)}
.masthead-tools{display:flex;align-items:center;gap:8px}
.masthead .search-form--head,.masthead-contact{display:none}
.icon-btn{flex:none;width:44px;height:44px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;background:var(--surface);color:var(--sky-600);font-size:1.1rem;text-decoration:none;transition:background-color .2s,color .2s,border-color .2s}
.icon-btn:hover{border-color:var(--sky-600);background:var(--sky-600);color:#fff}
.menu-btn{flex:none;display:inline-flex;align-items:center;gap:8px;height:44px;padding:0 16px;border:0;border-radius:999px;background:var(--primary);color:#fff;font:inherit;font-weight:600;font-size:.95rem}
.menu-btn i{font-size:1.35rem;line-height:1}
@media (max-width:420px){.brand-en{display:none}.menu-btn span{display:none}.menu-btn{width:44px;justify-content:center;padding:0}}
@media (max-width:359.98px){.masthead-inner{gap:8px}.brand{gap:10px}.brand-logo{width:40px;height:40px}.brand-th{font-size:.88rem}}
.masthead-contact{list-style:none;margin:0;padding:0;align-items:center;gap:4px}
.masthead-contact a{display:inline-flex;align-items:center;gap:8px;height:44px;padding:0 14px;border-radius:999px;color:var(--ink-2);font-weight:500;font-size:.95rem;text-decoration:none;transition:background-color .2s,color .2s}
.masthead-contact a:hover{background:var(--sky-50);color:var(--primary)}
.masthead-contact i{color:var(--sky-600);font-size:1.05rem}
@media (min-width:1200px){
  .masthead{position:relative;background:var(--surface);-webkit-backdrop-filter:none;backdrop-filter:none}
  .masthead-inner{min-height:88px;gap:16px}
  .brand-logo{width:60px;height:60px}
  .brand{gap:16px}
  .masthead .search-form--head,.masthead-contact{display:flex}
  .search-btn,.menu-btn{display:none}
}

/* ---------- เมนูหลัก (จอใหญ่) ---------- */
.mainnav{display:none}
@media (min-width:1200px){
  .mainnav{display:block;position:sticky;top:0;z-index:1030;background:var(--primary);background-image:linear-gradient(90deg,var(--primary-700),var(--primary) 40%,#2a6aa8);transition:box-shadow .3s}
  .mainnav.is-stuck{box-shadow:0 14px 30px -16px rgba(16,40,70,.6)}
  .mainnav-inner{position:relative;display:flex;align-items:stretch}
  .nav-logo{flex:none;display:flex;align-items:center;width:0;opacity:0;overflow:hidden;transition:width .35s var(--ease),margin .35s var(--ease),opacity .25s}
  .nav-logo img{flex:none;width:36px;height:36px;padding:2px;border-radius:50%;background:#fff}
  .mainnav.is-stuck .nav-logo{width:36px;margin-right:14px;opacity:1}
  .menubar{display:flex;list-style:none;margin:0 0 0 -14px;padding:0;height:var(--nav-h)}
  .mainnav.is-stuck .menubar{margin-left:0}
  .menubar-item{position:relative;display:flex}
  .menubar-item.is-mega{position:static}
  .menubar-link{position:relative;display:flex;align-items:center;gap:7px;padding:0 14px;border:0;background:none;color:#e6f0fa;font:inherit;font-weight:600;font-size:.97rem;white-space:nowrap;text-decoration:none;cursor:pointer;transition:color .2s}
  .menubar-link::after{content:"";position:absolute;left:14px;right:14px;bottom:8px;height:3px;border-radius:3px;background:var(--sky);transform:scaleX(0);transform-origin:left;transition:transform .28s var(--ease)}
  .menubar-link:hover,.is-open>.menubar-link{color:#fff}
  .menubar-link:hover::after,.is-open>.menubar-link::after{transform:scaleX(1)}
  .is-current>.menubar-link{color:#fff}
  .is-current>.menubar-link::after{transform:scaleX(1);background:#fff}
  .menubar-link .chev{font-size:.68rem;opacity:.85;transition:transform .25s var(--ease)}
  .is-open>.menubar-link .chev{transform:rotate(180deg)}
  .has-panel.is-open::before{content:"";position:absolute;left:0;right:0;top:100%;height:12px}
  .menu-panel{position:absolute;top:calc(100% + 8px);left:0;z-index:1040;width:max-content;min-width:300px;max-width:min(640px,calc(100vw - 32px));max-height:calc(100vh - 190px);overflow:auto;overscroll-behavior:contain;padding:12px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--sh-3);visibility:hidden;opacity:0;transform:translateY(10px);transition:opacity .2s var(--ease),transform .2s var(--ease),visibility 0s linear .2s}
  .is-open>.menu-panel{visibility:visible;opacity:1;transform:none;transition:opacity .2s var(--ease),transform .2s var(--ease),visibility 0s}
  html:not(.js) .has-panel:hover>.menu-panel,html:not(.js) .has-panel:focus-within>.menu-panel{visibility:visible;opacity:1;transform:none}
  .menubar-item:nth-last-child(-n+2) .menu-panel{left:auto;right:0}
  .menu-panel>.mlist{columns:auto;max-width:580px}
  .menu-panel.is-wide>.mlist{columns:2 250px;column-gap:20px}
  .menu-panel>.mlist>li{break-inside:avoid}
  /* เมนูใหญ่ (การดำเนินงาน): 5 คอลัมน์ ตัวอักษรกระชับ ให้เปิดได้ครบในหน้าจอโน้ตบุ๊ก/จอคอมทั่วไป */
  .menu-panel--mega{left:var(--gutter);right:var(--gutter);width:auto;max-width:none;padding:18px 24px 6px}
  .menu-panel--mega .mega{columns:5 190px;column-gap:20px}
  .menu-panel--mega .mega-block{padding-bottom:8px}
  .menu-panel--mega .mega-title{padding:3px 10px;font-size:.9rem}
  .menu-panel--mega .mega-title i{width:24px;height:24px;font-size:.82rem}
  .menu-panel--mega .mega-block>.mlist--sub{margin-left:20px}
  .menu-panel--mega .mlist-link{padding:3px 10px;font-size:.88rem;line-height:1.42}
}
@media (min-width:1200px) and (max-height:720px){   /* จอเตี้ย (เช่น โน้ตบุ๊ก 1366×768) */
  .menu-panel--mega{padding:12px 24px 2px}
  .menu-panel--mega .mega-block{padding-bottom:6px}
  .menu-panel--mega .mega-title{padding:2px 10px}
  .menu-panel--mega .mlist-link{padding:2px 10px;line-height:1.36}
}
.mlist{list-style:none;margin:0;padding:0}
.mlist--sub{margin:0 0 4px 14px;padding-left:10px;border-left:2px solid var(--line-soft)}
.mlist-link{display:flex;align-items:baseline;gap:6px;padding:7px 12px;border-radius:var(--r-sm);color:var(--ink);font-weight:500;font-size:.95rem;line-height:1.5;text-decoration:none;transition:background-color .15s,color .15s,transform .15s}
.mlist-link:hover{background:var(--sky-50);color:var(--primary);transform:translateX(2px)}
.mlist-link[aria-current="page"]{background:var(--sky-50);color:var(--primary);font-weight:600;box-shadow:inset 3px 0 0 var(--sky)}
.mlist-group{margin-top:6px}
.mlist-heading{padding:8px 12px 2px;font-weight:600;font-size:.8rem;color:var(--muted)}
.mlist-group>.mlist--sub{margin-left:12px}
.mega{columns:4 230px;column-gap:28px}
.mega-block{break-inside:avoid;padding-bottom:14px}
.mega-title{display:flex;align-items:center;gap:10px;margin:0 0 2px;padding:6px 12px;font-weight:700;font-size:.95rem;line-height:1.45;color:var(--primary)}
.mega-title i{width:28px;height:28px;flex:none;display:grid;place-items:center;border-radius:8px;background:var(--sky-50);font-size:.9rem;color:var(--sky-600)}
a.mega-title{border-radius:var(--r-sm);text-decoration:none}
a.mega-title:hover{background:var(--sky-50)}
a.mega-title[aria-current="page"]{background:var(--sky-50)}
.mega-block>.mlist--sub{margin-left:24px}

/* ---------- เมนูมือถือ ---------- */
.drawer{--bs-offcanvas-width:min(420px,92vw)}
.drawer .offcanvas-header{padding:14px 20px;background:linear-gradient(120deg,var(--primary-800),var(--primary));color:#fff}
.drawer .btn-close{filter:invert(1) grayscale(1) brightness(2);opacity:.9}
.drawer-title{display:flex;align-items:center;gap:10px;font-weight:700;font-size:1.1rem;color:#fff}
.drawer-title img{width:34px;height:34px;padding:2px;border-radius:50%;background:#fff}
.drawer .offcanvas-body{padding:6px 20px 28px}
.drawer-home,.drawer-sec>summary{display:flex;align-items:center;gap:12px;min-height:54px;padding:6px 2px;color:var(--ink);font-weight:600;font-size:1.02rem;text-decoration:none;border-bottom:1px solid var(--line-soft);cursor:pointer;list-style:none}
.drawer-sec>summary::-webkit-details-marker{display:none}
.drawer-home>i,.drawer-sec>summary>i:first-child{width:34px;height:34px;flex:none;display:grid;place-items:center;border-radius:10px;background:var(--sky-50);color:var(--sky-600);font-size:1rem}
.drawer-sec>summary .chev{margin-left:auto;font-size:.8rem;color:var(--muted);transition:transform .25s var(--ease)}
.drawer-sec[open]>summary .chev{transform:rotate(180deg)}
.drawer-sec[open]>summary{color:var(--primary)}
.drawer-home[aria-current="page"]{color:var(--primary)}
.drawer-sec>.mlist{padding:6px 0 12px;animation:fade .3s var(--ease)}
.drawer .mlist-link{padding:9px 12px;font-size:.98rem}
.drawer-contact{display:grid;gap:10px;margin-top:22px;padding:16px;border-radius:var(--r);background:var(--sky-50)}
.drawer-contact a{display:flex;align-items:center;gap:10px;color:var(--ink-2);text-decoration:none;font-weight:500}
.drawer-contact i{color:var(--sky-600)}

/* ---------- แถบฟ้า (หน้าแรก + หัวหน้าเนื้อหา) ---------- */
.sky{position:absolute;inset:0;overflow:hidden;pointer-events:none}
.sky::before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(36,95,155,.16) 1px,transparent 1.7px);background-size:22px 22px;-webkit-mask-image:linear-gradient(105deg,#000 0%,transparent 50%);mask-image:linear-gradient(105deg,#000 0%,transparent 50%)}
.sky-blob{position:absolute;border-radius:50%}
.sky-blob--1{width:min(52vw,820px);aspect-ratio:1;right:-14%;top:-58%;background:radial-gradient(circle,rgba(80,167,222,.42),rgba(80,167,222,0) 66%)}
.sky-blob--2{width:min(40vw,620px);aspect-ratio:1;left:-14%;bottom:-62%;background:radial-gradient(circle,rgba(10,127,116,.2),rgba(10,127,116,0) 66%)}
.sky-blob--3{width:min(26vw,420px);aspect-ratio:1;left:38%;top:-34%;background:radial-gradient(circle,rgba(255,255,255,.95),rgba(255,255,255,0) 66%)}
.hero .sky-blob--1{animation:drift1 22s ease-in-out infinite alternate}
.hero .sky-blob--2{animation:drift2 27s ease-in-out infinite alternate}
.hero .sky-blob--3{animation:drift3 18s ease-in-out infinite alternate}
@keyframes drift1{to{transform:translate(-7vw,6vw) scale(1.1)}}
@keyframes drift2{to{transform:translate(9vw,-5vw) scale(1.15)}}
@keyframes drift3{to{transform:translate(-12vw,9vw) scale(.9)}}
.wave{position:absolute;left:0;display:block;width:100%;height:clamp(22px,3.4vw,50px)}
.wave--bottom{bottom:-1px;color:var(--bg)}
.wave--top{top:1px;transform:translateY(-100%);color:var(--footer)}

/* ---------- หัวหน้าเนื้อหา ---------- */
.page-head{position:relative;z-index:2;color:var(--ink);background:linear-gradient(165deg,#dbedfa 0%,#e9f4fc 52%,#f0f7fd 100%);border-bottom:0}
.page-head-in{position:relative;z-index:2;padding-block:clamp(24px,3.6vw,48px) clamp(46px,6vw,80px)}
.page-head-ic{position:absolute;z-index:0;right:max(var(--gutter),calc((100vw - var(--wrap)) / 2 + var(--gutter)));top:50%;width:clamp(96px,11vw,150px);height:clamp(96px,11vw,150px);display:grid;place-items:center;border-radius:32px;background:linear-gradient(140deg,rgba(255,255,255,.95),rgba(255,255,255,.55));color:var(--sky);font-size:clamp(2.6rem,3.6vw,4rem);box-shadow:0 24px 50px -26px rgba(36,95,155,.55),inset 0 0 0 1px rgba(255,255,255,.9);transform:translateY(-58%) rotate(-6deg);animation:float 7s ease-in-out infinite}
@keyframes float{50%{transform:translateY(-64%) rotate(-2deg)}}
@media (max-width:767.98px){.page-head-ic{display:none}}
.crumbs ol{display:flex;flex-wrap:wrap;list-style:none;margin:0 0 12px;padding:0;font-size:.88rem;line-height:1.6;color:var(--ink-2)}
.crumbs li+li::before{content:"/";margin:0 9px;color:#93acc4}
.crumbs a{padding-block:2px;color:var(--link);text-decoration:none}   /* 3.45.0 พื้นที่กดสูงอย่างน้อย 24 px (ไม่เปลี่ยนระยะบรรทัด) */
.crumbs a:hover{color:var(--primary);text-decoration:underline}
.page-title{margin:0;max-width:40ch;color:var(--primary);font-size:clamp(1.6rem,1.1rem + 1.7vw,2.55rem);font-weight:800;line-height:1.35;text-wrap:balance;animation:rise .6s var(--ease) both}
@media (min-width:768px){.page-title{max-width:min(40ch,calc(100% - 190px))}}
.page-meta{display:inline-flex;align-items:center;gap:8px;margin-top:12px;padding:4px 14px;border-radius:999px;background:var(--surface);border:1px solid var(--line);font-size:.9rem;font-weight:600;color:var(--teal-700);box-shadow:var(--sh-1);animation:rise .6s var(--ease) .08s both}
.page-meta i{color:var(--teal)}
.page-body{padding-block:clamp(22px,3.2vw,44px) clamp(60px,7vw,100px)}
.layout{display:grid;gap:clamp(28px,3vw,48px);align-items:start}
.content{min-width:0}
@media (min-width:1200px){.layout.has-side{grid-template-columns:minmax(0,1fr) 310px}}

/* ---------- เมนูข้าง ---------- */
.sidenav{padding:18px 12px 14px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--sh-1)}
.sidenav-title{display:flex;align-items:center;gap:10px;margin:0 8px 10px;font-weight:700;font-size:1.02rem;color:var(--primary)}
.sidenav-title i{width:36px;height:36px;flex:none;display:grid;place-items:center;border-radius:11px;background:linear-gradient(135deg,#6cc0f0,var(--sky-600));color:#fff;font-size:1rem}
.side-list{list-style:none;margin:0;padding:0}
.side-list--sub{margin:0 0 6px 12px;padding-left:8px;border-left:2px solid var(--line-soft)}
.side-link{display:flex;align-items:baseline;gap:4px;padding:7px 12px;border-radius:var(--r-sm);color:var(--ink-2);font-size:.93rem;line-height:1.5;text-decoration:none;transition:background-color .15s,color .15s}
.side-link:hover{background:var(--sky-50);color:var(--primary)}
.side-link[aria-current="page"]{background:var(--sky-50);color:var(--primary);font-weight:600;box-shadow:inset 3px 0 0 var(--sky)}
.side-heading{margin:10px 12px 2px;font-weight:600;font-size:.8rem;color:var(--muted)}
.side-group details>summary{display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:var(--r-sm);font-weight:600;font-size:.9rem;line-height:1.45;color:var(--ink);cursor:pointer;list-style:none}
.side-group details>summary::-webkit-details-marker{display:none}
.side-group details>summary:hover{background:var(--sky-50)}
.side-group details[open]>summary{color:var(--primary)}
.side-group details>summary .chev{margin-left:auto;font-size:.7rem;color:var(--muted);transition:transform .2s}
.side-group details[open]>summary .chev{transform:rotate(180deg)}
@media (min-width:1200px){.sidenav{position:sticky;top:calc(var(--nav-h) + 20px);max-height:calc(100vh - var(--nav-h) - 40px);overflow:auto}}

/* ---------- รายการเอกสาร ---------- */
.doc-tools{display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px;margin-bottom:22px}
.doc-filter{position:relative;flex:1 1 300px;max-width:560px}
.doc-filter i{position:absolute;left:18px;top:50%;transform:translateY(-50%);color:var(--muted);pointer-events:none}
.doc-filter input{width:100%;height:50px;padding:0 18px 0 48px;border:1px solid var(--line);border-radius:999px;background:var(--surface);color:var(--ink);font:inherit;font-size:1rem;box-shadow:var(--sh-1);transition:border-color .2s,box-shadow .2s}
.doc-filter input:focus{outline:none;border-color:var(--sky);box-shadow:0 0 0 4px rgba(80,167,222,.3)}
.doc-status{font-size:.92rem;font-weight:600;color:var(--teal-700)}
.jumpnav ul{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:0 0 28px;padding:0}
.jumpnav a{display:inline-flex;align-items:center;gap:8px;min-height:38px;padding:4px 15px;border:1px solid var(--line);border-radius:999px;background:var(--surface);color:var(--ink-2);font-weight:500;font-size:.9rem;line-height:1.4;text-decoration:none;transition:background-color .2s,color .2s,border-color .2s}
.jumpnav a:hover{border-color:var(--sky-600);background:var(--sky-600);color:#fff}
.doc-section{margin-bottom:clamp(28px,3.6vw,44px)}
.doc-section:last-child{margin-bottom:0}
.doc-h2{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 12px;margin:0 0 14px;font-size:clamp(1.15rem,1rem + .5vw,1.4rem);font-weight:700;color:var(--primary)}
.doc-count{font-weight:500;font-size:.85rem;color:var(--muted)}
.doc-part+.doc-part{margin-top:22px}
.doc-h3{margin:0 0 10px;font-size:1.02rem;font-weight:600;color:var(--ink-2)}
.docs{list-style:none;margin:0;padding:0;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden;box-shadow:var(--sh-1)}
.docs--sub{background:none;border:0;border-radius:0;box-shadow:none}
.doc{position:relative;display:grid;grid-template-columns:2.4rem minmax(0,1fr) auto;gap:4px 16px;align-items:start;padding:15px 20px;border-top:1px solid var(--line-soft);transition:background-color .2s}
.doc::before{content:"";position:absolute;left:0;top:10px;bottom:10px;width:3px;border-radius:0 3px 3px 0;background:var(--sky);transform:scaleY(0);transition:transform .25s var(--ease)}
.docs>li:first-child{border-top:0}
.docs--sub>li:first-child{border-top:1px solid var(--line-soft)}
.doc:hover{background:var(--sky-50)}
.doc:hover::before{transform:scaleY(1)}
.doc-no{padding-top:7px;font-weight:600;font-size:.86rem;line-height:1.75;color:var(--muted);font-variant-numeric:tabular-nums}
.doc-main{padding-top:5px}
.docs--sub .doc{grid-template-columns:3.2rem minmax(0,1fr) auto;padding-left:44px}
.doc-title{font-weight:500;line-height:1.65;overflow-wrap:anywhere}
.doc-meta{margin-top:4px;font-size:.9rem;line-height:1.65;color:var(--muted)}
.doc-badge{display:inline-block;margin-left:8px;padding:1px 10px;border-radius:999px;background:var(--teal-50);color:var(--teal-700);font-weight:600;font-size:.78rem;vertical-align:1px}
.doc-where{font-weight:600;text-decoration:none}
.doc-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}
.file-btn{--fc:var(--primary);display:inline-flex;align-items:center;gap:7px;height:38px;padding:0 15px;border:1px solid var(--line);border-radius:999px;background:var(--surface);color:var(--ink-2);font-weight:600;font-size:.86rem;white-space:nowrap;text-decoration:none;transition:background-color .2s,border-color .2s,color .2s,transform .2s}
.file-btn i{font-size:1rem;color:var(--fc);transition:color .2s}
.file-btn:hover,.doc--single:hover .file-btn{background:var(--fc);border-color:var(--fc);color:#fff;transform:translateY(-1px)}
.file-btn:hover i,.doc--single:hover .file-btn i{color:#fff}
.file-btn--pdf{--fc:#c2410c}.file-btn--doc{--fc:#1d4ed8}.file-btn--xls{--fc:#15803d}.file-btn--ebook{--fc:#0e7490}
.file-btn--video{--fc:#b91c1c}.file-btn--folder{--fc:#a16207}.file-btn--web,.file-btn--facebook{--fc:var(--link)}
.doc--single .file-btn::after{content:"";position:absolute;inset:0}
.doc-note{display:inline-flex;align-items:center;height:38px;padding:0 14px;border-radius:999px;background:var(--line-soft);font-size:.86rem;color:var(--ink-2)}
.docs-group{border-top:1px solid var(--line-soft)}
.docs>.docs-group:first-child{border-top:0}
.docs-group-head{display:grid;grid-template-columns:2.4rem minmax(0,1fr);gap:16px;padding:15px 20px 9px;font-weight:600;color:var(--primary)}
.docs-group-head .doc-no{color:var(--primary);padding-top:0}
.docs-label{padding:12px 20px;background:var(--sky-50);font-weight:600;font-size:.92rem;color:var(--primary-800);border-top:1px solid var(--line-soft)}
.docs>.docs-label:first-child{border-top:0}
.is-filtering .docs-label{display:none}
.doc-empty{display:flex;align-items:center;gap:10px;margin-top:12px;padding:18px 22px;border:1px dashed var(--line);border-radius:var(--r-lg);color:var(--muted)}
@media (max-width:640px){
  .doc{grid-template-columns:1.9rem minmax(0,1fr);padding:14px 16px;gap:8px 10px}
  .docs--sub .doc{grid-template-columns:2.7rem minmax(0,1fr);padding-left:16px}
  .doc-actions{grid-column:2;justify-content:flex-start}
  .doc-main{padding-top:0}
  .doc-no{padding-top:2px}
  .doc.doc--single{grid-template-columns:1.9rem minmax(0,1fr) auto}
  .docs--sub .doc.doc--single{grid-template-columns:2.7rem minmax(0,1fr) auto}
  .doc--single .doc-actions{grid-column:auto}
  .doc--single .file-btn{height:32px;padding:0 10px;gap:5px;font-size:.78rem}
  .docs-group-head{grid-template-columns:1.9rem minmax(0,1fr);gap:10px;padding:14px 16px 8px}
  .docs-label{padding:12px 16px}
}

/* ---------- บุคลากร: รูปแบบภาพถ่ายขอบขาว + ผังตามระดับตำแหน่ง ---------- */
/* รูปบุคคล: สัดส่วนตามไฟล์จริง กรอบขาว 8px มุมมนเล็กน้อย เงาบาง ๆ */
.photo{display:block;max-width:100%;height:auto;margin-inline:auto;border:8px solid #fff;border-radius:14px;background:#fff;box-shadow:0 1px 3px rgba(38,54,72,.14),0 12px 26px -16px rgba(36,95,155,.5);transition:transform .3s var(--ease),box-shadow .3s var(--ease)}
.photo--empty{display:grid;place-items:center;width:min(100%,200px);aspect-ratio:3/4;color:#9dbad6;font-size:3rem;background:linear-gradient(165deg,var(--sky-50),var(--primary-100)) padding-box}
.person:hover .photo{transform:translateY(-4px);box-shadow:0 2px 4px rgba(38,54,72,.12),0 22px 36px -18px rgba(36,95,155,.6)}
/* 3.58.0 เลขลำดับรักษาการ · 3.58.1 เล็ก ไม่เด่น มุมขวาล่างภายในกรอบรูป */
.photo-box{position:relative;display:inline-block;max-width:100%;vertical-align:bottom}
.photo-box>.photo{margin-inline:0}
.photo-box>.photo--empty{width:200px;max-width:100%}
.acting-no{position:absolute;right:13px;bottom:13px;z-index:1;display:grid;place-items:center;min-width:20px;height:20px;padding:0 5px;border-radius:999px;background:rgba(255,255,255,.88);color:var(--teal-700,#08695f);font-weight:600;font-size:.72rem;line-height:1;border:1px solid rgba(8,105,95,.25);transition:transform .3s var(--ease)}
.person:hover .acting-no{transform:translateY(-4px)}
@media print{.acting-no{-webkit-print-color-adjust:exact;print-color-adjust:exact}}
.team+.team{margin-top:clamp(40px,5vw,60px)}
.team-title{display:flex;align-items:center;justify-content:center;gap:14px;margin:0 0 26px;font-size:clamp(1.12rem,1rem + .4vw,1.32rem);text-align:center;text-wrap:balance}
.team-title::before,.team-title::after{content:"";flex:0 1 64px;height:2px;border-radius:2px;background:linear-gradient(90deg,transparent,var(--sky))}
.team-title::after{background:linear-gradient(90deg,var(--sky),transparent)}
/* ชั้นของผัง: แต่ละระดับเริ่มแถวใหม่
   ทุกคนกินพื้นที่ 2 แถวของกริด (รูป / ข้อความ) และใช้ subgrid ให้ฐานรูปและชื่อในแถวเดียวกันตรงกัน */
.org{display:grid;gap:clamp(30px,3.6vw,46px)}
.tier{--card-w:236px;--row-gap:30px;display:grid;column-gap:14px;row-gap:0;list-style:none;margin:0 0 calc(var(--row-gap) * -1);padding:0}
.tier>li{display:grid;grid-row:span 2;grid-template-rows:subgrid;row-gap:0;min-width:0}
.tier .person-photo{align-self:end}
.tier .person-info{padding-bottom:var(--row-gap)}
.person{text-align:center}
.tier--lead{--card-w:276px}
/* แถวละ 3: 1 คน = กลาง, 2 คน = ซ้าย-ขวา (มือถือ: ทีละคน ดูด้านล่าง) */
.tier--3{grid-template-columns:repeat(2,minmax(0,1fr))}
.tier--3>li:last-child:nth-child(odd){grid-column:1 / -1;justify-self:center;width:calc(50% - 7px)}
.tier--lead>li:last-child:nth-child(odd){width:min(66%,276px)}
@media (min-width:576px){
  .tier--3{grid-template-columns:repeat(3,minmax(0,var(--card-w)));justify-content:center;column-gap:clamp(16px,3.4vw,48px)}
  .tier--3>li:last-child:nth-child(odd){grid-column:auto;justify-self:stretch;width:auto}
  .tier--3>li:last-child:nth-child(3n+1){grid-column:2}
  .tier--3>li:last-child:nth-child(3n+2){grid-column:3}
}
/* แถวละ 4 (ผู้อำนวยการกลุ่ม/หน่วย): ใช้ช่องครึ่งคอลัมน์ เพื่อจัดแถวที่ไม่เต็มให้อยู่กลาง */
.tier--4{grid-template-columns:repeat(4,minmax(0,1fr))}
.tier--4>li{grid-column:span 2}
.tier--4>li:last-child:nth-child(odd){grid-column:2 / span 2}
@media (min-width:576px) and (max-width:767.98px){
  .tier--4{grid-template-columns:repeat(6,minmax(0,1fr));column-gap:22px}
  .tier--4>li:last-child:nth-child(odd){grid-column:span 2}
  .tier--4>li:last-child:nth-child(3n+1){grid-column:3 / span 2}
  .tier--4>li:nth-last-child(2):nth-child(3n+1){grid-column:2 / span 2}
  .tier--4>li:last-child:nth-child(3n+2){grid-column:4 / span 2}
}
@media (min-width:768px){
  .tier--4{grid-template-columns:repeat(8,minmax(0,calc(var(--card-w) / 2 - 11px)));justify-content:center;column-gap:22px}
  .tier--4>li:last-child:nth-child(odd){grid-column:span 2}
  .tier--4>li:last-child:nth-child(4n+1){grid-column:4 / span 2}
  .tier--4>li:nth-last-child(2):nth-child(4n+1){grid-column:3 / span 2}
  .tier--4>li:last-child:nth-child(4n+2){grid-column:5 / span 2}
  .tier--4>li:nth-last-child(3):nth-child(4n+1){grid-column:2 / span 2}
  .tier--4>li:nth-last-child(2):nth-child(4n+2){grid-column:4 / span 2}
  .tier--4>li:last-child:nth-child(4n+3){grid-column:6 / span 2}
}
/* มือถือ: เรียงลงมาทีละคน ตามลำดับระดับตำแหน่ง (กึ่งกลางจอ) */
@media (max-width:575.98px){
  .tier--3,.tier--4{grid-template-columns:minmax(0,var(--card-w));justify-content:center}
  .tier>li,.tier>li:last-child:nth-child(odd){grid-column:1;justify-self:stretch;width:auto}
}
/* กลุ่มงานย่อย (กลุ่มนิเทศฯ): การ์ดขอบมน หัวหน้ากลุ่มงานอยู่กลาง */
.team--card{padding:clamp(22px,3vw,38px) clamp(14px,2.6vw,36px) clamp(26px,3.4vw,42px);border:1px solid var(--line);border-radius:var(--r-xl);background:linear-gradient(180deg,#e6f1fa 0%,#eff6fc 100%);box-shadow:var(--sh-1)}
.team--card+.team--card{margin-top:clamp(20px,2.4vw,28px)}
.team--card .tier{--card-w:204px}
.team--card .team-title{flex-wrap:wrap;gap:10px 12px;margin-bottom:24px}
.team--card .team-title::before,.team--card .team-title::after{display:none}
.team--card .team-title i{width:38px;height:38px;flex:none;display:grid;place-items:center;border-radius:12px;background:linear-gradient(135deg,#6cc0f0,var(--sky-600));color:#fff;font-size:1.05rem;box-shadow:0 10px 18px -10px rgba(43,135,200,.9)}
.person-info{padding-top:14px}
.person-name{font-weight:700;font-size:1rem;line-height:1.45;color:var(--ink)}
.person--lead .person-name{font-size:1.12rem}
.person-role{margin-top:3px;font-size:.9rem;line-height:1.5;color:var(--muted)}
.person-note{margin-top:3px;font-size:.84rem;color:var(--muted)}
.person-badge{display:inline-block;max-width:100%;margin-top:9px;padding:3px 12px;border-radius:12px;background:var(--teal-50);color:var(--teal-700);font-weight:600;font-size:.8rem;line-height:1.5;text-wrap:balance}
.person-mail{margin-top:6px;font-size:.84rem;overflow-wrap:anywhere}
.staff-sum{margin:0 0 clamp(28px,4vw,44px);padding:clamp(16px,2.4vw,24px) clamp(16px,2.6vw,28px);background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--sh-1)}
.staff-sum-title{display:flex;align-items:center;gap:10px;margin:0 0 14px;font-size:1.05rem;color:var(--primary)}
.staff-sum-title i{color:var(--sky-600)}
.staff-sum-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin:0}
.staff-sum-item{display:flex;flex-direction:column;gap:2px;padding:12px 14px;border-radius:var(--r);background:var(--sky-50);border:1px solid var(--line-soft)}
.staff-sum-item dt{font-weight:500;font-size:.92rem;color:var(--ink-2)}
.staff-sum-item dd{margin:0;color:#536f88}   /* 3.45.0 เข้มขึ้นเล็กน้อย: 4.84:1 บนพื้น #eef7fd (เดิม --muted 4.45:1 ไม่ถึงเกณฑ์ 4.5:1) */
.staff-sum-item dd strong{font-size:1.5rem;line-height:1.2;color:var(--primary);font-variant-numeric:tabular-nums}
.staff-sum-total{background:var(--primary-50);border-color:var(--primary-100)}
.staff-sum-total dt{color:var(--primary)}
.staff-sum-extra{background:var(--surface);border-style:dashed;border-color:var(--line)}
.staff-sum-extra dt span{font-weight:400;font-size:.82rem;color:var(--muted)}
.staff-sum-extra dd strong{color:var(--ink-2)}
.staff-sum-note{margin:12px 0 0;font-size:.85rem;color:var(--muted)}
.duties{margin-top:clamp(40px,5vw,64px);padding:clamp(20px,3vw,36px);background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--sh-1)}
.duties h2,.duties .duties-title{margin:0 0 18px;font-size:clamp(1.15rem,1rem + .4vw,1.35rem)}
.duty-list{list-style:none;margin:0;padding:0;counter-reset:duty}
.duty-list li{position:relative;counter-increment:duty;padding:7px 0 7px 46px;line-height:1.75;break-inside:avoid}
.duty-list li::before{content:counter(duty);position:absolute;left:0;top:7px;width:32px;height:32px;display:grid;place-items:center;border-radius:10px;background:var(--sky-50);color:var(--primary);font-weight:700;font-size:.82rem;box-shadow:inset 0 0 0 1px var(--sky-100)}
@media (min-width:1400px){.duty-list--cols{columns:2;column-gap:48px}}
.duty-list--panel{margin-top:6px;padding:clamp(18px,2.6vw,30px);background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--sh-1)}
.duty-groups{display:grid;gap:18px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}
.duty-groups--after{margin-top:22px}
.duty-group{padding:18px 20px;border:1px solid var(--line-soft);border-radius:var(--r);background:var(--sky-50)}
.duty-group h3,.duty-group .duty-group-title{display:flex;align-items:center;gap:10px;margin:0 0 10px;font-size:1rem;color:var(--primary)}
.duty-group h3 i,.duty-group .duty-group-title i{color:var(--sky-600)}
.subunit{margin-top:clamp(48px,6vw,80px);padding-top:clamp(32px,4vw,52px);border-top:2px solid var(--line)}
.subunit-title{display:flex;align-items:center;justify-content:center;gap:12px;margin:0 0 clamp(24px,3vw,34px);font-size:clamp(1.25rem,1.05rem + .6vw,1.6rem);color:var(--primary);text-align:center;text-wrap:balance}
.subunit-title i{width:42px;height:42px;flex:none;display:grid;place-items:center;border-radius:13px;background:linear-gradient(135deg,#6cc0f0,var(--sky-600));color:#fff;font-size:1.1rem}
.duty-list--compact li{padding:4px 0 4px 36px;line-height:1.6}
.duty-list--compact li::before{width:24px;height:24px;top:5px;border-radius:8px;font-size:.75rem;background:var(--surface)}

/* ---------- บทความ ---------- */
.article{max-width:1100px}
.article-p{max-width:74ch;margin-bottom:1.1em;font-size:1.08rem;line-height:1.95}
.article-h2{margin:clamp(28px,4vw,44px) 0 14px;font-size:clamp(1.2rem,1rem + .6vw,1.5rem)}
.statement{position:relative;margin:0;padding:clamp(28px,4vw,56px);overflow:hidden;border:1px solid var(--line);border-radius:var(--r-xl);color:var(--ink);background:linear-gradient(140deg,#fff 0%,var(--sky-50) 100%);box-shadow:var(--sh-2)}
.statement::before{content:"\201C";position:absolute;right:clamp(18px,3vw,40px);top:-.18em;font-size:clamp(7rem,5rem + 6vw,12rem);line-height:1;font-weight:800;color:rgba(80,167,222,.28)}
.statement::after{content:"";position:absolute;left:0;top:clamp(28px,4vw,56px);width:6px;height:64px;border-radius:0 6px 6px 0;background:linear-gradient(var(--sky),var(--teal))}
.statement p{position:relative;z-index:1;max-width:36ch;font-weight:700;font-size:clamp(1.3rem,1rem + 1.4vw,2.1rem);line-height:1.55;color:var(--primary);text-wrap:balance}
.num-cards{list-style:none;margin:0;padding:0;display:grid;gap:16px;counter-reset:card}
@media (min-width:900px){.num-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
.num-cards li{counter-increment:card;display:grid;grid-template-columns:46px minmax(0,1fr);gap:16px;align-items:start;padding:22px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--sh-1);transition:transform .25s var(--ease),box-shadow .25s var(--ease)}
.num-cards li:hover{transform:translateY(-3px);box-shadow:var(--sh-2)}
.num-cards li::before{content:counter(card);width:46px;height:46px;display:grid;place-items:center;border-radius:14px;background:linear-gradient(135deg,#6cc0f0,var(--sky-600));color:#fff;font-weight:800;font-size:1.1rem;box-shadow:0 10px 18px -10px rgba(43,135,200,.9)}
.num-cards li:nth-child(even)::before{background:linear-gradient(135deg,var(--sky-600),var(--primary))}
.num-cards p{line-height:1.8;padding-top:7px}
.art-fig{margin:0 0 22px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden;box-shadow:var(--sh-1)}
.art-fig-img{display:block;padding:clamp(12px,2vw,24px)}
.art-fig-img img{display:block;margin-inline:auto;transition:transform .4s var(--ease)}
.art-fig-img:hover img{transform:scale(1.015)}
.art-fig figcaption{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 16px;padding:12px 20px;border-top:1px solid var(--line-soft);font-weight:600}
.art-fig-open{display:inline-flex;align-items:center;gap:8px;font-weight:500;font-size:.9rem;text-decoration:none}

/* ---------- ตาราง ---------- */
.table-block+.table-block{margin-top:clamp(32px,4vw,48px)}
.table-scroll{overflow-x:auto;border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--sh-1);background-color:var(--surface);background-image:linear-gradient(to right,var(--surface) 30%,rgba(255,255,255,0)),linear-gradient(to left,var(--surface) 30%,rgba(255,255,255,0)),radial-gradient(farthest-side at 0 50%,rgba(24,63,107,.2),transparent),radial-gradient(farthest-side at 100% 50%,rgba(24,63,107,.2),transparent);background-position:left center,right center,left center,right center;background-size:40px 100%,40px 100%,14px 100%,14px 100%;background-repeat:no-repeat;background-attachment:local,local,scroll,scroll}
.data-table{width:100%;min-width:760px;border-collapse:collapse;font-size:.92rem;font-variant-numeric:tabular-nums}
.data-table th,.data-table td{padding:11px 10px;border-bottom:1px solid var(--line-soft);text-align:center;vertical-align:middle}
.data-table thead th{background:var(--primary-50);font-weight:600;font-size:.84rem;line-height:1.45;color:var(--primary-800);white-space:nowrap}
.data-table tbody th{font-weight:500;text-align:left;min-width:170px}
.data-table tbody tr:hover{background:var(--sky-50)}
.data-table td.is-empty{color:#b3c2d3}
.data-table tfoot th,.data-table tfoot td{border-bottom:0;background:var(--teal-50);font-weight:700;color:var(--teal-700)}
@media (max-width:991.98px){
  .data-table tbody th,.data-table thead th:nth-child(2),.data-table tfoot th{position:sticky;left:0;z-index:1;background:var(--surface);box-shadow:1px 0 0 var(--line)}
  .data-table tbody th{min-width:140px}
  .data-table thead th:nth-child(2){background:var(--primary-50)}
  .data-table tfoot th{background:var(--teal-50)}
  .data-table tbody tr:hover th{background:var(--sky-50)}
}
@media (max-width:575.98px){
  /* ตารางกว้างหลายคอลัมน์: บนมือถือแสดงเป็นการ์ดทีละแถว เฉพาะช่องที่มีข้อมูล */
  .table-scroll{overflow:visible;border:0;border-radius:0;box-shadow:none;background:none}
  .data-table{display:block;min-width:0;font-size:.95rem}
  .data-table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
  .data-table tbody,.data-table tfoot{display:grid;gap:10px}
  .data-table tfoot{margin-top:12px}
  .data-table tr{position:relative;display:flex;flex-wrap:wrap;align-items:center;column-gap:8px;padding:12px 14px 12px 52px;border:1px solid var(--line);border-radius:16px;background:var(--surface);box-shadow:var(--sh-1)}
  .data-table tr::after{content:"";order:3;flex-basis:100%}
  .data-table th,.data-table td{padding:0;border:0;text-align:left;line-height:1.5}
  .data-table tbody tr:hover,.data-table tbody tr:hover th{background:none}
  .data-table tbody td:first-child{position:absolute;left:14px;top:12px;display:grid;place-items:center;min-width:28px;height:28px;padding:0 6px;border-radius:9px;background:var(--primary-50);color:var(--primary);font-weight:700;font-size:.82rem}
  .data-table tbody th,.data-table tfoot th{order:1;flex:1 1 0;min-width:0;position:static;background:none;box-shadow:none;font-weight:700;color:var(--ink)}
  .data-table td:last-child{order:2;display:flex;align-items:baseline;gap:6px;font-weight:800;font-size:1.15rem;color:var(--teal-700)}
  .data-table td:last-child::before{content:attr(data-label);font-weight:600;font-size:.78rem;color:var(--muted)}
  .data-table td:not(:first-child):not(:last-child){order:4;display:inline-flex;align-items:baseline;gap:6px;margin-top:8px;padding:2px 11px;border-radius:999px;background:var(--sky-50);color:var(--primary);font-weight:700;font-size:.86rem}
  .data-table td:not(:first-child):not(:last-child)::before{content:attr(data-label);font-weight:500;color:var(--ink-2)}
  .data-table tr td.is-empty:not(:first-child){display:none}
  .data-table tfoot tr{padding-left:14px;background:var(--teal-50);border-color:#bfe3dd}
  .data-table tfoot th{color:var(--teal-700);font-weight:800}
  .data-table tfoot td:not(:last-child){background:#fff}
}
.table-note{margin-top:10px;font-size:.88rem;color:var(--muted)}

/* ---------- ติดต่อ ---------- */
.contact-cards{display:grid;gap:16px}
@media (min-width:860px){.contact-cards{grid-template-columns:1.5fr 1fr 1fr}}
.contact-card{display:flex;flex-direction:column;align-items:flex-start;gap:6px;padding:22px 24px;transition:transform .25s var(--ease),box-shadow .25s var(--ease)}
.contact-card:hover{transform:translateY(-3px);box-shadow:var(--sh-2)}
.contact-card h2,.contact-ext h2,.contact-map h2,.contact-infographic h2{display:flex;align-items:center;gap:10px;margin:0 0 6px;font-size:.95rem;font-weight:600;color:var(--muted)}
.contact-card h2 i{width:38px;height:38px;flex:none;display:grid;place-items:center;border-radius:12px;background:linear-gradient(135deg,#6cc0f0,var(--sky-600));color:#fff;font-size:1.05rem}
.contact-main{font-weight:700;font-size:1.06rem;line-height:1.6;overflow-wrap:anywhere}
.contact-main a{text-decoration:none}
.contact-sub{font-size:.92rem;color:var(--muted)}
.copy-btn{display:inline-flex;align-items:center;gap:7px;margin-top:auto;padding:6px 14px;border:1px solid var(--line);border-radius:999px;background:var(--surface);color:var(--ink-2);font:inherit;font-weight:500;font-size:.86rem;transition:background-color .2s,color .2s,border-color .2s}
.copy-btn:hover{border-color:var(--sky-600);color:var(--link)}
.copy-btn.is-done{border-color:var(--teal);background:var(--teal-50);color:var(--teal-700)}
.contact-split{display:grid;gap:16px;margin-top:16px}
@media (min-width:1100px){.contact-split{grid-template-columns:minmax(0,1fr) minmax(0,1.25fr)}}
.contact-ext,.contact-map,.contact-infographic{padding:22px 24px}
.contact-ext h2,.contact-map h2,.contact-infographic h2{font-size:1.05rem;color:var(--primary)}
.ext-list{list-style:none;margin:12px 0 0;padding:0}
.ext-list li{display:flex;justify-content:space-between;align-items:baseline;gap:16px;padding:10px 0;border-top:1px solid var(--line-soft);line-height:1.55}
.ext-list a{flex:none;font-weight:700;text-decoration:none}
.map-frame{margin-top:12px;aspect-ratio:4/3;border-radius:var(--r);overflow:hidden;border:1px solid var(--line-soft);background:var(--sky-50)}
@media (min-width:1100px){.contact-map{display:flex;flex-direction:column}.map-frame{flex:1 1 auto;aspect-ratio:auto;min-height:340px}}
.map-frame iframe{display:block;width:100%;height:100%;border:0}
/* เนื้อหาจากบริการภายนอกที่รอความยินยอม (เช่น Google Maps) */
.map-frame.is-blocked{display:grid;place-items:center;background:linear-gradient(135deg,var(--sky-50),var(--primary-50))}
.ext-ph{display:grid;justify-items:center;gap:10px;max-width:440px;padding:20px;text-align:center;font-size:.92rem;line-height:1.7;color:var(--ink-2)}
.ext-ph>i{font-size:2rem;color:var(--sky-600)}
.ext-ph-actions{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px 16px}
.ext-ph-actions a{font-weight:600}
.contact-infographic{margin-top:16px}
.contact-infographic img{display:block;margin:12px auto 0;border-radius:var(--r)}
.link-cards{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));list-style:none;margin:0;padding:0;max-width:900px}
.link-card{display:flex;align-items:center;gap:16px;padding:22px 24px;color:var(--ink);text-decoration:none;transition:transform .25s var(--ease),box-shadow .25s var(--ease),border-color .25s}
.link-card:hover{border-color:var(--sky);color:var(--primary);transform:translateY(-3px);box-shadow:var(--sh-2)}
.link-card-ic{flex:none;width:50px;height:50px;display:grid;place-items:center;border-radius:50%;background:#1877f2;color:#fff;font-size:1.4rem}
.link-card-text{display:flex;flex-direction:column;min-width:0}
.link-card-text strong{font-weight:700;line-height:1.45}
.link-card-text small{color:var(--muted);font-size:.86rem}
.link-card .ext{margin-left:auto}

/* ---------- หน้าแรก: ส่วนหัวฟ้า ---------- */
.hero{position:relative;color:var(--ink);background:linear-gradient(170deg,#d6eaf9 0%,#e7f3fc 46%,#f0f7fd 100%);padding:clamp(22px,3.4vw,54px) 0 clamp(104px,10vw,156px)}
.hero-grid{position:relative;z-index:3;display:grid;gap:clamp(22px,3vw,44px);grid-template-areas:"media" "intro"}
.hero-intro{grid-area:intro;min-width:0;align-self:center}
.hero-media{grid-area:media;min-width:0;animation:rise .8s var(--ease) .05s both}
@media (min-width:1200px){.hero-grid{grid-template-columns:minmax(0,1fr) minmax(290px,360px);grid-template-areas:"media intro";align-items:center;column-gap:clamp(28px,2.6vw,44px)}}
.hero-intro>*{animation:rise .7s var(--ease) both}
.hero-intro>:nth-child(2){animation-delay:.08s}
.hero-intro>:nth-child(3){animation-delay:.16s}
.hero-intro>:nth-child(4){animation-delay:.24s}
.hero-intro>:nth-child(5){animation-delay:.32s}
.hero-date{display:inline-flex;align-items:center;gap:8px;padding:4px 12px;border-radius:999px;background:rgba(255,255,255,.8);border:1px solid var(--line);font-size:.84rem;font-weight:500;color:var(--ink-2);box-shadow:var(--sh-1)}
.hero-date i{color:var(--sky-600)}
/* ข้อความต้อนรับ: มือถือขยายตามความกว้างจอให้เต็มพอดี 2 บรรทัด · จอใหญ่เต็มคอลัมน์ข้างแบนเนอร์ (กว้าง 360px) */
.hero-title{margin:12px 0 0;color:var(--primary);font-size:clamp(1.2rem,7vw - 2.24px,1.9rem);font-weight:800;line-height:1.38;text-wrap:balance}
@media (min-width:1200px){
  .hero-date{padding:5px 14px;font-size:.92rem}
  .hero-title{margin-top:16px;font-size:2.45rem;line-height:1.36}
}
.hero-text{max-width:46ch;color:var(--ink-2);font-size:clamp(1rem,.95rem + .3vw,1.15rem);line-height:1.7}
.hero-try{display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px;margin-top:12px;font-size:.84rem;color:var(--ink-2)}
.hero-try>span{margin-right:2px}
.hero-try a{padding:3px 12px;border-radius:999px;background:rgba(255,255,255,.85);border:1px solid var(--line);color:var(--link);line-height:1.6;text-decoration:none;transition:background-color .2s,color .2s,border-color .2s,transform .2s var(--ease)}
.hero-try a:hover{background:var(--sky-600);border-color:var(--sky-600);color:#fff;transform:translateY(-2px)}
.hero-try--light a{background:var(--surface)}
.hero-carousel{position:relative}
.hero-frame{position:relative;width:100%;aspect-ratio:var(--hero-ar,16/9);max-height:calc(100vh - 200px);overflow:hidden;border-radius:var(--r-xl);background:var(--primary-800);box-shadow:0 0 0 6px rgba(255,255,255,.85),var(--sh-3)}
.hero-frame .carousel-inner,.hero-frame .carousel-item{height:100%}
.hero-slide{position:absolute;inset:0;display:block;overflow:hidden}
.hero-bg{position:absolute;inset:-30px;width:calc(100% + 60px);max-width:none;height:calc(100% + 60px);object-fit:cover;filter:blur(26px) saturate(1.2) brightness(.75)}
.hero-img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}
.hero-controls{position:absolute;right:14px;bottom:14px;z-index:5;display:flex;align-items:center;gap:4px;padding:5px;border-radius:999px;background:rgba(15,35,62,.55);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
.hero-btn{width:36px;height:36px;display:grid;place-items:center;border:0;border-radius:50%;background:transparent;color:#fff;font-size:1rem;transition:background-color .2s}
.hero-btn:hover{background:rgba(255,255,255,.18)}
.carousel-indicators.hero-dots{position:static;display:flex;gap:6px;margin:0 6px;padding:0}
/* 3.45.0 จุดเลือกภาพ: พื้นที่กด 24 px (เกณฑ์ WCAG 2.5.8) แถบที่เห็นยังสูง 4 px เท่าเดิม (วาดด้วย ::before/::after ตรงกลางปุ่ม) */
.carousel-indicators.hero-dots [data-bs-target]{position:relative;flex:none;width:26px;height:24px;margin:0;padding:0;border:0;border-radius:4px;background:transparent;background-clip:border-box;opacity:1;text-indent:0;overflow:hidden;transition:width .3s var(--ease)}
.carousel-indicators.hero-dots [data-bs-target]::before{content:"";position:absolute;inset:10px 0;border-radius:4px;background:rgba(255,255,255,.38)}
.carousel-indicators.hero-dots [data-bs-target]::after{content:"";position:absolute;inset:10px 0;border-radius:4px;background:#fff;transform:scaleX(0);transform-origin:left}
.carousel-indicators.hero-dots .active{width:40px}
.carousel-indicators.hero-dots .active::after{transform:scaleX(1)}
.seg-run .hero-dots .active::after{animation:seg var(--hero-interval,6000ms) linear both}
.is-paused .hero-dots .active::after{animation-play-state:paused}
@keyframes seg{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@media (max-width:575.98px){
  .hero-controls{position:static;justify-content:center;margin-top:12px;padding:0;background:none;-webkit-backdrop-filter:none;backdrop-filter:none}
  .hero-btn{width:40px;height:40px;color:var(--primary)}
  .hero-btn:hover{background:rgba(255,255,255,.8)}
  .carousel-indicators.hero-dots [data-bs-target]::before{background:rgba(36,95,155,.22)}
  .carousel-indicators.hero-dots [data-bs-target]::after{background:var(--primary)}
}
.hero-vision{position:relative;padding:clamp(26px,4vw,48px);border-radius:var(--r-xl);background:rgba(255,255,255,.75);border:1px solid var(--line);box-shadow:var(--sh-2);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.hero-vision img{width:64px;height:64px;padding:3px;border-radius:50%;background:#fff;box-shadow:var(--sh-1)}
.hero-vision-k{margin-top:16px;font-weight:600;color:var(--teal-700)}
.hero-vision-t{margin-top:6px;font-weight:700;font-size:clamp(1.2rem,1rem + 1vw,1.75rem);line-height:1.55;color:var(--primary);text-wrap:balance}

/* ---------- หน้าแรก: ทางลัด ---------- */
.quick{position:relative;z-index:2;margin-top:calc(clamp(104px,10vw,156px) * -1 + 34px)}
.quick-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;list-style:none;margin:0;padding:0}
@media (min-width:720px){.quick-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}}
@media (min-width:1200px){.quick-grid{grid-template-columns:repeat(6,minmax(0,1fr))}}
.quick-grid>li{min-width:0}
.tile{--tile-c:var(--sky-600);--tile-bg:linear-gradient(135deg,#6cc0f0,var(--sky-600));position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:12px;height:100%;padding:18px 18px 16px;overflow:hidden;border:1px solid rgba(219,230,241,.9);border-radius:var(--r-lg);background:var(--surface);color:var(--ink);text-decoration:none;box-shadow:var(--sh-2);transition:transform .28s var(--ease),box-shadow .28s var(--ease)}
.tile::after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:var(--tile-c);transform:scaleX(0);transform-origin:left;transition:transform .35s var(--ease)}
.tile:hover{color:var(--ink);transform:translateY(-6px);box-shadow:var(--sh-3)}
.tile:hover::after{transform:scaleX(1)}
.tile--c2{--tile-c:var(--sky);--tile-bg:linear-gradient(135deg,#8fd3f7,var(--sky))}
.tile--c3{--tile-c:var(--primary);--tile-bg:linear-gradient(135deg,var(--sky-600),var(--primary))}
.tile-ic{flex:none;width:50px;height:50px;display:grid;place-items:center;border-radius:15px;background:var(--tile-bg);color:#fff;font-size:1.35rem;box-shadow:0 12px 20px -12px var(--tile-c);transition:transform .4s var(--ease)}
.tile:hover .tile-ic{transform:rotate(-8deg) scale(1.08)}
.tile-text{display:flex;flex-direction:column;gap:2px;min-width:0}
.tile-text strong{font-weight:700;font-size:1rem;line-height:1.45;color:var(--primary);text-wrap:balance}
.tile-text small{font-size:.83rem;line-height:1.5;color:var(--muted)}
.tile-go{position:absolute;right:16px;top:22px;color:var(--tile-c);opacity:0;transform:translateX(-8px);transition:opacity .25s,transform .25s var(--ease)}
.tile:hover .tile-go{opacity:1;transform:none}
@media (min-width:960px) and (max-width:1199.98px){
  .tile{flex-direction:row;align-items:center;padding-right:40px}
  .tile-go{top:50%;margin-top:-.6em}
}
@media (max-width:575.98px){
  .quick-grid{grid-template-columns:minmax(0,1fr);gap:10px}
  .tile{flex-direction:row;align-items:center;gap:14px;padding:13px 44px 13px 13px}
  .tile-ic{width:46px;height:46px;border-radius:14px;font-size:1.2rem}
  .tile-go{top:50%;right:16px;margin-top:-.6em;opacity:.8;transform:none}
}

/* ---------- หน้าแรก: ข่าว ---------- */
.news-sec{margin-top:clamp(48px,5.4vw,84px)}
.sec-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 20px;margin-bottom:22px}
.sec-more{display:inline-flex;align-items:center;gap:8px;padding:5px 5px 5px 16px;border:1px solid var(--line);border-radius:999px;background:var(--surface);color:var(--link);font-weight:600;font-size:.95rem;text-decoration:none;box-shadow:var(--sh-1);transition:border-color .2s,color .2s}
.sec-more:hover{border-color:var(--sky);color:var(--primary)}
.sec-count{padding:0 9px;border-radius:999px;background:var(--teal-50);color:var(--teal-700);font-size:.8rem;font-weight:700;line-height:1.7}
.sec-arrow{width:30px;height:30px;flex:none;display:grid;place-items:center;border-radius:50%;background:linear-gradient(135deg,var(--sky),var(--sky-600));color:#fff;font-size:.85rem;transition:transform .25s var(--ease)}
.sec-more:hover .sec-arrow{transform:translateX(3px)}
.news-mosaic{display:grid;gap:22px;list-style:none;margin:0;padding:0}
@media (max-width:559.98px){   /* มือถือ: เรียงข่าวลงมาทีละข่าว เต็มความกว้างจอ */
  .news-mosaic{grid-template-columns:minmax(0,1fr);gap:28px}
}
@media (min-width:560px){.news-mosaic{grid-template-columns:repeat(2,minmax(0,1fr))}.news-card--feature{grid-column:1 / -1}}
@media (min-width:768px){.news-mosaic{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px 22px}.news-card--feature{grid-column:span 2;grid-row:span 2}}
@media (min-width:1200px){.news-mosaic{grid-template-columns:repeat(4,minmax(0,1fr))}}
.news-card{position:relative;display:flex;flex-direction:column;min-width:0}
.news-thumb{position:relative;display:block;aspect-ratio:16/10;overflow:hidden;border-radius:var(--r-lg);background:linear-gradient(135deg,var(--sky-100),var(--sky-50))}
.news-thumb img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .6s var(--ease)}
.news-card:hover .news-thumb img{transform:scale(1.06)}
.news-thumb--empty{display:grid;place-items:center}
.news-thumb--empty img.is-logo{width:26%;height:auto;opacity:.55}
.news-date{position:absolute;left:12px;top:12px;z-index:1;display:inline-flex;align-items:center;gap:6px;padding:3px 12px;border-radius:999px;background:rgba(255,255,255,.94);color:var(--primary-800);font-weight:600;font-size:.8rem;line-height:1.6;box-shadow:0 6px 16px -8px rgba(15,35,62,.5)}
.news-new{display:inline-flex;align-items:center;padding:0 9px;border-radius:999px;background:var(--red);color:#fff;font-weight:700;font-size:.75rem;line-height:1.75;letter-spacing:.01em;box-shadow:0 0 0 0 rgba(212,42,60,.5);animation:pulse-new 2.4s ease-out infinite}
@keyframes pulse-new{70%{box-shadow:0 0 0 7px rgba(212,42,60,0)}100%{box-shadow:0 0 0 0 rgba(212,42,60,0)}}
.news-new--row{margin-left:6px;vertical-align:2px;animation:none}
.news-body{padding-top:12px}
.news-card-title{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;font-weight:600;font-size:1.02rem;line-height:1.55;color:var(--ink);text-decoration:none;transition:color .2s}
.news-card-title::after{content:"";position:absolute;inset:0;z-index:2}
.news-card:hover .news-card-title{color:var(--link)}
.news-meta{display:flex;flex-wrap:wrap;gap:4px 16px;margin-top:8px;font-size:.84rem;color:var(--muted)}
.news-meta i{margin-right:5px}
@media (min-width:560px){
  .news-card--feature{min-height:320px;overflow:hidden;isolation:isolate;border-radius:var(--r-lg);box-shadow:var(--sh-2)}
  .news-card--feature .news-thumb{position:absolute;inset:0;z-index:-1;aspect-ratio:auto;border-radius:0}
  .news-card--feature .news-body{margin-top:auto;padding:110px clamp(18px,2.4vw,32px) clamp(18px,2.4vw,28px);background:linear-gradient(180deg,rgba(15,35,62,0) 0%,rgba(15,35,62,.74) 42%,rgba(15,35,62,.94) 100%)}
  .news-card--feature .news-card-title{color:#fff;font-size:clamp(1.15rem,.9rem + .9vw,1.62rem);font-weight:700;line-height:1.5}
  .news-card--feature:hover .news-card-title{color:#fff;text-decoration:underline;text-decoration-thickness:2px}
  .news-card--feature .news-meta{color:#d9eaf8}
  .news-card--feature .news-date{left:18px;top:18px}
}

/* ---------- หน้าแรก: ผู้บริหาร ---------- */
.leaders{position:relative;margin-top:clamp(36px,4.4vw,64px);padding-block:clamp(36px,4.6vw,68px);overflow:hidden;background:linear-gradient(180deg,#e4f0fa 0%,#edf5fc 100%);border-block:1px solid var(--line)}
.leaders::before{content:"";position:absolute;width:620px;height:620px;right:-200px;top:-300px;border-radius:50%;background:radial-gradient(circle,rgba(80,167,222,.2),rgba(80,167,222,0) 66%)}
.leaders::after{content:"";position:absolute;width:440px;height:440px;left:-180px;bottom:-260px;border-radius:50%;background:radial-gradient(circle,rgba(80,167,222,.16),rgba(80,167,222,0) 66%)}
.leaders-inner{position:relative;z-index:1;display:grid;gap:clamp(24px,3vw,36px) clamp(32px,4vw,72px)}
.leaders-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px}
/* ผู้บริหารหน้าแรก: รูปขนาดเท่ากันทุกคน (3:4) · มือถือเรียงทีละคน · แท็บเล็ต 2 คน · จอใหญ่ 4 คน */
.people--home{display:grid;grid-template-columns:minmax(0,250px);justify-content:center;align-items:start;gap:30px clamp(16px,2.4vw,32px);list-style:none;margin:0;padding:0}
@media (min-width:576px){.people--home{grid-template-columns:repeat(2,minmax(0,232px))}}
@media (min-width:992px){.people--home{grid-template-columns:repeat(4,minmax(0,232px))}}
.photo--crop{display:block;width:100%;aspect-ratio:3/4;overflow:hidden}
.photo--crop img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 16%;border-radius:6px}
@media (min-width:1200px){
  .leaders-inner{grid-template-columns:minmax(200px,280px) minmax(0,1fr);align-items:center}
  .leaders-head{flex-direction:column;align-items:flex-start;gap:18px}
  .leaders-head h2{font-size:2.35rem}
}

/* ---------- หน้าแรก: ข้อมูลสารสนเทศด้านการศึกษา (ตัวเลขจาก KORAT EDU INFO) ---------- */
/* การ์ดกว้างเท่าส่วนอื่นของหน้า (อยู่ใน .wrap) มุมมนเท่าการ์ดประกาศและข่าวสาร */
.edu-info{margin-top:clamp(36px,4.4vw,64px)}
.edu-info-card{position:relative;overflow:hidden;padding:clamp(24px,3.6vw,56px) clamp(18px,3.6vw,56px);border-radius:var(--r-xl);background:linear-gradient(125deg,var(--primary-800) 0%,var(--primary) 58%,#2c70af 100%);color:#d9e8f6;box-shadow:var(--sh-2)}
.edu-info-card::before{content:"";position:absolute;width:680px;height:680px;right:-220px;top:-360px;border-radius:50%;background:radial-gradient(circle,rgba(80,167,222,.34),rgba(80,167,222,0) 66%);pointer-events:none}
.edu-info-card::after{content:"";position:absolute;inset:auto 0 0 0;height:46%;background:repeating-linear-gradient(90deg,rgba(255,255,255,.035) 0 1px,transparent 1px 64px);-webkit-mask:linear-gradient(transparent,#000);mask:linear-gradient(transparent,#000);pointer-events:none}
.edu-info-inner{position:relative;z-index:1;display:grid;gap:clamp(22px,3vw,32px) clamp(32px,4vw,72px)}
.edu-info-head{display:flex;flex-direction:column;align-items:flex-start;gap:14px;min-width:0}
.edu-info-head h2{position:relative;margin:0;padding-left:18px;color:#fff;font-size:clamp(1.4rem,1.1rem + 1vw,2rem);font-weight:800;line-height:1.35}
.edu-info-head h2::before{content:"";position:absolute;left:0;top:.18em;bottom:.18em;width:6px;border-radius:6px;background:linear-gradient(#a8dbfa,var(--sky))}
.edu-info-sub{color:#d9e8f6;font-size:1rem;line-height:1.7}
.edu-info-sub small{display:block;margin-top:2px;color:#a9c8e4;font-size:.86rem}
.edu-info-cta{display:flex;flex-direction:column;align-items:flex-start;gap:10px}
.edu-info-cta small{max-width:34ch;color:#a9c8e4;font-size:.8rem;line-height:1.55}
.edu-info-btn{display:inline-flex;align-items:center;gap:10px;padding:11px 20px;border-radius:999px;background:#fff;color:var(--primary);font-weight:700;line-height:1.5;text-decoration:none;box-shadow:0 14px 26px -14px rgba(5,20,40,.7);transition:background-color .2s,color .2s,transform .2s var(--ease)}
.edu-info-btn i{color:var(--sky-600);transition:transform .2s var(--ease),color .2s}
.edu-info-btn:hover{background:var(--sky-50);color:var(--primary-800);transform:translateY(-2px)}
.edu-info-btn:hover .btn-go{transform:translate(2px,-2px)}
.edu-info-btn:focus-visible{outline-color:#fff;outline-offset:3px}
/* ตัวเลข: แผงเดียวแบ่งช่องด้วยเส้นบาง (มือถือ 2×2 · แท็บเล็ตขึ้นไป 4 ช่อง) */
.edu-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin:0;padding:0;list-style:none;overflow:hidden;border:1px solid rgba(255,255,255,.16);border-radius:var(--r-lg);background:rgba(8,28,54,.22);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}
.edu-stat{--ic:#a8dbfa;--ic-bg:rgba(80,167,222,.2);display:flex;flex-direction:column;gap:6px;min-width:0;padding:clamp(18px,2.2vw,30px) clamp(14px,2vw,28px);box-shadow:-1px -1px 0 rgba(255,255,255,.14)}
.edu-stat--learners{--ic:#f6c793;--ic-bg:rgba(246,170,90,.18)}
.edu-stat--teachers{--ic:#cdbbf3;--ic-bg:rgba(167,139,230,.2)}
.edu-stat--graduates{--ic:#86dccf;--ic-bg:rgba(60,190,170,.2)}
.edu-stat-ic{display:grid;place-items:center;width:42px;height:42px;margin-bottom:4px;border-radius:12px;background:var(--ic-bg);color:var(--ic);font-size:1.25rem}
.edu-stat-label{color:#d9e8f6;font-size:.95rem;font-weight:600;line-height:1.45}
.edu-stat-num{display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 8px;line-height:1.1}
.edu-stat-num b{color:#fff;font-size:clamp(1.55rem,1rem + 1.9vw,2.6rem);font-weight:800;letter-spacing:-.01em;font-variant-numeric:tabular-nums}
/* ขนาดตัวเลขตามความกว้างช่อง: ตัวเลขหลักแสนกับหน่วยอยู่บรรทัดเดียวกันได้ทุกขนาดจอ */
@supports (font-size:1cqi){.edu-stat{container-type:inline-size}.edu-stat-num b{font-size:clamp(1.4rem,21cqi,2.9rem)}}
.edu-stat-num small{color:#a9c8e4;font-size:.9rem;font-weight:500}
@media (min-width:768px){.edu-stats{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media (min-width:1200px){
  .edu-info-inner{grid-template-columns:minmax(220px,300px) minmax(0,1fr);grid-template-areas:"head stats" "cta stats";row-gap:24px}
  .edu-info-head{grid-area:head;align-self:end}
  .edu-stats{grid-area:stats;align-self:center}
  .edu-info-cta{grid-area:cta;align-self:start}
  .edu-info-head h2{font-size:2.15rem}
}
/* ยังดึงตัวเลขไม่ได้: แสดงหัวข้อกับปุ่มเป็นแถบเดียว */
@media (min-width:1200px){.edu-info--plain .edu-info-inner{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"head cta";align-items:center}.edu-info--plain .edu-info-head,.edu-info--plain .edu-info-cta{align-self:center}}
@media print{.edu-info-card{background:none;box-shadow:none;color:var(--ink)}.edu-info-head h2,.edu-stat-num b{color:var(--primary)}.edu-info-btn,.edu-info-card::before,.edu-info-card::after{display:none}}

/* ---------- หน้าแรก: ประกาศ (แท็บ) + ติดต่อ ---------- */
.home-duo{display:grid;gap:24px;margin-block:clamp(52px,6vw,96px) clamp(36px,4.4vw,64px)}
@media (min-width:1100px){.home-duo{grid-template-columns:minmax(0,1fr) minmax(300px,390px);align-items:start}.home-duo>.contact-side{position:sticky;top:calc(var(--nav-h) + 24px)}}
.board{min-width:0;padding:clamp(18px,2.4vw,32px);background:var(--surface);border:1px solid var(--line);border-radius:var(--r-xl);box-shadow:var(--sh-1)}
.board-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px 20px;margin-bottom:14px}
.board-tabs{position:relative;display:flex;gap:2px;max-width:100%;padding:4px;overflow-x:auto;border:1px solid var(--line-soft);border-radius:999px;background:var(--bg);scrollbar-width:none}
.board-tabs::-webkit-scrollbar{display:none}
.board-tabs [role="tab"]{position:relative;z-index:1;flex:none;display:inline-flex;align-items:center;gap:8px;height:40px;padding:0 15px;border:0;border-radius:999px;background:none;color:var(--ink-2);font:inherit;font-weight:600;font-size:.92rem;white-space:nowrap;cursor:pointer;transition:color .25s}
.board-tabs [role="tab"]:hover{color:var(--link)}
.board-tabs [aria-selected="true"],.board-tabs [aria-selected="true"]:hover{color:#fff}
.board-tabs [aria-selected="true"] .tab-count{background:#fff;color:var(--primary)}
.tab-ink{position:absolute;z-index:0;top:4px;bottom:4px;left:0;width:0;border-radius:999px;background:linear-gradient(135deg,#2f7dbd,var(--primary));box-shadow:0 8px 16px -10px rgba(36,95,155,.9);transition:transform .38s var(--ease),width .38s var(--ease)}
html:not(.js) .board-tabs{display:none}
.board-panel-title{margin:18px 0 4px;font-size:1.05rem}
.js .board-panel-title{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
.js .board-panel:not([hidden]){animation:fade .35s var(--ease)}
.board-more{display:inline-flex;align-items:center;gap:8px;margin-top:10px;font-weight:600;font-size:.95rem;text-decoration:none}
.board-more i{transition:transform .2s var(--ease)}
.board-more:hover i{transform:translateX(4px)}
.contact-side{position:relative;overflow:hidden;align-self:start;padding:clamp(22px,2.6vw,30px);border:1px solid var(--line);border-radius:var(--r-xl);color:var(--ink);background:linear-gradient(160deg,#fff 0%,var(--sky-50) 100%);box-shadow:var(--sh-1)}
.contact-side::before{content:"";position:absolute;width:320px;height:320px;right:-130px;top:-150px;border-radius:50%;background:radial-gradient(circle,rgba(80,167,222,.3),transparent 66%)}
.contact-side>*{position:relative}
.contact-side h2{margin:0 0 10px;font-size:1.35rem;font-weight:800}
.side-contacts{list-style:none;margin:0;padding:0}
.side-contacts a{display:flex;align-items:center;gap:12px;margin:0 -10px;padding:10px;border-radius:16px;color:var(--ink);text-decoration:none;transition:background-color .2s}
.side-contacts a:hover{background:rgba(255,255,255,.9);color:var(--ink);box-shadow:var(--sh-1)}
.side-ic{width:44px;height:44px;flex:none;display:grid;place-items:center;border-radius:14px;background:linear-gradient(135deg,#6cc0f0,var(--sky-600));color:#fff;font-size:1.1rem;box-shadow:0 10px 18px -10px rgba(43,135,200,.9);transition:transform .3s var(--ease)}
.side-ic--fb{background:linear-gradient(135deg,#4a95f5,#1877f2)}
.side-contacts a:hover .side-ic{transform:scale(1.08) rotate(-6deg)}
.side-contacts small{display:block;font-size:.8rem;line-height:1.4;color:var(--muted)}
.side-contacts strong{display:block;font-weight:700;line-height:1.45;color:var(--primary);overflow-wrap:break-word}
@media (max-width:359.98px){.side-contacts strong{font-size:.94rem}}
.side-complaint{margin-top:16px;padding-top:16px;border-top:1px solid var(--line)}
.side-complaint h3{display:flex;align-items:center;gap:8px;margin:0 0 6px;font-size:1rem;color:var(--ink)}
.side-complaint h3 i{color:var(--teal)}
.side-complaint ul{list-style:none;margin:0;padding:0}
.side-complaint-link{display:flex;align-items:baseline;gap:6px;padding:5px 0;color:var(--link);font-size:.95rem;text-decoration:none}
.side-complaint-link:hover{color:var(--primary);text-decoration:underline}
.contact-side .btn-main{margin-top:20px}

/* ---------- รายการข่าว ---------- */
.news-rows{list-style:none;margin:0;padding:0}
.news-row{position:relative;display:grid;grid-template-columns:62px minmax(0,1fr);gap:16px;align-items:start;margin:0 -12px;padding:14px 12px;border-radius:var(--r);transition:background-color .2s}
.news-rows>li+li{border-top:1px solid var(--line-soft)}
.news-row:hover{background:var(--sky-50)}
.date-chip{width:62px;height:62px;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:16px;background:linear-gradient(160deg,var(--sky-50),var(--sky-100));color:var(--primary-800);line-height:1.15;text-align:center;transition:background .25s,color .25s}
.news-row:hover .date-chip{background:linear-gradient(160deg,var(--sky-600),var(--primary));color:#fff}
.date-chip .d{font-size:1.35rem;font-weight:800}
.date-chip .my{margin-top:2px;font-size:.75rem;font-weight:600}   /* 3.45.0 อย่างน้อย 12 px (เดิม 10.9 px) */
.date-chip--none{font-size:1.3rem}
.news-row-title{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;font-weight:600;font-size:.99rem;line-height:1.55;color:var(--ink);text-decoration:none}
.news-row-title::after{content:"";position:absolute;inset:0}
.news-row:hover .news-row-title{color:var(--link)}
.news-row-desc{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;margin-top:4px;font-size:.93rem;line-height:1.65;color:var(--ink-2)}
.news-row .news-meta{margin-top:4px}
.news-rows--page{padding:6px clamp(16px,2.4vw,28px)}
.empty-state{display:flex;align-items:center;gap:10px;padding:18px 0;color:var(--muted)}
.page-news .content{max-width:1120px}
.tabs ul{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:0 0 22px;padding:0}
@media (max-width:640px){.tabs li{flex:1 1 auto}.tabs a{width:100%;justify-content:center;padding:4px 12px}}
@media (max-width:575.98px){
  .tab-pre{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
  .board-tabs{flex:1 1 100%}
  .board-tabs [role="tab"]{flex:1 1 auto;justify-content:center;padding:0 12px}
}
.tabs a{display:inline-flex;align-items:center;gap:8px;min-height:42px;padding:4px 16px;border:1px solid var(--line);border-radius:999px;background:var(--surface);color:var(--ink-2);font-weight:600;font-size:.93rem;white-space:nowrap;text-decoration:none;transition:background-color .2s,color .2s,border-color .2s}
.tabs a:hover{border-color:var(--sky);color:var(--link)}
.tabs a[aria-current="page"]{background:var(--primary);border-color:var(--primary);color:#fff;box-shadow:0 10px 18px -12px rgba(36,95,155,.9)}
.tab-count{padding:0 8px;border-radius:999px;background:var(--sky-50);color:var(--primary);font-size:.78rem;font-weight:700;line-height:1.7}
.tabs a[aria-current="page"] .tab-count{background:#fff;color:var(--primary)}
/* หน้าข่าวทั้งหมด: แท็บหมวด + ช่องค้นหาข่าว (จอกว้างอยู่แถวเดียวกัน · มือถือช่องค้นหาอยู่ใต้แท็บ เต็มความกว้าง) */
.news-tools{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px 20px;margin-bottom:22px}
.news-tools .tabs{flex:1 1 auto;min-width:0}
.news-tools .tabs ul{margin:0}
.news-search{flex:0 1 340px;min-width:min(100%,240px)}
.news-search .doc-filter{display:block;max-width:none}
.news-read{max-width:1100px}
.news-read-top{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:clamp(20px,3vw,36px);align-items:start;margin-bottom:clamp(28px,3.6vw,44px)}
.news-read-top--plain{grid-template-columns:minmax(0,1fr)}
.news-read-cover{display:block;aspect-ratio:16/10;overflow:hidden;border-radius:var(--r-lg);background:linear-gradient(135deg,var(--sky-100),var(--sky-50));box-shadow:var(--sh-1)}
.news-read-cover img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .6s var(--ease)}
.news-read-cover:hover img{transform:scale(1.03)}
.news-read-chips{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 12px}
.news-read-grp{display:inline-flex;align-items:center;padding:2px 12px;border-radius:999px;background:var(--sky-50);border:1px solid var(--line);color:var(--primary-800);font-weight:600;font-size:.84rem}
.news-read-text{max-width:74ch;font-size:1.04rem;line-height:1.9;color:var(--ink-2);overflow-wrap:anywhere}
.news-read-info .news-meta{margin-top:14px}
.news-file .doc-meta i{margin-right:5px;color:#c2410c}
.file-btn--dl{--fc:var(--ink-2)}
.news-read-back{margin-top:24px}
.news-read-back a{display:inline-flex;align-items:center;gap:8px;font-weight:600;text-decoration:none}
@media (max-width:760px){.news-read-top{grid-template-columns:minmax(0,1fr)}}
.news-search input[type="search"]::-webkit-search-cancel-button{cursor:pointer}
.news-status{margin:-6px 0 14px;font-size:.92rem;font-weight:600;color:var(--teal-700)}
.news-status:empty{margin:0}
.news-results{transition:opacity .2s}
.news-results[aria-busy="true"]{opacity:.5}
.news-results .empty-state a{font-weight:600}
.news-row mark{padding:0 .08em}
@media (max-width:640px){.news-search{flex:1 1 100%}}
.pager ul{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;list-style:none;margin:28px 0 0;padding:0}
.pager a,.pager span{min-width:42px;height:42px;display:inline-flex;align-items:center;justify-content:center;padding:0 12px;border:1px solid var(--line);border-radius:999px;background:var(--surface);color:var(--ink-2);font-weight:600;font-variant-numeric:tabular-nums;text-decoration:none;transition:background-color .2s,color .2s,border-color .2s}
.pager a:hover{border-color:var(--sky);color:var(--link)}
.pager [aria-current="page"]{background:var(--primary);border-color:var(--primary);color:#fff}
.pager .gap{border-color:transparent;background:none}

/* ---------- ค้นหา ---------- */
.search-start{padding:8px 0 20px}
.search-lead{color:var(--ink-2)}
.search-summary{margin-bottom:16px;font-size:1.02rem;color:var(--ink-2)}
.search-summary strong{color:var(--teal-700)}
.result-sec{margin-top:clamp(26px,3vw,38px)}
.result-pages{display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));list-style:none;margin:0;padding:0}
.result-pages a{display:flex;align-items:center;gap:12px;height:100%;padding:14px 16px;border:1px solid var(--line);border-radius:var(--r);background:var(--surface);color:var(--ink);font-weight:600;line-height:1.5;text-decoration:none;box-shadow:var(--sh-1);transition:transform .2s var(--ease),border-color .2s,color .2s}
.result-pages a:hover{border-color:var(--sky);color:var(--link);transform:translateY(-2px)}
.result-trail{display:block;font-weight:500;font-size:.8rem;line-height:1.5;color:var(--muted)}
.result-pages i{width:36px;height:36px;flex:none;display:grid;place-items:center;border-radius:10px;background:var(--sky-50);color:var(--sky-600)}
.result-people{display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));list-style:none;margin:0;padding:0}
.result-people a{display:flex;align-items:center;gap:14px;height:100%;padding:12px 14px;border:1px solid var(--line);border-radius:var(--r);background:var(--surface);color:var(--ink);text-decoration:none;box-shadow:var(--sh-1);transition:border-color .2s,transform .2s var(--ease)}
.result-people a:hover{border-color:var(--sky);transform:translateY(-2px)}
.result-photo{width:58px;flex:none;display:flex;justify-content:center}
.result-photo .photo{border-width:4px;border-radius:10px}               /* ภาพเล็ก: กรอบขาวบางลงตามขนาดภาพ */
.result-photo .photo--empty{width:58px;font-size:1.5rem}
.result-people strong{display:block;font-weight:700;line-height:1.45}
.result-people small{display:block;font-size:.86rem;line-height:1.5;color:var(--muted)}
.result-people .result-where{margin-top:2px;color:var(--link)}

/* ---------- ไม่พบหน้า ---------- */
.notfound{padding-block:clamp(56px,9vw,120px);text-align:center}
.notfound-code{font-weight:800;font-size:clamp(4rem,2rem + 8vw,8rem);line-height:1;color:var(--primary);text-shadow:6px 6px 0 var(--sky-100)}
.notfound h1{margin:14px 0 10px;font-size:clamp(1.5rem,1.2rem + 1.2vw,2.1rem)}
.notfound-text{color:var(--ink-2)}
.notfound .btn-main{margin-top:22px}

/* ---------- ส่วนท้าย ---------- */
.site-footer{position:relative;margin-top:clamp(36px,4vw,56px);background:linear-gradient(170deg,var(--primary) 0%,var(--primary-700) 100%);color:#e3eef8;font-size:.95rem}
.site-footer::before{content:"";position:absolute;inset:0;background:radial-gradient(640px 320px at 88% 0%,rgba(80,167,222,.32),transparent 70%),radial-gradient(520px 280px at 0% 100%,rgba(10,127,116,.22),transparent 70%);pointer-events:none}
.footer-main{position:relative;display:grid;gap:32px;padding-block:clamp(36px,4.6vw,60px)}
@media (min-width:768px){.footer-main{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:1200px){.footer-main{grid-template-columns:minmax(0,1.7fr) repeat(3,minmax(0,1fr))}}
.footer-brand{display:flex;align-items:flex-start;gap:14px}
.footer-brand img{flex:none;width:54px;height:54px;padding:2px;border-radius:50%;background:#fff;object-fit:contain}
.footer-name{font-weight:700;font-size:1.1rem;line-height:1.45;color:#fff}
.footer-en{font-size:.82rem;color:#cfe3f3}
.footer-addr{margin-top:10px;max-width:40ch;line-height:1.75}
.footer-col h2{margin:0 0 12px;font-size:1rem;font-weight:700;color:#fff}
.footer-list{display:grid;gap:7px;list-style:none;margin:0;padding:0}
.footer-list li{display:flex;align-items:baseline;gap:10px}
.footer-list i{color:#9fd3f4}
.site-footer a{color:#e3edf7;text-decoration:none;transition:color .15s}
.site-footer a:hover{color:#fff;text-decoration:underline}
.footer-bottom{position:relative;background:rgba(14,43,71,.28);border-top:1px solid rgba(255,255,255,.12)}
.footer-bottom-inner{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 24px;padding-block:16px;font-size:.86rem;color:#d6e7f6}
.foot-legal{display:flex;flex-wrap:wrap;gap:4px 18px;list-style:none;margin:0;padding:0}
.foot-legal a{padding-block:2px;color:#d6e7f6;text-decoration:underline;text-decoration-color:rgba(214,231,246,.4);text-underline-offset:.25em}
.foot-legal a:hover{color:#fff;text-decoration-color:#fff}
.stats{display:flex;flex-wrap:wrap;gap:4px 22px;list-style:none;margin:0;padding:0}
.stats li{display:inline-flex;align-items:center;gap:7px}
.stats i{color:#9fd3f4}
.stats b{font-weight:700;color:#fff;font-variant-numeric:tabular-nums}
.live-dot{width:8px;height:8px;border-radius:50%;background:#3ddc97;box-shadow:0 0 0 0 rgba(61,220,151,.55);animation:pulse 2s ease-out infinite}
@keyframes pulse{70%{box-shadow:0 0 0 8px rgba(61,220,151,0)}100%{box-shadow:0 0 0 0 rgba(61,220,151,0)}}

/* ---------- ตัวช่วยการเข้าถึง (ปุ่มรูปคนที่ส่วนหัว) ----------
   ค่าที่ผู้ชมเลือกเก็บใน localStorage "nm_a11y" และใส่เป็นคลาสที่ <html> ตั้งแต่ก่อนแสดงหน้า:
   a11y-fs1..3 ขนาดตัวอักษร · a11y-hc ตัวอักษรเข้ม · a11y-dark พื้นดำตัวอักษรเหลือง · a11y-gs ขาวดำ
   a11y-sp เพิ่มระยะห่างข้อความ · a11y-ul ขีดเส้นใต้ลิงก์ · a11y-nm หยุดภาพเคลื่อนไหว */
html:not(.js) .a11y-btn{display:none}
.a11y-btn{position:relative}
.a11y-btn i{font-size:1.25rem}
.a11y-btn[aria-expanded="true"]{border-color:var(--primary);background:var(--primary);color:#fff}
.a11y-btn.is-on::after{content:"";position:absolute;top:2px;right:2px;width:10px;height:10px;border:2px solid var(--surface);border-radius:50%;background:var(--teal)}
/* ---------- โหมดหน้าจอ (ปุ่มถัดจากตัวช่วยการเข้าถึง) ---------- */
html:not(.js) .view-btn{display:none}
.view-btn{position:relative}
.view-btn .view-ic i{display:none;font-size:1.15rem}
html[data-view="desktop"] .view-ic-desktop,html[data-view="tablet"] .view-ic-tablet,html[data-view="mobile"] .view-ic-mobile{display:block}
.view-btn[aria-expanded="true"]{border-color:var(--primary);background:var(--primary);color:#fff}
.view-btn.is-on::after{content:"";position:absolute;top:2px;right:2px;width:10px;height:10px;border:2px solid var(--surface);border-radius:50%;background:var(--teal)}
.view-panel{width:min(380px,calc(100vw - 24px))}
.view-note{margin:0 0 10px;font-size:.88rem;line-height:1.6;color:var(--muted)}
.view-seg .a11y-opt{gap:2px;padding:10px 6px}
.view-seg .a11y-opt i{font-size:1.45rem;margin-bottom:2px}
.view-seg .a11y-opt small{font-weight:500;font-size:.74rem;opacity:.8}
.view-seg .view-native{display:inline-block;margin-top:3px;padding:0 7px;border-radius:999px;background:var(--teal-50);color:var(--teal-700);font-weight:700;opacity:1}
.view-seg .view-native[hidden]{display:none}
.view-foot{margin:0;padding-top:10px;border-top:1px solid var(--line-soft);font-size:.86rem;line-height:1.6;color:var(--ink-2)}
@media (max-width:575.98px){.brand-en{display:none}.menu-btn span{display:none}.menu-btn{width:44px;justify-content:center;padding:0}}
@media (max-width:374.98px){.masthead .search-btn{display:none}}   /* จอแคบมาก: ช่องค้นหาอยู่ในเมนู */
@media (max-width:359.98px){.brand .brand-th{font-size:.86rem}}
@media (max-width:575.98px){.masthead-inner{gap:8px}.masthead-tools{gap:4px}.masthead-tools .icon-btn,.masthead-tools .menu-btn{width:40px;height:40px}.brand{gap:8px}.brand-logo{width:40px;height:40px}.brand-th{font-size:.92rem;line-height:1.3}}
/* กรอบแสดงหน้าเว็บตามโหมดที่เลือก */
html.vp-stage,html.vp-stage body{height:100%;overflow:hidden}
html.vp-stage body>:not(.vp-stage-wrap){display:none!important}
.vp-stage-wrap{position:fixed;inset:0;z-index:2000;display:flex;flex-direction:column;align-items:center;background:linear-gradient(180deg,#dfeaf5,#c9d9ea)}
.vp-bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px 16px;width:100%;padding:8px 12px;background:var(--primary);color:#fff}
.vp-bar-t{margin:0;font-weight:600;font-size:.9rem}
.vp-seg{display:flex;gap:4px;padding:3px;border-radius:999px;background:rgba(255,255,255,.16)}
.vp-seg button{min-height:34px;padding:0 14px;border:0;border-radius:999px;background:none;color:#fff;font:inherit;font-size:.86rem;font-weight:600;cursor:pointer}
.vp-seg button:hover{background:rgba(255,255,255,.18)}
.vp-seg button[aria-pressed="true"]{background:#fff;color:var(--primary)}
.vp-seg button:focus-visible{outline:3px solid #ffd400;outline-offset:1px}
.vp-box{position:relative;margin-top:12px;overflow:hidden;border-radius:14px;background:#fff;box-shadow:0 24px 60px -24px rgba(15,35,62,.55),0 0 0 1px rgba(15,35,62,.12)}
.vp-mobile .vp-box{border-radius:28px;box-shadow:0 24px 60px -24px rgba(15,35,62,.55),0 0 0 10px #1c2836}
.vp-mobile .vp-box{margin-top:22px}
.vp-frame{display:block;border:0;transform-origin:0 0;background:#fff}
.a11y-panel{position:absolute;top:calc(100% + 8px);right:max(var(--gutter),calc((100% - var(--wrap)) / 2 + var(--gutter)));z-index:1050;width:min(400px,calc(100vw - 24px));max-height:calc(100dvh - 110px);overflow:auto;padding:16px 18px;border:1px solid var(--line);border-radius:var(--r-lg);background:var(--surface);color:var(--ink);box-shadow:var(--sh-3)}
@media (max-width:575.98px){.a11y-panel{right:12px;left:12px;width:auto}}
.a11y-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:6px}
.a11y-head h2{display:flex;align-items:center;gap:8px;margin:0;font-size:1.08rem;color:var(--primary)}
.a11y-head h2 i{color:var(--sky-600)}
.a11y-x{display:grid;place-items:center;width:40px;height:40px;padding:0;border:0;border-radius:50%;background:none;color:var(--muted);font-size:1.05rem;cursor:pointer}
.a11y-x:hover{background:var(--bg);color:var(--ink)}
.a11y-sec{padding:12px 0;border-top:1px solid var(--line-soft)}
.a11y-label{display:block;margin-bottom:8px;font-size:.9rem;font-weight:700;color:var(--ink-2)}
.a11y-fs{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:8px}
.a11y-fs output{text-align:center;font-size:1.05rem;font-weight:700;font-variant-numeric:tabular-nums;color:var(--primary)}
.a11y-opt{display:flex;align-items:center;gap:8px;min-height:44px;padding:8px 12px;border:1px solid var(--line);border-radius:12px;background:var(--surface);color:var(--ink-2);font:inherit;font-size:.9rem;font-weight:600;line-height:1.35;text-align:left;cursor:pointer;transition:background-color .15s,border-color .15s,color .15s}
.a11y-opt:hover{border-color:var(--sky-600);color:var(--primary)}
.a11y-opt i{flex:none;font-size:1.1rem;color:var(--sky-600)}
.a11y-opt[aria-pressed="true"]{border-color:var(--primary);background:var(--primary);color:#fff}
.a11y-opt[aria-pressed="true"] i{color:#fff}
.a11y-opt:disabled{opacity:.45;cursor:default}
.a11y-fs .a11y-opt{justify-content:center;min-width:64px;font-size:1rem}
.a11y-seg{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
.a11y-seg .a11y-opt{flex-direction:column;justify-content:center;gap:4px;padding:8px 6px;text-align:center;font-size:.84rem}
.a11y-swatch{display:grid;place-items:center;width:30px;height:22px;border:1px solid var(--line);border-radius:6px;background:#fff;color:#263648;font-size:.8rem;font-weight:700}
.a11y-swatch--hc{background:#fff;color:#000;border-color:#000}
.a11y-swatch--dark{background:#000;color:#ffeb3b;border-color:#000}
.a11y-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
.a11y-foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 12px;padding-top:12px;border-top:1px solid var(--line-soft);font-size:.88rem}
.a11y-foot .a11y-opt{min-height:40px}
.a11y-foot a{font-weight:600}

/* ขนาดตัวอักษร (ทั้งหน้าใช้หน่วย rem จึงขยายตามกันหมด) */
html.a11y-fs1{font-size:112.5%}
html.a11y-fs2{font-size:125%}
html.a11y-fs3{font-size:150%}

/* ตัวอักษรเข้ม: สีข้อความ ลิงก์ และเส้นขอบเข้มขึ้นบนพื้นสว่าง */
html.a11y-hc{--ink:#0b1622;--ink-2:#0b1622;--muted:#22364a;--muted-raw:#22364a;--link:#003c78;--line:#6f8aa3;--line-soft:#9fb3c6;--sky-600:#0b5690;--primary:#0f3964;--primary-800:#0a2a4b;--teal:#05584e;--teal-700:#044940}
html.a11y-hc .site-footer,html.a11y-hc .site-footer a,html.a11y-hc .footer-bottom-inner,html.a11y-hc .foot-legal a,
html.a11y-hc .edu-info-card,html.a11y-hc .edu-info-sub,html.a11y-hc .edu-info-sub small,html.a11y-hc .edu-info-cta small,
html.a11y-hc .edu-stat-label,html.a11y-hc .edu-stat-num small,html.a11y-hc .footer-list i,html.a11y-hc .stats i{color:#fff}
html.a11y-hc .site-footer,html.a11y-hc .edu-info-card{background:#0a2a4b}
html.a11y-hc :focus-visible{outline:3px solid #000;outline-offset:2px;box-shadow:0 0 0 6px #ffd400}

/* พื้นดำ ตัวอักษรเหลือง ลิงก์สีฟ้าอมเขียว (ภาพยังแสดงตามจริง) */
html.a11y-dark{color-scheme:dark;background:#000}
html.a11y-dark body,
html.a11y-dark body *:not(img):not(svg):not(svg *):not(video):not(iframe){background-color:#000!important;background-image:none!important;color:#ffeb3b!important;border-color:#ffeb3b!important;box-shadow:none!important;text-shadow:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
html.a11y-dark body *::before,html.a11y-dark body *::after{background-image:none!important;box-shadow:none!important}
html.a11y-dark a,html.a11y-dark a *{color:#6ff!important}
html.a11y-dark [aria-pressed="true"],html.a11y-dark [aria-current="page"],html.a11y-dark [aria-selected="true"],html.a11y-dark mark{background-color:#ffeb3b!important;color:#000!important}
html.a11y-dark .hero-dots [data-bs-target]::before{background-color:#000!important}
html.a11y-dark .hero-dots .active::before{background-color:#ffeb3b!important}
html.a11y-dark [aria-pressed="true"] *,html.a11y-dark [aria-current="page"] *,html.a11y-dark [aria-selected="true"] *{color:#000!important;background-color:transparent!important}
html.a11y-dark .switch:checked{background-color:#ffeb3b!important}
html.a11y-dark .switch::after{background:#ffeb3b}
html.a11y-dark .switch:checked::after{background:#000}
html.a11y-dark :focus-visible{outline:3px solid #6ff!important;outline-offset:3px}
html.a11y-dark .a11y-swatch--dark{background:#000!important;color:#ffeb3b!important}

/* ภาพขาวดำ */
html.a11y-gs{filter:grayscale(1)}

/* เพิ่มระยะห่างบรรทัด คำ และตัวอักษร (ตามเกณฑ์ WCAG 1.4.12) */
html.a11y-sp body{line-height:2}
html.a11y-sp :is(p,li,dt,dd,td,th,label,a,span,small,strong,b,h1,h2,h3,h4,blockquote,button,summary){line-height:1.9!important;letter-spacing:.04em!important;word-spacing:.16em!important}
html.a11y-sp :is(.article-p,.policy-p,.news-row-desc){margin-bottom:1.6em}

/* ขีดเส้นใต้ลิงก์ทุกจุด */
html.a11y-ul a{text-decoration:underline!important;text-decoration-thickness:2px!important;text-underline-offset:.22em!important}

/* ตัวอักษรใหญ่ (125% ขึ้นไป) บนจอคอม: ใช้ส่วนหัวแบบกะทัดรัด (ปุ่มค้นหา + ปุ่มเมนู) แทนแถบเมนูยาวที่จะล้นจอ */
@media (min-width:1200px){
  html.a11y-fs2 .mainnav,html.a11y-fs3 .mainnav,
  html.a11y-fs2 .masthead .search-form--head,html.a11y-fs3 .masthead .search-form--head,
  html.a11y-fs2 .masthead-contact,html.a11y-fs3 .masthead-contact{display:none}
  html.a11y-fs2 .search-btn,html.a11y-fs3 .search-btn{display:grid}
  html.a11y-fs2 .menu-btn,html.a11y-fs3 .menu-btn{display:inline-flex}
  html.a11y-fs2 .masthead,html.a11y-fs3 .masthead{position:sticky}
  html[class*="a11y-fs"] .hero-title{font-size:39px}   /* หัวข้อต้อนรับใหญ่อยู่แล้ว คงขนาดเดิมให้พอดีคอลัมน์ */
}
html.a11y-dark .brand[aria-current="page"],html.a11y-dark .brand[aria-current="page"] *{background-color:#000!important;color:#ffeb3b!important}

/* หยุดภาพเคลื่อนไหวทั้งหมด */
html.a11y-nm *,html.a11y-nm *::before,html.a11y-nm *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
html.a11y-nm .reveal-on [data-reveal]{opacity:1!important;transform:none!important}
@media print{.a11y-panel,.a11y-btn{display:none!important}}

/* ---------- คุกกี้ (PDPA): แถบแจ้ง · หน้าต่างตั้งค่า · หน้านโยบาย ---------- */
.cookie-bar{position:fixed;left:0;right:0;bottom:0;z-index:1040;background:var(--surface);border-top:1px solid var(--line);box-shadow:0 -18px 40px -24px rgba(24,63,107,.45);animation:cookie-up .45s var(--ease) both}
@keyframes cookie-up{from{transform:translateY(100%)}}
.cookie-bar-inner{position:relative;display:grid;align-items:center;gap:14px 40px;padding-block:22px;padding-right:calc(var(--gutter) + 40px)}
@media (min-width:992px){.cookie-bar-inner{grid-template-columns:minmax(0,1fr) auto}}
.cookie-bar-text{display:flex;align-items:flex-start;gap:16px;max-width:110ch}
.cookie-bar-text>i{flex:none;display:grid;place-items:center;width:46px;height:46px;border-radius:14px;background:var(--sky-50);color:var(--sky-600);font-size:1.4rem}
.cookie-bar-text p{font-size:.95rem;line-height:1.8;color:var(--ink-2)}
.cookie-bar-text a{font-weight:600;white-space:nowrap}
.cookie-bar-actions{display:flex;flex-wrap:wrap;gap:10px}
.btn-cookie{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:8px 22px;border:1px solid var(--primary);border-radius:999px;background:var(--primary);color:#fff;font:inherit;font-weight:600;font-size:.95rem;line-height:1.4;text-decoration:none;cursor:pointer;transition:background-color .2s,border-color .2s,color .2s}
.btn-cookie:hover{background:var(--primary-800);border-color:var(--primary-800);color:#fff}
.btn-cookie--ghost{background:var(--surface);border-color:var(--line);color:var(--primary)}
.btn-cookie--ghost:hover{background:var(--sky-50);border-color:var(--sky);color:var(--primary-800)}
.btn-cookie i{color:inherit}
.cookie-bar-close{position:absolute;top:10px;right:max(6px,calc(var(--gutter) - 14px));display:grid;place-items:center;width:40px;height:40px;padding:0;border:0;border-radius:50%;background:none;color:var(--muted);font-size:1.1rem;cursor:pointer;transition:background-color .2s,color .2s}
.cookie-bar-close:hover{background:var(--bg);color:var(--ink)}
@media (max-width:575.98px){
  /* 3.45.0 แถบเตี้ยลงบนมือถือ (เดิมสูงประมาณ 1 ใน 4 ของจอ) ปุ่มยังสูง 44 px */
  .cookie-bar-inner{gap:10px 40px;padding-block:12px}
  .cookie-bar-text>i{display:none}
  .cookie-bar-text p{font-size:.84rem;line-height:1.6}
  .cookie-bar-actions{gap:8px}
  .cookie-bar-actions .btn-cookie{flex:1 1 0;padding-inline:12px}
}
.has-cookie-bar .to-top,.has-cookie-bar .to-top.is-visible{opacity:0;visibility:hidden}
/* หน้าต่างตั้งค่าคุกกี้ */
.cookie-dlg{width:min(620px,calc(100vw - 24px));max-height:calc(100dvh - 24px);padding:0;border:0;border-radius:var(--r-xl);background:var(--surface);color:var(--ink);box-shadow:var(--sh-3)}
.cookie-dlg::backdrop{background:rgba(16,38,64,.52)}
.cookie-dlg[open]{display:flex}
.cookie-dlg-inner{display:flex;flex-direction:column;width:100%;max-height:calc(100dvh - 24px)}
.cookie-dlg-head{position:relative;padding:22px 64px 10px 26px}
.cookie-dlg-head h2{margin:0;font-size:1.3rem}
.cookie-dlg-x{top:14px;right:14px}
.cookie-dlg-body{overflow:auto;padding:0 26px 6px}
.cookie-dlg-body>p{margin-bottom:12px;font-size:.93rem;line-height:1.75;color:var(--ink-2)}
.cookie-cat{padding:14px 0;border-top:1px solid var(--line-soft)}
.cookie-cat-head{display:flex;align-items:center;justify-content:space-between;gap:16px}
.cookie-cat h3{margin:0;font-size:1rem;color:var(--primary)}
.cookie-cat h3 label{cursor:pointer}
.cookie-cat p{margin-top:4px;font-size:.89rem;line-height:1.7;color:var(--muted)}
.cookie-always{display:inline-flex;align-items:center;gap:6px;font-size:.84rem;font-weight:600;color:var(--teal-700);white-space:nowrap}
.switch{-webkit-appearance:none;appearance:none;flex:none;position:relative;width:50px;height:28px;margin:0;border-radius:999px;background:#c3d1df;cursor:pointer;transition:background-color .2s}
.switch::after{content:"";position:absolute;top:3px;left:3px;width:22px;height:22px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(16,38,64,.3);transition:transform .2s var(--ease)}
.switch:checked{background:var(--teal)}
.switch:checked::after{transform:translateX(22px)}
.switch:focus-visible{outline:3px solid var(--teal);outline-offset:3px}
.cookie-dlg-foot{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:10px;padding:14px 26px 22px;border-top:1px solid var(--line-soft)}
.cookie-dlg-foot>:first-child{margin-right:auto}
@media (max-width:575.98px){.cookie-dlg-foot .btn-cookie{flex:1 1 100%}.cookie-dlg-foot>:first-child{margin-right:0}}
/* หน้านโยบายคุกกี้ / นโยบายคุ้มครองข้อมูลส่วนบุคคล */
.policy{max-width:900px}
.policy-p{margin-bottom:1em;font-size:1.04rem;line-height:1.9}
.policy-h2{margin:clamp(28px,3.6vw,42px) 0 12px;font-size:clamp(1.15rem,1rem + .5vw,1.4rem)}
.policy-list{margin:0 0 1.1em;padding-left:1.4em;line-height:1.85}
.policy-list li+li{margin-top:.45em}
.policy-list li::marker{color:var(--sky-600)}
.policy-table{margin:4px 0 20px}
/* 3.44.0 ความกว้างขั้นต่ำเฉพาะจอที่แสดงเป็นตาราง (เดิมใช้ทุกจอ ทำให้มุมมองการ์ดบนมือถือกว้าง 680px เกินจอ) */
@media (min-width:576px){.policy-table .data-table{min-width:680px}}
@media (max-width:575.98px){
  .policy-table .data-table tr{padding-left:14px;row-gap:6px}
  .policy-table .data-table tbody th{flex-basis:100%}
  .policy-table code{white-space:normal;overflow-wrap:anywhere}
  .policy-table .data-table td:last-child{order:5;flex-basis:100%;margin-top:4px;font-size:.95rem;font-weight:700}
  .policy-table .data-table td:not(:last-child){max-width:100%;flex-wrap:wrap;line-height:1.55;border-radius:12px}
  .policy-table .data-table td:not(:last-child)::before{flex:none}
}
.policy-table .data-table th,.policy-table .data-table td{text-align:left;vertical-align:top;line-height:1.6}
.policy-table .data-table thead th{white-space:nowrap}
.policy-table code{font-size:.86rem;color:var(--primary-800);white-space:nowrap}
.policy-note{display:flex;gap:10px;margin:4px 0 18px;padding:14px 18px;border-left:4px solid var(--sky);border-radius:var(--r);background:var(--sky-50);font-size:.95rem;line-height:1.75}
.policy-note i{color:var(--sky-600);margin-top:3px}
.policy-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px;margin:4px 0 18px;scroll-margin-top:calc(var(--nav-h) + 24px)}
.policy-current{font-size:.92rem;font-weight:600;color:var(--teal-700)}
.policy-links{display:grid;gap:6px;list-style:none;margin:0 0 1em;padding:0}
.policy-links a{display:inline-flex;align-items:center;gap:8px;font-weight:600}
.policy-contact{max-width:620px;margin-bottom:1em;padding:18px 22px}
.policy-contact p{line-height:1.8}
.policy-contact ul{display:grid;grid-template-columns:minmax(0,1fr);gap:4px;list-style:none;margin:10px 0 0;padding:0}
.policy-contact li{display:flex;flex-wrap:wrap;align-items:center;gap:2px 8px}
.policy-contact a{overflow-wrap:anywhere}
.policy-contact i{color:var(--sky-600)}
.ext-ph-set{display:inline-flex;align-items:center;min-height:28px;font-size:.86rem}
@media print{.cookie-bar,.cookie-dlg{display:none!important}}

/* ---------- ปุ่มกลับขึ้นด้านบน ---------- */
.to-top{position:fixed;right:clamp(14px,2vw,26px);bottom:calc(clamp(14px,2vw,26px) + var(--lift,0px));z-index:1020;width:52px;height:52px;display:grid;place-items:center;border:0;border-radius:50%;background:var(--surface);color:var(--sky-600);box-shadow:var(--sh-2);cursor:pointer;opacity:0;visibility:hidden;transform:translateY(14px) scale(.9);transition:opacity .25s,transform .25s var(--ease),visibility 0s linear .25s}
.to-top.is-visible{opacity:1;visibility:visible;transform:none;transition:opacity .25s,transform .25s var(--ease),visibility 0s}
.to-top svg{position:absolute;inset:0;width:100%;height:100%;transform:rotate(-90deg)}
.to-top .ring-bg{fill:none;stroke:var(--line-soft);stroke-width:3}
.to-top .ring-fg{fill:none;stroke:var(--sky);stroke-width:3;stroke-linecap:round;stroke-dasharray:138.23;stroke-dashoffset:138.23}
.to-top i{position:relative;font-size:1.2rem;transition:transform .2s var(--ease)}
.to-top:hover i{transform:translateY(-3px)}

/* ---------- ภาพเคลื่อนไหวเมื่อเลื่อนถึง (หน้าแรก) ---------- */
.reveal-on [data-reveal]{opacity:0;transform:translateY(22px);transition:opacity .65s var(--ease),transform .65s var(--ease);transition-delay:calc(var(--i,0) * 70ms)}
.reveal-on [data-reveal].is-in{opacity:1;transform:none}

@media (prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;animation:none!important;scroll-behavior:auto!important}}
@media print{
  .reveal-on [data-reveal]{opacity:1!important;transform:none!important}
  .masthead-tools,.mainnav,.sidenav,.doc-tools,.jumpnav,.hero-controls,.footer-main,.skip,.drawer,.to-top,.sky,.wave{display:none!important}
  body{background:#fff}.masthead{position:static}
  .page-head,.hero{background:#fff;color:var(--ink)}.page-head-ic{display:none!important}
  .docs,.panel,.duties{border-color:#bbb;box-shadow:none}.file-btn{border-color:#bbb}
}

/* ---------- 3.46.0 หน้าข่าวย่อ (ข่าวที่ลิงก์ไปเว็บอื่น เช่น ข่าวกิจกรรมบน Facebook) ---------- */
.news-short-cover{margin:0}
.news-short-cover:hover img{transform:none}
.news-short-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px 16px;margin-top:22px}
.news-short-actions .copy-btn{margin-top:0;min-height:44px}
.news-ext-btn{display:inline-flex;align-items:center;gap:10px;min-height:52px;padding:10px 22px;border-radius:999px;background:var(--primary);color:#fff;font-weight:700;font-size:1.02rem;line-height:1.4;text-decoration:none;box-shadow:var(--sh-1);transition:background-color .2s,transform .2s,box-shadow .2s}
.news-ext-btn:hover,.news-ext-btn:focus-visible{background:var(--primary-700);color:#fff;transform:translateY(-1px);box-shadow:var(--sh-2)}
.news-ext-btn .bi{font-size:1.15em}
.news-ext-btn .btn-go{font-size:.9em;opacity:.85}
@media (max-width:575.98px){.news-ext-btn{width:100%;justify-content:center;text-align:center}}
html.a11y-dark .news-ext-btn{border:2px solid}
@media print{.news-short-actions{display:none}}