@import "https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Thai:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&family=IBM+Plex+Mono:wght@400;500;600&display=swap";:root{--color-blue:#2e7dd1;--color-amber:#f5a524;--color-ink:#16233a;--color-navy:#0f1e33;--color-mid:#94a3b8;--color-cool:#eef3fb;--color-canvas:#fff;--blue-50:#eaf2fb;--blue-100:#cfe0f5;--blue-200:#a6c6ec;--blue-300:#74a6e1;--blue-400:#4a8fd9;--blue-500:#2e7dd1;--blue-600:#2266b4;--blue-700:#1b5192;--blue-800:#163f70;--blue-900:#16335a;--amber-50:#fef6e7;--amber-100:#fce8be;--amber-200:#f9d488;--amber-300:#f7c053;--amber-400:#f6b138;--amber-500:#f5a524;--amber-600:#d9871a;--amber-700:#b36814;--amber-800:#8c4f12;--amber-900:#723f10;--neutral-0:#fff;--neutral-50:#f7f9fc;--neutral-100:#eef3fb;--neutral-200:#dde6f1;--neutral-300:#c4d2e4;--neutral-400:#a7b7ce;--neutral-500:#94a3b8;--neutral-600:#6b7a93;--neutral-700:#4a586e;--neutral-800:#2a374c;--neutral-900:#16233a;--navy-700:#1b2e49;--navy-800:#14243b;--navy-900:#0f1e33;--navy-950:#0a1626;--success-50:#e6f6ef;--success-500:#1f9d6b;--success-700:#157a51;--danger-50:#fcecec;--danger-500:#d64545;--danger-700:#ae3232;--warning-500:#c6841a;--surface-canvas:var(--neutral-0);--surface-soft:var(--neutral-100);--surface-card:var(--neutral-0);--surface-brand-soft:var(--blue-50);--surface-accent-soft:var(--amber-50);--surface-chrome:var(--navy-900);--text-primary:var(--neutral-900);--text-secondary:var(--neutral-700);--text-muted:var(--neutral-600);--text-inverse:var(--neutral-0);--text-brand:var(--blue-700);--text-accent:var(--amber-700);--text-link:var(--blue-600);--border-subtle:var(--neutral-200);--border-default:var(--neutral-300);--border-chrome:#ffffff1f;--divider:var(--neutral-200);--brand:var(--blue-500);--brand-hover:var(--blue-600);--brand-active:var(--blue-700);--accent:var(--amber-500);--accent-hover:var(--amber-600);--accent-active:var(--amber-700);--icon-default:var(--neutral-500);--icon-brand:var(--blue-500);--icon-accent:var(--amber-500);--focus-ring:var(--blue-500);--font-thai:"IBM Plex Sans Thai", system-ui, sans-serif;--font-latin:"Manrope", system-ui, sans-serif;--font-sans:"IBM Plex Sans Thai", "Manrope", system-ui, sans-serif;--font-display:"Manrope", "IBM Plex Sans Thai", system-ui, sans-serif;--font-mono:"IBM Plex Mono", ui-monospace, monospace;--weight-regular:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--weight-extra:800;--text-h1:44px;--text-h2:34px;--text-h3:26px;--text-h4:21px;--text-h5:18px;--text-h6:16px;--text-body-lg:18px;--text-body:16px;--text-sm:14px;--text-caption:13px;--leading-tight:1.15;--leading-snug:1.3;--leading-normal:1.5;--leading-relaxed:1.7;--tracking-tight:-.02em;--tracking-wide:.04em;--tracking-wider:.14em;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--space-20:80px;--radius-xs:4px;--radius-sm:8px;--radius-md:10px;--radius-lg:12px;--radius-xl:16px;--radius-pill:999px;--border-thin:1px;--border-medium:1.5px;--shadow-xs:0 1px 2px #0f1e330d;--shadow-sm:0 1px 3px #0f1e3312, 0 1px 2px #0f1e330a;--shadow-md:0 4px 14px #0f1e3314, 0 2px 4px #0f1e330a;--shadow-lg:0 14px 32px #0f1e331f, 0 4px 8px #0f1e330d;--shadow-focus:0 0 0 3px #2e7dd147;--container-max:1200px;--container-pad:24px;--touch-min:44px;--ease-standard:cubic-bezier(.2, 0, .1, 1);--dur-fast:.13s;--dur-normal:.2s;--dur-slow:.36s}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{font-family:var(--font-sans);font-size:var(--text-body);line-height:var(--leading-normal);color:var(--text-primary);background:var(--surface-canvas);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0}h1,h2,h3,h4,h5,h6{font-weight:var(--weight-bold);line-height:var(--leading-tight);letter-spacing:var(--tracking-tight);color:var(--text-primary);text-wrap:balance;margin:0}p{text-wrap:pretty;margin:0}a{color:var(--text-link);text-decoration:none}a:hover{color:var(--brand-hover)}img{max-width:100%;display:block}button{font-family:inherit}:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px;border-radius:var(--radius-xs)}.container{max-width:var(--container-max);padding:0 var(--container-pad);margin:0 auto}.eyebrow{font-family:var(--font-mono);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--text-brand);align-items:center;gap:8px;font-size:12px;font-weight:600;display:inline-flex}.eyebrow:before{content:"";background:var(--brand);border-radius:2px;width:18px;height:2px}.mono{font-family:var(--font-mono)}.btn{min-width:44px;height:44px;font-family:var(--font-sans);border-radius:var(--radius-md);cursor:pointer;white-space:nowrap;transition:background var(--dur-fast) var(--ease-standard), border-color var(--dur-fast) var(--ease-standard), transform var(--dur-fast) var(--ease-standard);border:1.5px solid #0000;justify-content:center;align-items:center;gap:8px;padding:0 22px;font-size:16px;font-weight:600;line-height:1;display:inline-flex}.btn:active{transform:scale(.97)}.btn-primary{background:var(--accent);color:#fff;border-color:var(--accent)}.btn-primary:hover{background:var(--accent-hover);border-color:var(--accent-hover);color:#fff}.btn-secondary{color:var(--blue-700);border-color:var(--brand);background:0 0}.btn-secondary:hover{background:var(--blue-50);border-color:var(--brand-hover)}.btn-sm{border-radius:var(--radius-sm);height:38px;padding:0 16px;font-size:14px}.btn-lg{height:52px;padding:0 30px;font-size:18px}.btn-ghost-chrome{color:#fff;border-color:var(--border-chrome);background:#ffffff14}.btn-ghost-chrome:hover{color:#fff;background:#ffffff29}.grid-feed{grid-template-columns:repeat(auto-fill,minmax(236px,1fr));gap:22px;display:grid}.section{padding:var(--space-16) 0}.prose{color:var(--neutral-800);font-size:18px;line-height:1.75}.prose>*+*{margin-top:20px}.prose h2{color:var(--text-primary);margin-top:40px;font-size:24px;line-height:1.3}.prose h3{color:var(--text-primary);margin-top:30px;font-size:20px}.prose a{color:var(--text-link);text-underline-offset:2px;text-decoration:underline}.prose strong{color:var(--text-primary);font-weight:600}.prose ul,.prose ol{padding-left:24px}.prose li+li{margin-top:8px}.prose ul li::marker{color:var(--brand)}.section-sm{padding:var(--space-10) 0}.section-md{padding:var(--space-16) 0}.section-lg{padding:var(--space-20) 0}.section-tint{background:var(--surface-soft)}.section-brand-tint{background:var(--blue-50)}.stack-6>*+*{margin-top:var(--space-6)}.stack-8>*+*{margin-top:var(--space-8)}.tile-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px;display:grid}.grid-spotlight{grid-template-columns:repeat(4,1fr);gap:22px;display:grid}.grid-trending{grid-template-columns:repeat(5,1fr);gap:18px;display:grid}.grid-articles{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}@media (max-width:1040px){.grid-spotlight{grid-template-columns:repeat(2,1fr)}.grid-trending{grid-template-columns:repeat(3,1fr)}.grid-articles{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.grid-spotlight,.grid-trending,.grid-articles{grid-template-columns:1fr 1fr;gap:14px}.grid-articles{grid-template-columns:1fr}}.skeleton{background:var(--neutral-100);position:relative;overflow:hidden}.skeleton:after{content:"";animation:og-shimmer 1.4s var(--ease-standard) infinite;background:linear-gradient(100deg,#fff0 20%,#ffffffa6 50%,#fff0 80%);position:absolute;top:0;bottom:0;left:0;right:0;transform:translate(-100%)}@keyframes og-shimmer{to{transform:translate(100%)}}.affiliate-note{color:var(--text-muted);align-items:center;gap:6px;font-size:12px;display:inline-flex}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.skeleton:after{animation:none}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}.logo[data-astro-cid-f7espo7c]{align-items:center;gap:10px;display:inline-flex}.wordmark[data-astro-cid-f7espo7c]{flex-direction:column;line-height:1;display:flex}.word[data-astro-cid-f7espo7c]{font-family:var(--font-thai);font-size:22px;font-weight:700}.sub[data-astro-cid-f7espo7c]{font-family:var(--font-mono);letter-spacing:.15em;margin-top:4px;font-size:9px;font-weight:600}.nav[data-astro-cid-c75fxstf]{z-index:40;background:var(--navy-900);border-bottom:1px solid var(--border-chrome);position:sticky;top:0}.inner[data-astro-cid-c75fxstf]{align-items:center;gap:24px;height:68px;display:flex}.links[data-astro-cid-c75fxstf]{flex:1;align-items:center;gap:4px;margin-left:12px;display:flex}.links[data-astro-cid-c75fxstf] .link[data-astro-cid-c75fxstf]{color:#ffffffd1;border-radius:var(--radius-sm);height:40px;transition:color var(--dur-fast) var(--ease-standard), background var(--dur-fast) var(--ease-standard);align-items:center;padding:0 12px;font-size:15px;font-weight:500;display:inline-flex}.links[data-astro-cid-c75fxstf] .link[data-astro-cid-c75fxstf]:hover{color:#fff;background:#ffffff0f}.mega-wrap[data-astro-cid-c75fxstf]{position:static}.mega-trigger[data-astro-cid-c75fxstf]{color:#ffffffd1;border-radius:var(--radius-sm);cursor:pointer;height:40px;transition:color var(--dur-fast) var(--ease-standard), background var(--dur-fast) var(--ease-standard);background:0 0;border:none;align-items:center;gap:6px;padding:0 12px;font-family:inherit;font-size:15px;font-weight:500;display:inline-flex}.mega-trigger[data-astro-cid-c75fxstf]:hover,[data-astro-cid-c75fxstf][data-mega].open .mega-trigger[data-astro-cid-c75fxstf]{color:#fff;background:#ffffff0f}.mega-trigger[data-astro-cid-c75fxstf] .caret[data-astro-cid-c75fxstf]{transition:transform var(--dur-normal) var(--ease-standard)}[data-astro-cid-c75fxstf][data-mega].open .mega-trigger[data-astro-cid-c75fxstf] .caret[data-astro-cid-c75fxstf]{transform:rotate(180deg)}.mega-panel[data-astro-cid-c75fxstf]{background:var(--surface-canvas);border-bottom:1px solid var(--border-subtle);box-shadow:var(--shadow-lg);opacity:0;visibility:hidden;transition:opacity var(--dur-normal) var(--ease-standard), transform var(--dur-normal) var(--ease-standard), visibility var(--dur-normal);position:absolute;top:100%;left:0;right:0;transform:translateY(-8px)}[data-astro-cid-c75fxstf][data-mega].open .mega-panel[data-astro-cid-c75fxstf]{opacity:1;visibility:visible;transform:translateY(0)}.mega-cols[data-astro-cid-c75fxstf]{max-width:var(--container-max);padding:28px var(--container-pad) 8px;grid-template-columns:repeat(3,1fr);gap:32px;margin:0 auto;display:grid}.mega-head[data-astro-cid-c75fxstf]{border-bottom:1px solid var(--border-subtle);color:var(--text-primary);justify-content:space-between;align-items:baseline;gap:8px;margin-bottom:8px;padding-bottom:10px;font-size:15px;font-weight:700;display:flex}.mega-head[data-astro-cid-c75fxstf]:hover{color:var(--brand)}.mega-head-count[data-astro-cid-c75fxstf]{font-family:var(--font-mono);color:var(--text-muted);font-size:11px;font-weight:600}.mega-list[data-astro-cid-c75fxstf]{margin:0;padding:0;list-style:none}.mega-list[data-astro-cid-c75fxstf] a[data-astro-cid-c75fxstf]{border-radius:var(--radius-sm);color:var(--text-muted);transition:background var(--dur-fast) var(--ease-standard), color var(--dur-fast) var(--ease-standard);justify-content:space-between;align-items:center;gap:8px;margin:0 -8px;padding:7px 8px;font-size:13px;display:flex}.mega-list[data-astro-cid-c75fxstf] a[data-astro-cid-c75fxstf]:hover{background:var(--blue-50);color:var(--brand)}.sub-count[data-astro-cid-c75fxstf]{font-family:var(--font-mono);color:var(--text-muted);background:var(--neutral-100);border-radius:var(--radius-pill);padding:1px 7px;font-size:11px;font-weight:600}.mega-list[data-astro-cid-c75fxstf] a[data-astro-cid-c75fxstf]:hover .sub-count[data-astro-cid-c75fxstf]{color:var(--brand);background:#fff}.mega-foot[data-astro-cid-c75fxstf]{max-width:var(--container-max);padding:14px var(--container-pad);border-top:1px solid var(--border-subtle);color:var(--text-muted);align-items:center;gap:10px;margin:12px auto 0;font-size:13px;display:flex}.mega-foot[data-astro-cid-c75fxstf] a[data-astro-cid-c75fxstf]{color:var(--text-link);font-weight:600}.mega-foot[data-astro-cid-c75fxstf] a[data-astro-cid-c75fxstf]:hover{color:var(--brand-hover)}.tools[data-astro-cid-c75fxstf]{align-items:center;gap:8px;display:flex}.lang-btn[data-astro-cid-c75fxstf]{height:44px;font-family:var(--font-mono);color:#ffffffd9;border:1px solid var(--border-chrome);border-radius:var(--radius-md);transition:background var(--dur-fast) var(--ease-standard), color var(--dur-fast) var(--ease-standard);background:#ffffff0f;align-items:center;gap:6px;padding:0 13px;font-size:13px;font-weight:600;display:inline-flex}.lang-btn[data-astro-cid-c75fxstf]:hover{color:#fff;background:#ffffff24}.icon-btn[data-astro-cid-c75fxstf]{color:#ffffffd9;border:1px solid var(--border-chrome);border-radius:var(--radius-md);cursor:pointer;width:44px;height:44px;transition:background var(--dur-fast) var(--ease-standard), color var(--dur-fast) var(--ease-standard);background:#ffffff0f;justify-content:center;align-items:center;display:inline-flex}.icon-btn[data-astro-cid-c75fxstf]:hover{color:#fff;background:#ffffff24}.burger[data-astro-cid-c75fxstf]{display:none}.drawer[data-astro-cid-c75fxstf]{border-top:1px solid var(--border-chrome);background:var(--navy-900);max-height:calc(100vh - 68px);display:none;overflow-y:auto}.drawer-inner[data-astro-cid-c75fxstf]{padding:8px var(--container-pad) 24px}.acc[data-astro-cid-c75fxstf]{border-bottom:1px solid var(--border-chrome)}.acc-head[data-astro-cid-c75fxstf]{color:#fff;cursor:pointer;background:0 0;border:none;justify-content:space-between;align-items:center;width:100%;min-height:52px;padding:0 4px;font-family:inherit;font-size:16px;font-weight:600;display:flex}.acc-caret[data-astro-cid-c75fxstf]{transition:transform var(--dur-normal) var(--ease-standard)}[data-astro-cid-c75fxstf][data-acc].open .acc-caret[data-astro-cid-c75fxstf]{transform:rotate(180deg)}.acc-body[data-astro-cid-c75fxstf]{padding:2px 4px 12px;display:none}[data-astro-cid-c75fxstf][data-acc].open .acc-body[data-astro-cid-c75fxstf]{display:block}.acc-all[data-astro-cid-c75fxstf]{min-height:44px;color:var(--blue-200);font-size:14px;font-weight:600;line-height:44px;display:block}.acc-sub[data-astro-cid-c75fxstf]{color:#ffffffc7;border-radius:var(--radius-sm);justify-content:space-between;align-items:center;min-height:44px;padding:0 10px;font-size:15px;display:flex}.acc-sub[data-astro-cid-c75fxstf]:hover{color:#fff;background:#ffffff0f}.acc-sub[data-astro-cid-c75fxstf] .sub-count[data-astro-cid-c75fxstf]{color:#ffffffb3;background:#ffffff1a}.drawer-links[data-astro-cid-c75fxstf]{flex-direction:column;padding-top:8px;display:flex}.drawer-links[data-astro-cid-c75fxstf] a[data-astro-cid-c75fxstf]{color:#ffffffd1;border-bottom:1px solid var(--border-chrome);align-items:center;min-height:52px;padding:0 4px;font-size:16px;font-weight:500;display:flex}.drawer-links[data-astro-cid-c75fxstf] a[data-astro-cid-c75fxstf]:hover{color:#fff}.drawer-lang[data-astro-cid-c75fxstf]{color:var(--blue-200)!important;font-weight:600!important}@media (max-width:820px){.links[data-astro-cid-c75fxstf]{display:none}.burger[data-astro-cid-c75fxstf]{display:inline-flex}[data-astro-cid-c75fxstf][data-drawer].open{display:block}}@media (min-width:821px){.drawer[data-astro-cid-c75fxstf]{display:none!important}}.foot[data-astro-cid-jo6i4kqk]{background:var(--navy-900);color:#ffffffbf;margin-top:40px;padding:56px 0 28px}.top[data-astro-cid-jo6i4kqk]{grid-template-columns:1.3fr 2.7fr;gap:48px;display:grid}.tagline[data-astro-cid-jo6i4kqk]{color:#ffffffd1;max-width:300px;margin-top:16px;font-size:15px;line-height:1.6}.social[data-astro-cid-jo6i4kqk]{gap:10px;margin-top:20px;display:flex}.soc[data-astro-cid-jo6i4kqk]{color:#ffffffc7;border:1px solid var(--border-chrome);border-radius:var(--radius-md);width:40px;height:40px;transition:background var(--dur-fast) var(--ease-standard), color var(--dur-fast) var(--ease-standard);background:#ffffff0f;justify-content:center;align-items:center;display:inline-flex}.soc[data-astro-cid-jo6i4kqk]:hover{color:#fff;background:#ffffff24}.cols[data-astro-cid-jo6i4kqk]{grid-template-columns:repeat(4,1fr);gap:24px;display:grid}.col[data-astro-cid-jo6i4kqk] h4[data-astro-cid-jo6i4kqk]{color:#fff;letter-spacing:.01em;margin-bottom:14px;font-size:13px;font-weight:600}.col[data-astro-cid-jo6i4kqk] ul[data-astro-cid-jo6i4kqk]{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.col[data-astro-cid-jo6i4kqk] a[data-astro-cid-jo6i4kqk]{color:#ffffffa8;transition:color var(--dur-fast) var(--ease-standard);font-size:14px}.col[data-astro-cid-jo6i4kqk] a[data-astro-cid-jo6i4kqk]:hover{color:#fff}.disclosure[data-astro-cid-jo6i4kqk]{border:1px solid var(--border-chrome);border-radius:var(--radius-lg);color:#ffffff9e;background:#ffffff0a;align-items:flex-start;gap:8px;margin-top:44px;padding:16px 18px;font-size:13px;line-height:1.6;display:flex}.disclosure[data-astro-cid-jo6i4kqk] .di{color:var(--blue-300);flex-shrink:0;margin-top:2px}.bottom[data-astro-cid-jo6i4kqk]{border-top:1px solid var(--border-chrome);color:#ffffff80;flex-wrap:wrap;justify-content:space-between;gap:8px;margin-top:28px;padding-top:20px;font-size:13px;display:flex}.bottom[data-astro-cid-jo6i4kqk] .mono[data-astro-cid-jo6i4kqk]{font-family:var(--font-mono)}@media (max-width:900px){.cols[data-astro-cid-jo6i4kqk]{grid-template-columns:repeat(2,1fr);gap:28px 24px}}@media (max-width:780px){.top[data-astro-cid-jo6i4kqk]{grid-template-columns:1fr;gap:32px}}