: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;--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;--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% - 2.5rem), 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]{color:var(--amber-primary)}.site-nav a[aria-current=page]{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{grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:clamp(2rem,6vw,6rem);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{grid-template-columns:repeat(4,minmax(0,1fr));gap:1.2rem;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 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 a{color:var(--forest-deep);font-weight:var(--weight-bold)}.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<=860px){.footer-main{grid-template-columns:1fr}.footer-nav{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (width<=580px){.container{width:min(calc(100% - 1.5rem), var(--max))}.footer-nav{grid-template-columns:repeat(2,minmax(0,1fr));gap:2rem 1rem}.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{border-radius:.3rem;padding:.7rem .8rem}.mobile-menu nav a:hover{background:var(--bg-surface-elevated);color:var(--amber-primary)}.mobile-menu .mobile-nav-heading{border-top:1px solid var(--line-strong);color:var(--text-dim);font-size:var(--type-ui);font-weight:var(--weight-bold);padding:.9rem .8rem .25rem}.mobile-menu nav .mobile-nav-feature{background:var(--bg-surface-elevated);color:var(--forest-deep);font-weight:var(--weight-bold)}@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}}@media (width<=1120px){.site-nav{display:none}.mobile-menu{display:block}}