.site-header[data-astro-cid-3ef6ksr2]{background:var(--color-bg);border-bottom:1px solid var(--color-border);position:sticky;top:0;z-index:100}.header-inner[data-astro-cid-3ef6ksr2]{max-width:var(--max-width);margin:0 auto;padding:.75rem 1rem;display:flex;align-items:center;justify-content:space-between;gap:1rem}.logo[data-astro-cid-3ef6ksr2]{display:flex;align-items:center;gap:.5rem;font-weight:700;font-size:1.1rem;color:var(--color-primary);text-decoration:none;white-space:nowrap}.logo[data-astro-cid-3ef6ksr2]:hover{text-decoration:none;opacity:.8}.main-nav[data-astro-cid-3ef6ksr2]{display:flex;align-items:center;gap:1.25rem}.main-nav[data-astro-cid-3ef6ksr2] a[data-astro-cid-3ef6ksr2]{color:var(--color-text);font-size:.9rem;white-space:nowrap}.main-nav[data-astro-cid-3ef6ksr2] a[data-astro-cid-3ef6ksr2]:hover{color:var(--color-primary);text-decoration:none}.lang-switch[data-astro-cid-3ef6ksr2]{display:flex;gap:.25rem;margin-left:.5rem;border-left:1px solid var(--color-border);padding-left:1rem}.lang-btn[data-astro-cid-3ef6ksr2]{padding:.25rem .5rem;border-radius:4px;font-size:.8rem;font-weight:600;background:transparent;color:var(--color-muted)!important}.lang-btn[data-astro-cid-3ef6ksr2].active{background:var(--color-primary);color:#fff!important}.lang-btn[data-astro-cid-3ef6ksr2]:hover{text-decoration:none}.menu-toggle[data-astro-cid-3ef6ksr2]{display:none;background:none;border:none;cursor:pointer;padding:.25rem;color:var(--color-text)}@media(max-width:768px){.menu-toggle[data-astro-cid-3ef6ksr2]{display:block}.main-nav[data-astro-cid-3ef6ksr2]{display:none;flex-direction:column;position:absolute;top:100%;left:0;right:0;background:var(--color-bg);border-bottom:1px solid var(--color-border);padding:1rem;gap:.75rem}.main-nav[data-astro-cid-3ef6ksr2].open{display:flex}.lang-switch[data-astro-cid-3ef6ksr2]{border-left:none;border-top:1px solid var(--color-border);padding-left:0;padding-top:.75rem;margin-left:0}}.site-footer[data-astro-cid-sz7xmlte]{background:#f8fafc;border-top:1px solid var(--color-border);margin-top:3rem;padding:2rem 1rem 1rem}.footer-inner[data-astro-cid-sz7xmlte]{max-width:var(--max-width);margin:0 auto}.footer-grid[data-astro-cid-sz7xmlte]{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:2rem;margin-bottom:2rem}.footer-col[data-astro-cid-sz7xmlte] h3[data-astro-cid-sz7xmlte]{font-size:.9rem;font-weight:700;margin-bottom:.75rem;color:var(--color-text)}.footer-col[data-astro-cid-sz7xmlte] ul[data-astro-cid-sz7xmlte]{list-style:none;padding:0;margin:0}.footer-col[data-astro-cid-sz7xmlte] li[data-astro-cid-sz7xmlte]{margin-bottom:.4rem}.footer-col[data-astro-cid-sz7xmlte] a[data-astro-cid-sz7xmlte]{color:var(--color-secondary);font-size:.85rem}.footer-col[data-astro-cid-sz7xmlte] a[data-astro-cid-sz7xmlte]:hover{color:var(--color-primary)}.footer-langs[data-astro-cid-sz7xmlte]{display:flex;flex-direction:column;gap:.4rem}.footer-langs[data-astro-cid-sz7xmlte] a[data-astro-cid-sz7xmlte]{color:var(--color-secondary);font-size:.85rem}.footer-langs[data-astro-cid-sz7xmlte] a[data-astro-cid-sz7xmlte].active{font-weight:700;color:var(--color-primary)}.footer-bottom[data-astro-cid-sz7xmlte]{border-top:1px solid var(--color-border);padding-top:1rem;text-align:center}.footer-bottom[data-astro-cid-sz7xmlte] p[data-astro-cid-sz7xmlte]{font-size:.8rem;color:var(--color-muted);margin:0}:root{--color-primary: #2563eb;--color-primary-light: #dbeafe;--color-secondary: #64748b;--color-accent: #0891b2;--color-bg: #ffffff;--color-text: #1e293b;--color-muted: #94a3b8;--color-border: #e2e8f0;--color-surface: #f8fafc;--max-width: 1200px;--font-sans: "Sarabun", "Noto Sans Thai", system-ui, -apple-system, sans-serif}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth}body{font-family:var(--font-sans);color:var(--color-text);background:var(--color-bg);line-height:1.6;min-height:100vh;display:flex;flex-direction:column}main{flex:1;width:100%;max-width:var(--max-width);margin:0 auto;padding:1.5rem 1rem}a{color:var(--color-primary);text-decoration:none}a:hover{text-decoration:underline}img,svg{max-width:100%;height:auto}h1,h2,h3,h4{line-height:1.2;margin-bottom:.5em}h1{font-size:clamp(1.5rem,3vw,2.25rem)}h2{font-size:clamp(1.25rem,2.5vw,1.75rem)}h3{font-size:clamp(1.1rem,2vw,1.4rem)}p{margin-bottom:1em}ul,ol{padding-left:1.5em;margin-bottom:1em}li{margin-bottom:.25em}.ad-placeholder{display:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}