@import"https://fonts.googleapis.com/css2?family=Sarabun:wght@300;400;500;600;700&family=Noto+Sans+Thai:wght@300;400;500;600;700&family=Amiri:wght@400;700&display=swap";:root{--color-primary-50: hsl(215, 60%, 97%);--color-primary-100: hsl(215, 60%, 90%);--color-primary-200: hsl(215, 60%, 80%);--color-primary-300: hsl(215, 60%, 65%);--color-primary-400: hsl(215, 60%, 50%);--color-primary-500: hsl(215, 85%, 40%);--color-primary-600: hsl(215, 90%, 30%);--color-primary-700: hsl(215, 90%, 25%);--color-primary-800: hsl(215, 85%, 20%);--color-primary-900: hsl(215, 85%, 15%);--color-secondary-50: hsl(48, 100%, 96%);--color-secondary-100: hsl(48, 100%, 88%);--color-secondary-200: hsl(48, 100%, 75%);--color-secondary-300: hsl(48, 95%, 60%);--color-secondary-400: hsl(48, 95%, 50%);--color-secondary-500: hsl(45, 100%, 48%);--color-secondary-600: hsl(45, 100%, 40%);--color-secondary-700: hsl(45, 100%, 32%);--color-neutral-50: hsl(215, 20%, 98%);--color-neutral-100: hsl(215, 20%, 95%);--color-neutral-200: hsl(215, 15%, 90%);--color-neutral-300: hsl(215, 12%, 80%);--color-neutral-400: hsl(215, 10%, 60%);--color-neutral-500: hsl(215, 15%, 45%);--color-neutral-600: hsl(215, 20%, 35%);--color-neutral-700: hsl(215, 30%, 25%);--color-neutral-800: hsl(215, 40%, 15%);--color-neutral-900: hsl(215, 50%, 10%);--color-success: hsl(150, 60%, 40%);--color-warning: hsl(40, 90%, 50%);--color-error: hsl(0, 70%, 50%);--color-info: hsl(200, 90%, 50%);--color-background: var(--color-neutral-50);--color-surface: #ffffff;--color-surface-variant: var(--color-neutral-100);--color-text-primary: var(--color-primary-900);--color-text-secondary: var(--color-neutral-600);--color-text-disabled: var(--color-neutral-400);--color-text-on-primary: #ffffff;--font-primary: "Sarabun", "Noto Sans Thai", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-arabic: "Amiri", "Traditional Arabic", "Arabic Typesetting", serif;--font-mono: "JetBrains Mono", "Consolas", monospace;--text-xs: clamp(.75rem, .7rem + .2vw, .875rem);--text-sm: clamp(.875rem, .8rem + .3vw, 1rem);--text-base: clamp(1rem, .95rem + .25vw, 1.125rem);--text-lg: clamp(1.125rem, 1.05rem + .35vw, 1.25rem);--text-xl: clamp(1.25rem, 1.15rem + .5vw, 1.5rem);--text-2xl: clamp(1.5rem, 1.35rem + .75vw, 1.875rem);--text-3xl: clamp(1.875rem, 1.65rem + 1.125vw, 2.25rem);--text-4xl: clamp(2.25rem, 1.95rem + 1.5vw, 3rem);--text-5xl: clamp(3rem, 2.5rem + 2.5vw, 4rem);--font-light: 300;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--leading-tight: 1.25;--leading-snug: 1.375;--leading-normal: 1.5;--leading-relaxed: 1.625;--leading-loose: 2;--space-0: 0;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--radius-sm: .25rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-2xl: 1.5rem;--radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgb(30 40 50 / .05);--shadow-md: 0 4px 6px -1px rgb(30 40 50 / .1), 0 2px 4px -2px rgb(30 40 50 / .1);--shadow-lg: 0 10px 15px -3px rgb(30 40 50 / .1), 0 4px 6px -4px rgb(30 40 50 / .1);--shadow-xl: 0 20px 25px -5px rgb(30 40 50 / .1), 0 8px 10px -6px rgb(30 40 50 / .1);--shadow-2xl: 0 25px 50px -12px rgb(30 40 50 / .25);--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-base: .25s cubic-bezier(.4, 0, .2, 1);--transition-slow: .35s cubic-bezier(.4, 0, .2, 1);--z-base: 0;--z-dropdown: 1000;--z-sticky: 1100;--z-fixed: 1200;--z-modal: 1300;--z-popover: 1400;--z-tooltip: 1500;--container-sm: 640px;--container-md: 768px;--container-lg: 1024px;--container-xl: 1280px;--container-2xl: 1536px}[data-theme=dark]{--color-background: hsl(218, 25%, 10%);--color-surface: hsl(218, 25%, 15%);--color-surface-variant: hsl(218, 25%, 20%);--color-text-primary: hsl(218, 20%, 96%);--color-text-secondary: hsl(218, 15%, 75%);--color-text-disabled: hsl(218, 10%, 45%);--color-text-on-primary: #ffffff;--color-primary-50: hsl(218, 30%, 18%);--color-primary-100: hsl(218, 30%, 25%);--color-primary-200: hsl(218, 40%, 35%);--color-primary-300: hsl(218, 50%, 45%);--color-primary-400: hsl(215, 70%, 55%);--color-primary-500: hsl(215, 80%, 65%);--color-primary-600: hsl(215, 90%, 75%);--color-primary-700: hsl(215, 95%, 85%);--color-primary-800: hsl(215, 100%, 92%);--color-primary-900: hsl(215, 100%, 97%);--color-secondary-50: hsl(45, 30%, 20%);--color-secondary-100: hsl(45, 30%, 30%);--color-secondary-500: hsl(45, 90%, 50%);--color-secondary-600: hsl(45, 90%, 65%);--color-secondary-700: hsl(45, 90%, 80%);--color-neutral-100: hsl(218, 20%, 22%);--color-neutral-200: hsl(218, 20%, 30%);--color-neutral-300: hsl(218, 15%, 40%);--color-neutral-800: hsl(218, 20%, 90%);--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .5);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .5);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .6)}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--color-background: hsl(218, 25%, 10%);--color-surface: hsl(218, 25%, 15%);--color-surface-variant: hsl(218, 25%, 20%);--color-text-primary: hsl(218, 20%, 96%);--color-text-secondary: hsl(218, 15%, 75%);--color-text-disabled: hsl(218, 10%, 45%);--color-text-on-primary: #ffffff;--color-primary-50: hsl(218, 30%, 18%);--color-primary-100: hsl(218, 30%, 25%);--color-primary-200: hsl(218, 40%, 35%);--color-primary-300: hsl(218, 50%, 45%);--color-primary-400: hsl(215, 70%, 55%);--color-primary-500: hsl(215, 80%, 65%);--color-primary-600: hsl(215, 90%, 75%);--color-primary-700: hsl(215, 95%, 85%);--color-primary-800: hsl(215, 100%, 92%);--color-primary-900: hsl(215, 100%, 97%);--color-secondary-50: hsl(45, 30%, 20%);--color-secondary-100: hsl(45, 30%, 30%);--color-secondary-500: hsl(45, 90%, 50%);--color-secondary-600: hsl(45, 90%, 65%);--color-secondary-700: hsl(45, 90%, 80%);--color-neutral-100: hsl(218, 20%, 22%);--color-neutral-200: hsl(218, 20%, 30%);--color-neutral-300: hsl(218, 15%, 40%);--color-neutral-800: hsl(218, 20%, 90%);--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .5);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .5);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .6)}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth}body{font-family:var(--font-primary);font-size:var(--text-base);font-weight:var(--font-normal);line-height:var(--leading-normal);color:var(--color-text-primary);background-color:var(--color-background);min-height:100vh}h1,h2,h3,h4,h5,h6{font-weight:var(--font-bold);line-height:var(--leading-tight);color:var(--color-text-primary);margin-bottom:var(--space-4)}h1{font-size:var(--text-4xl)}h2{font-size:var(--text-3xl)}h3{font-size:var(--text-2xl)}h4{font-size:var(--text-xl)}h5{font-size:var(--text-lg)}h6{font-size:var(--text-base)}p{margin-bottom:var(--space-4);line-height:var(--leading-relaxed)}a{color:var(--color-primary-600);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-primary-700);text-decoration:underline}.text-arabic{font-family:var(--font-arabic);direction:rtl;text-align:right;line-height:var(--leading-loose);font-size:var(--text-xl)}.container{width:100%;max-width:var(--container-xl);margin-inline:auto;padding-inline:var(--space-4)}.card{background-color:var(--color-surface);border-radius:var(--radius-lg);padding:var(--space-6);box-shadow:var(--shadow-md);transition:all var(--transition-base)}.card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);font-family:inherit;font-size:var(--text-base);font-weight:var(--font-medium);line-height:1;border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);text-decoration:none}.btn-primary{background-color:var(--color-primary-600);color:var(--color-text-on-primary)}.btn-primary:hover{background-color:var(--color-primary-700);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-secondary{background-color:var(--color-secondary-500);color:var(--color-text-primary)}.btn-secondary:hover{background-color:var(--color-secondary-600);transform:translateY(-1px);box-shadow:var(--shadow-md)}.badge{display:inline-flex;align-items:center;padding:var(--space-1) var(--space-3);font-size:var(--text-sm);font-weight:var(--font-medium);border-radius:var(--radius-full);background-color:var(--color-primary-100);color:var(--color-primary-700)}.grid{display:grid;gap:var(--space-6)}.grid-cols-1{grid-template-columns:repeat(1,1fr)}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}@media(min-width:768px){.md\:grid-cols-2{grid-template-columns:repeat(2,1fr)}.md\:grid-cols-3{grid-template-columns:repeat(3,1fr)}}@media(min-width:1024px){.lg\:grid-cols-3{grid-template-columns:repeat(3,1fr)}.lg\:grid-cols-4{grid-template-columns:repeat(4,1fr)}}.mt-4{margin-top:var(--space-4)}.mt-8{margin-top:var(--space-8)}.mt-12{margin-top:var(--space-12)}.mb-4{margin-bottom:var(--space-4)}.mb-8{margin-bottom:var(--space-8)}.mb-12{margin-bottom:var(--space-12)}.text-center{text-align:center}.text-primary{color:var(--color-primary-600)}.text-secondary{color:var(--color-text-secondary)}.font-bold{font-weight:var(--font-bold)}.font-semibold{font-weight:var(--font-semibold)}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}.loading{background:linear-gradient(90deg,var(--color-neutral-200) 25%,var(--color-neutral-100) 50%,var(--color-neutral-200) 75%);background-size:1000px 100%;animation:shimmer 2s infinite}.header[data-astro-cid-dmqsi53g]{background-color:var(--color-surface);box-shadow:var(--shadow-sm);position:sticky;top:0;z-index:var(--z-sticky)}.nav-wrapper[data-astro-cid-dmqsi53g]{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) 0}.logo[data-astro-cid-dmqsi53g]{display:flex;align-items:center;gap:var(--space-3);font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--color-primary-600);text-decoration:none;transition:color var(--transition-fast)}.logo[data-astro-cid-dmqsi53g]:hover{color:var(--color-primary-700);text-decoration:none}.logo-icon[data-astro-cid-dmqsi53g]{font-size:var(--text-2xl)}.nav-links[data-astro-cid-dmqsi53g]{display:flex;align-items:center;gap:var(--space-6)}.nav-link[data-astro-cid-dmqsi53g]{font-weight:var(--font-medium);transition:color var(--transition-fast)}.footer[data-astro-cid-dmqsi53g]{margin-top:var(--space-20);padding:var(--space-8) 0;background-color:var(--color-surface-variant);border-top:1px solid var(--color-neutral-200)}@media(max-width:768px){.logo-text[data-astro-cid-dmqsi53g]{font-size:var(--text-lg)}.nav-links[data-astro-cid-dmqsi53g]{gap:var(--space-4)}}.theme-toggle[data-astro-cid-dmqsi53g]{background:none;border:1px solid var(--color-neutral-200);cursor:pointer;font-size:1.25rem;padding:6px;border-radius:50%;transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center;color:var(--color-text-primary);width:36px;height:36px}.theme-toggle[data-astro-cid-dmqsi53g]:hover{background-color:var(--color-neutral-100);transform:scale(1.05)}[data-astro-cid-dmqsi53g][data-theme=dark] .icon-sun[data-astro-cid-dmqsi53g]{display:inline-block}[data-astro-cid-dmqsi53g][data-theme=dark] .icon-moon[data-astro-cid-dmqsi53g],[data-astro-cid-dmqsi53g][data-theme=light] .icon-sun[data-astro-cid-dmqsi53g]{display:none}[data-astro-cid-dmqsi53g][data-theme=light] .icon-moon[data-astro-cid-dmqsi53g],.icon-moon[data-astro-cid-dmqsi53g]{display:inline-block}.icon-sun[data-astro-cid-dmqsi53g]{display:none}