:root{--font-body:"IBM Plex Sans Thai Looped", "Tahoma", sans-serif;--font-heading:var(--font-body);--font-mono:var(--font-body);--type-body:17px;--type-article-body:19px;--type-article-intro:20px;--type-article-title:48px;--type-cover-title:40px;--type-section-title:30px;--type-subheading:23px;--type-card-title:22px;--type-subsection:22px;--type-emphasis:20px;--type-reading-highlight:19px;--type-stat-large:34px;--type-card-body:16px;--type-caption:15px;--type-meta:14px;--type-ui:16px;--type-table-header:15px;--type-table-body:16px;--type-footer-heading:17px;--type-footer:16px;--type-copyright:14px;--type-brand-title:20px;--type-brand-badge:18px;--type-minor-heading:18px;--type-supporting-heading:24px;--type-secondary-heading:27px;--type-small-display:32px;--type-decorative-watermark:96px;--type-decorative-cardmark:88px;--type-decorative-counter:64px;--type-decorative-hero:176px;--type-calculator-result:21px;--type-magazine-body:17px;--type-magazine-meta:15px;--type-magazine-caption:15px;--type-magazine-card-title:22px;--type-magazine-section-title:30px;--type-magazine-action:17px;--weight-regular:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--leading-brand:1.1;--leading-display:1.2;--leading-heading:1.25;--leading-card-heading:1.45;--leading-ui:1.5;--leading-table:1.55;--leading-section:1.6;--leading-reading-compact:1.65;--leading-caption:1.7;--leading-body:1.75;--leading-reading:1.8;--leading-article-body:1.85;--leading-article-spacious:1.9;--bg-dark:#f6f5ee;--bg-surface:#fffefb;--bg-surface-elevated:#edf2e9;--bg-surface-subtle:#e2eadf;--line-dark:#d4ded0;--line-strong:#b9cbb6;--action-green:#2d6043;--action-green-hover:#214d35;--amber-primary:var(--action-green);--amber-hover:var(--action-green-hover);--amber-subtle:#2d60431a;--text-main:#20352a;--text-muted:#526457;--text-dim:#5e7062;--warm-paper:#f6f5ee;--warm-ink:#20352a;--warm-accent:var(--action-green);--forest-deep:#244b35;--sage-surface:#e8efe5;--sage-light:#dcebdc;--earth-accent:#9b5316;--earth-soft:#f2e3cf;--paper-white:#fffefb;--max:1200px;--magazine-content-max:1320px;--magazine-card-gap:var(--space-4);--magazine-card-padding:var(--space-6);--magazine-card-radius:var(--radius-lg);--magazine-card-border-width:1px;--magazine-card-border-light:var(--line-strong);--magazine-card-border-dark:#668773;--magazine-card-border-warm:#c6b698;--magazine-card-border-hover-dark:#e2cf9b;--magazine-content-inset:var(--space-5);--page-container-inset:var(--space-5);--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-7:28px;--space-8:32px;--space-10:40px;--space-12:48px;--space-14:56px;--space-16:64px;--space-20:80px;--space-22:88px;--space-24:96px;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-pill:999px;--transition:all .2s cubic-bezier(.16, 1, .3, 1);--shadow-card:0 4px 20px #20352a14;--shadow-hover:0 10px 30px #20352a26}*{box-sizing:border-box}html{scroll-behavior:smooth;font-size:var(--type-ui)}body{min-width:0;font-family:var(--font-body);font-size:var(--type-body);font-weight:var(--weight-regular);background-color:var(--bg-dark);color:var(--text-main);line-height:var(--leading-body);-webkit-font-smoothing:antialiased;margin:0}button,input,select,textarea{font-family:inherit;font-size:var(--type-ui)}main.theme-warm{--bg-dark:var(--warm-paper);--bg-surface:#fffefb;--bg-surface-elevated:#edf2e9;--line-dark:#d4ded0;--line-strong:#b9cbb6;--text-main:var(--warm-ink);--text-muted:#526457;--text-dim:#5e7062;--amber-primary:var(--warm-accent);background:var(--warm-paper);color:var(--warm-ink)}main.theme-warm :is(h1,h2,h3,h4){color:var(--text-main)}main.theme-warm .btn-primary{color:#fffefb}main.theme-warm .btn-primary:hover{background:var(--amber-hover)}main.theme-warm .btn-secondary:hover{color:var(--warm-ink)}main.theme-warm+.site-footer{margin-top:0}a{color:inherit;transition:var(--transition);text-decoration:none}img{max-width:100%;height:auto;display:block}h1,h2,h3,h4,p{margin-top:0}h1,h2,h3,h4{font-family:var(--font-heading);overflow-wrap:break-word;color:var(--text-main);line-height:var(--leading-heading);font-weight:var(--weight-bold)}h1{font-size:var(--type-article-title)}h2{font-size:var(--type-section-title)}h3{font-size:var(--type-subheading)}.container{width:min(calc(100% - var(--page-container-inset) - var(--page-container-inset)), var(--max));margin-inline:auto}.site-header{z-index:50;-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--line-dark);background:#f6f5eef5;position:sticky;top:0}.site-header-inner{align-items:center;gap:2rem;height:74px;display:flex}.brand{align-items:center;gap:.75rem;display:flex}.brand-badge{background:var(--forest-deep);border:1px solid var(--forest-deep);border-radius:var(--radius-sm);color:#fffefb;width:40px;height:40px;font-family:var(--font-mono);font-weight:var(--weight-bold);font-size:var(--type-brand-badge);place-items:center;display:grid}.brand-text{flex-direction:column;display:flex}.brand-title{font-family:var(--font-heading);font-weight:var(--weight-bold);font-size:var(--type-brand-title);letter-spacing:.08em;line-height:var(--leading-brand);color:var(--text-main)}.brand-subtitle{font-family:var(--font-mono);font-size:var(--type-meta);letter-spacing:.18em;color:var(--text-dim);text-transform:uppercase}.site-nav{align-items:center;gap:1.8rem;margin-left:auto;display:flex}.site-nav a{min-height:44px;font-size:var(--type-ui);font-weight:var(--weight-semibold);color:var(--text-muted);align-items:center;display:inline-flex}.site-nav a:hover,.site-nav a[aria-current=page],.site-nav a[data-active=true]{color:var(--amber-primary)}.site-nav a[aria-current=page],.site-nav a[data-active=true]{box-shadow:inset 0 -2px 0 var(--amber-primary)}.site-nav-menu{position:relative}.site-nav-menu>summary{min-height:44px;color:var(--text-muted);font-size:var(--type-ui);font-weight:var(--weight-semibold);cursor:pointer;align-items:center;gap:.55rem;list-style:none;display:inline-flex}.site-nav-menu>summary::-webkit-details-marker{display:none}.site-nav-menu>summary:after{content:"";border-bottom:2px solid;border-right:2px solid;width:.38rem;height:.38rem;transition:transform .16s;transform:translateY(-2px)rotate(45deg)}.site-nav-menu[open]>summary:after{transform:translateY(2px)rotate(225deg)}.site-nav-menu>summary:hover,.site-nav-menu>summary[aria-current=page],.site-nav-menu[open]>summary{color:var(--amber-primary)}.site-nav-menu>summary[aria-current=page]{box-shadow:inset 0 -2px 0 var(--amber-primary)}.site-nav-dropdown{z-index:90;border:1px solid var(--line-strong);background:var(--bg-surface);width:250px;box-shadow:var(--shadow-hover);border-radius:.7rem;padding:.5rem;display:grid;position:absolute;top:calc(100% + .65rem);right:0}.site-nav .site-nav-dropdown a{min-height:42px;font-size:var(--type-ui);white-space:nowrap;border-radius:.4rem;padding:.65rem .8rem;display:flex}.site-nav .site-nav-dropdown a:hover,.site-nav .site-nav-dropdown a[aria-current=page],.site-nav .site-nav-dropdown .nav-history-link{background:var(--bg-surface-elevated)}.site-nav .site-nav-dropdown a[aria-current=page]{box-shadow:none}.site-nav .site-nav-dropdown .nav-history-link{color:var(--forest-deep);font-weight:var(--weight-bold)}@media (width>=861px) and (width<=1120px){.site-header-inner{gap:.85rem}.site-nav{gap:.8rem}.site-nav>a,.site-nav-menu>summary{font-size:var(--type-ui)}.header-cta{padding-inline:.8rem}}.header-cta{background:var(--amber-primary);color:#fffefb;border-radius:var(--radius-sm);font-weight:var(--weight-bold);font-size:var(--type-ui);transition:var(--transition);align-items:center;gap:.5rem;padding:.55rem 1.2rem;display:inline-flex}.header-cta:hover{background:var(--amber-hover)}.btn-primary{background:var(--amber-primary);color:#fffefb;border-radius:var(--radius-sm);font-weight:var(--weight-bold);font-size:var(--type-ui);transition:var(--transition);align-items:center;gap:.75rem;padding:.85rem 1.75rem;display:inline-flex}.btn-primary:hover{background:var(--amber-hover);transform:translateY(-2px);box-shadow:0 4px 15px #2d60433d}.btn-secondary{border:1px solid var(--line-strong);border-radius:var(--radius-sm);color:var(--text-main);background:var(--bg-surface);font-weight:var(--weight-semibold);font-size:var(--type-ui);transition:var(--transition);align-items:center;gap:.75rem;padding:.85rem 1.5rem;display:inline-flex}.btn-secondary:hover{border-color:var(--amber-primary);color:var(--amber-primary);transform:translateY(-2px)}.site-footer{background:var(--sage-surface);border-top:1px solid var(--line-strong);color:var(--text-main);margin-top:6rem}.footer-main{gap:clamp(var(--space-8), 4vw, var(--space-16));grid-template-columns:minmax(15rem,.7fr) minmax(0,2.6fr);padding-block:clamp(3rem,6vw,5rem);display:grid}.footer-brand{align-items:center;gap:.7rem;display:inline-flex}.footer-brand-mark{background:var(--forest-deep);color:#fffefb;width:3.3rem;height:3.3rem;font:var(--weight-bold) var(--type-ui) var(--font-heading);border-radius:.55rem;place-items:center;display:grid}.footer-brand>span:last-child{line-height:1.3;display:grid}.footer-brand strong{font:var(--weight-bold) var(--type-ui) var(--font-heading);letter-spacing:.03em}.footer-brand small{color:var(--text-dim);font:var(--weight-semibold) var(--type-ui) var(--font-mono)}.footer-intro p{max-width:34ch;color:var(--text-muted);font-size:var(--type-footer);line-height:var(--leading-article-body);margin:1.25rem 0 0}.footer-nav{gap:clamp(var(--space-6), 2.5vw, var(--space-10));grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.footer-col{flex-direction:column;align-items:flex-start;gap:.55rem;display:flex}.footer-col h2{color:var(--forest-deep);font:var(--weight-bold) var(--type-footer-heading) var(--font-mono);letter-spacing:.03em;margin:0 0 .55rem}.footer-col h3{margin:var(--space-4) 0 0;color:var(--forest-deep);font:var(--weight-bold) var(--type-footer) var(--font-mono);letter-spacing:.03em}.footer-col a{color:var(--text-muted);font-size:var(--type-footer);line-height:var(--leading-ui)}.footer-col a:hover,.footer-bottom a:hover{color:var(--earth-accent);text-underline-offset:.2em;text-decoration:underline}.footer-follow .footer-social-link{align-items:center;gap:var(--space-3);border:1px solid var(--line-strong);border-radius:var(--radius-md);background:var(--bg-surface);width:100%;max-width:220px;min-height:50px;color:var(--forest-deep);font-weight:var(--weight-bold);padding:4px 12px 4px 4px;text-decoration:none;display:inline-flex}.footer-social-icon{border-radius:var(--radius-sm);color:#fff;flex:0 0 40px;place-items:center;width:40px;height:40px;display:grid}.footer-social-icon--facebook{background:#0866ff}.footer-social-icon--youtube{background:#e62117}.footer-social-icon svg{width:22px;height:22px;display:block}.footer-follow .footer-social-link:hover{border-color:var(--forest-deep);color:var(--forest-deep);background:#fff;text-decoration:none}.footer-follow .footer-social-link:hover .footer-social-icon{filter:brightness(.92)}.footer-follow .footer-social-link:focus-visible{outline:3px solid var(--earth-accent);outline-offset:3px}.footer-bottom-shell{border-top:1px solid var(--line-strong);background:#dfe9db}.footer-bottom{color:var(--text-muted);font-size:var(--type-copyright);justify-content:space-between;align-items:center;gap:1rem 2rem;padding-block:1.2rem;display:flex}.footer-bottom a{color:var(--forest-deep);font-weight:var(--weight-bold)}@media (width<=980px){.footer-main{grid-template-columns:1fr}.footer-nav{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (width<=720px){:root{--page-container-inset:var(--space-3)}.footer-nav{gap:var(--space-10) var(--space-6);grid-template-columns:repeat(2,minmax(0,1fr))}.footer-bottom{flex-direction:column;align-items:flex-start;gap:1rem}}.skip-link{z-index:100;background:var(--forest-deep);color:#fffefb;font-weight:var(--weight-bold);border-radius:.4rem;padding:.65rem 1rem;position:absolute;top:-5rem;left:1rem}.skip-link:focus{top:1rem}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--amber-primary);outline-offset:3px}.mobile-menu{margin-left:auto;display:none;position:relative}.mobile-menu summary{border:1px solid var(--line-strong);background:var(--bg-surface);color:var(--text-main);cursor:pointer;font-size:var(--type-ui);font-weight:var(--weight-bold);border-radius:.4rem;align-items:center;gap:.6rem;padding:.5rem .7rem;list-style:none;display:flex}.mobile-menu summary::-webkit-details-marker{display:none}.mobile-menu nav{z-index:70;border:1px solid var(--line-strong);background:var(--bg-surface);min-width:min(280px,100vw - 1.5rem);max-height:min(75vh,620px);box-shadow:var(--shadow-hover);border-radius:.6rem;padding:.5rem;display:grid;position:absolute;top:calc(100% + .8rem);right:0;overflow-y:auto}.mobile-menu nav a{min-height:44px;padding:var(--space-3);border-radius:var(--radius-sm);font-size:var(--type-ui);align-items:center;display:flex}.mobile-menu nav a:hover,.mobile-menu nav a[aria-current=page]{background:var(--bg-surface-elevated);color:var(--action-green)}.mobile-menu .mobile-nav-home{font-weight:var(--weight-bold)}.mobile-menu .mobile-nav-group{border-top:1px solid var(--line-strong)}.mobile-menu .mobile-nav-group>summary{width:100%;min-height:48px;padding:var(--space-3);border-radius:var(--radius-sm);color:var(--text-main);font-size:var(--type-ui);font-weight:var(--weight-bold);background:0 0;border:0;justify-content:space-between;align-items:center;display:flex}.mobile-menu .mobile-nav-group>summary:after{content:"";border-bottom:2px solid;border-right:2px solid;width:8px;height:8px;transform:rotate(45deg)}.mobile-menu .mobile-nav-group[open]>summary:after{transform:rotate(225deg)}.mobile-menu .mobile-nav-group[data-active=true]>summary,.mobile-menu .mobile-nav-group[open]>summary{color:var(--action-green);background:var(--bg-surface-elevated)}.mobile-menu .mobile-nav-links{gap:var(--space-1);padding:var(--space-1) 0 var(--space-3) var(--space-3);display:grid}.mobile-menu .mobile-nav-group:not([open])>.mobile-nav-links{display:none}.mobile-menu .mobile-nav-links a{min-height:44px;padding:var(--space-2) var(--space-3)}@media (width<=860px){.site-header-inner{gap:.8rem}.header-cta{margin-left:auto}}@media (width<=580px){:root{--type-brand-title:18px}.site-header-inner{height:66px}.brand-subtitle,.header-cta{display:none}.mobile-menu{margin-left:auto}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}@media (width<=760px){:root{--type-article-title:34px;--type-cover-title:30px;--type-article-body:18px;--type-article-intro:18px;--type-section-title:26px;--type-card-title:20px;--type-magazine-body:18px;--type-magazine-meta:16px;--type-magazine-caption:16px;--type-magazine-card-title:23px;--type-magazine-section-title:28px;--magazine-card-padding:var(--space-5);--magazine-content-inset:var(--space-4);--type-magazine-action:18px}}@media (width<=1120px){.site-nav{display:none}.mobile-menu{display:block}}