.site-header{--header-green:#173b2a;--header-ink:#273c2f;--header-muted:#5f6f60;--header-border:#dbe5d9;z-index:50;border-bottom:1px solid var(--header-border);background:#fcfdf9;position:sticky;top:0;box-shadow:0 2px 10px #173b2a12}.header-inner{justify-content:space-between;align-items:center;gap:1.6rem;min-height:74px;display:flex;position:relative}.site-header .brand{flex:none;align-items:center;gap:.7rem;min-width:0;text-decoration:none;display:inline-flex}.site-header .brand-mark{object-fit:contain;border-radius:11px;flex:none;width:44px;height:44px;display:block}.brand-copy{flex-direction:column;gap:.12rem;min-width:0;display:flex}.site-header .brand-title{font-family:var(--font-heading);font-weight:700;font-size:var(--type-prose);letter-spacing:normal;color:var(--header-green);line-height:1.38}.brand-caption{color:var(--header-muted);font-size:var(--type-caption);white-space:nowrap;line-height:1.5}.header-navigation{align-items:center;gap:1.1rem;min-width:0;display:flex}.desktop-nav{align-items:center;gap:.25rem;display:flex}.nav-dropdown{position:relative}.nav-dropdown summary{list-style:none}.nav-dropdown summary::-webkit-details-marker{display:none}.nav-trigger,.site-header .nav-link{min-height:42px;color:var(--header-ink);font-size:var(--type-ui);line-height:1.5;font-weight:var(--weight-semibold);white-space:nowrap;cursor:pointer;background:0 0;border:0;border-radius:8px;justify-content:center;align-items:center;gap:.45rem;padding:.5rem .72rem;text-decoration:none;transition:background .15s,color .15s;display:inline-flex}.nav-trigger:hover,.nav-dropdown[open] .nav-trigger,.nav-trigger.active,.site-header .nav-link:hover,.site-header .nav-link.active{color:var(--header-green);background:#edf3eb}.nav-chevron,.mobile-chevron{border-bottom:1.8px solid;border-right:1.8px solid;flex:none;width:7px;height:7px;transition:transform .15s;display:inline-block;transform:translateY(-2px)rotate(45deg)}.nav-dropdown[open] .nav-chevron{transform:translateY(2px)rotate(225deg)}.nav-dropdown-panel{z-index:55;border:1px solid var(--header-border);background:#fffefb;border-radius:13px;min-width:244px;padding:.45rem;position:absolute;top:calc(100% + 8px);left:0;box-shadow:0 16px 38px #122d1e26}.dropdown-link{color:var(--header-ink);font-size:var(--type-ui);font-weight:var(--weight-medium);border-radius:8px;justify-content:space-between;align-items:center;gap:.75rem;padding:.75rem .85rem;text-decoration:none;display:flex}.dropdown-link span{color:#718877;font-size:var(--type-secondary)}.dropdown-link:hover,.dropdown-link.active{color:var(--header-green);background:#edf3eb}.mobile-menu-toggle{display:none;position:relative}.mobile-menu-toggle summary{border:1px solid var(--header-border);min-height:42px;color:var(--header-green);font-size:var(--type-ui);font-weight:var(--weight-bold);cursor:pointer;background:#edf3eb;border-radius:9px;align-items:center;gap:.45rem;padding:.48rem .72rem;list-style:none;display:inline-flex}.mobile-menu-toggle summary::-webkit-details-marker{display:none}.menu-icon{align-items:center;display:inline-flex}.mobile-menu-toggle[open] .mobile-chevron{transform:translateY(2px)rotate(225deg)}.mobile-menu-panel{z-index:60;overscroll-behavior:contain;border:1px solid var(--header-border);background:#fffefb;border-radius:15px;width:min(360px,100vw - 32px);max-height:calc(100dvh - 95px);padding:1rem;position:absolute;top:calc(100% + 12px);right:0;overflow-y:auto;box-shadow:0 18px 44px #122d1e29}.mobile-stories-link{background:var(--header-green);color:#fffefb;font-size:var(--type-ui);font-weight:var(--weight-bold);border-radius:9px;justify-content:space-between;align-items:center;gap:.7rem;padding:.9rem 1rem;text-decoration:none;display:flex}.mobile-stories-link:hover,.mobile-stories-link.active{color:#fffefb;background:#2a5940}.mobile-nav-group{border-bottom:1px solid var(--header-border);padding:.8rem 0}.mobile-nav-group:last-child{border-bottom:0;padding-bottom:0}.mobile-group-title{color:#6a7c6d;font-size:var(--type-caption);font-weight:var(--weight-bold);letter-spacing:.03em;margin:0 0 .3rem;padding:.2rem .65rem}.mobile-nav-link{color:var(--header-ink);font-size:var(--type-ui);font-weight:var(--weight-medium);border-radius:7px;padding:.55rem .65rem;text-decoration:none;display:block}.mobile-nav-link:hover,.mobile-nav-link.active{color:var(--header-green);background:#edf3eb}.site-header a:focus-visible,.site-header summary:focus-visible{outline-offset:3px;outline:3px solid #91ad91}@media (width<=1080px){.header-navigation{display:none}.mobile-menu-toggle{flex:none;display:block;position:static}.mobile-menu-panel{top:calc(100% + 1px);right:var(--layout-gutter);width:min(360px, calc(100vw - 2 * var(--layout-gutter)));max-height:calc(100dvh - 90px)}.site-header .brand{flex:auto}.brand-caption{white-space:normal;font-size:.875rem;line-height:1.5}.mobile-menu-toggle summary{min-height:46px;font-size:1rem}.mobile-stories-link,.mobile-nav-link{font-size:1rem;line-height:1.55}.mobile-nav-link{padding-block:.7rem}.mobile-group-title{font-size:.875rem}}@media (width<=760px){.header-inner{gap:.65rem;min-height:68px;padding-block:.5rem}.site-header .brand{gap:.55rem}.site-header .brand-mark{width:40px;height:40px}.site-header .brand-title{letter-spacing:normal;white-space:nowrap;font-size:clamp(1.05rem,3.8vw,1.2rem);font-weight:700;line-height:1.4}.brand-caption{display:none}.mobile-menu-toggle summary{white-space:nowrap;gap:.45rem;min-height:46px;padding:.48rem .65rem}.mobile-menu-panel{max-height:calc(100dvh - 80px)}}@media (width<=360px){.header-inner{gap:.45rem}.site-header .brand{gap:.4rem}.site-header .brand-mark{width:36px;height:36px}.site-header .brand-title{font-size:1rem}.mobile-menu-toggle summary{padding-inline:.55rem}}.site-footer{color:#e8efe7;background:#143626;border-top:4px solid #66876a;margin-top:2.5rem;padding:3.4rem 0 1.5rem;position:relative}.site-footer a{color:inherit;text-decoration:none}.site-footer a:focus-visible{outline-offset:3px;border-radius:6px;outline:3px solid #b7d1b0}.footer-inner{grid-template-columns:minmax(0,1fr);gap:2rem;padding-bottom:2.5rem;display:grid}.footer-brand-col{grid-template-rows:auto auto auto;grid-template-columns:minmax(0,1fr) minmax(260px,340px);align-items:start;column-gap:clamp(1.5rem,4vw,3rem);display:grid}.footer-brand{grid-area:1/1}.footer-tagline{grid-area:2/1}.footer-about-links{grid-area:3/1}.footer-stories-feature{grid-area:1/2/span 3;place-self:center end}.footer-brand{font-family:var(--font-heading);font-size:var(--type-prose);letter-spacing:normal;font-weight:var(--weight-bold);color:#fffefb;align-items:center;gap:.7rem;margin-bottom:.9rem;display:inline-flex}.footer-brand-mark{object-fit:contain;border-radius:11px;flex:none;width:46px;height:46px;display:block}.footer-tagline{color:#c4d7c6;max-width:630px;font-size:var(--type-ui);margin:0;line-height:1.75}.footer-about-links{flex-wrap:wrap;gap:.35rem 1.1rem;margin-top:1rem;display:flex}.footer-about-links a{font-size:var(--type-ui);color:#d1e5cb;font-weight:var(--weight-semibold)}.footer-about-links a:hover{color:#fff;text-underline-offset:5px;text-decoration:underline}.footer-stories-feature{background:#d3ebc914;border:1px solid #b7d3ab5c;border-radius:12px;flex-direction:column;align-items:flex-start;gap:.3rem;width:100%;max-width:340px;margin-top:0;padding:1rem 1.1rem;transition:background .15s,border-color .15s;display:flex}.footer-stories-feature:hover{color:#fffefb;background:#d3ebc924;border-color:#b7d3abb3}.footer-feature-kicker{color:#a9caa5;font-size:var(--type-caption);font-weight:var(--weight-bold);letter-spacing:.035em}.footer-stories-feature strong{color:#fffefb;font-size:var(--type-ui)}.footer-feature-action{color:#d4e7cb;font-size:var(--type-ui);font-weight:var(--weight-semibold);align-items:center;gap:.35rem;margin-top:.28rem;display:inline-flex}.footer-links-grid{border-top:1px solid #e7f0e129;grid-template-columns:repeat(4,minmax(0,1fr));align-content:start;gap:clamp(1.25rem,3vw,2.75rem);padding-top:2rem;display:grid}.footer-group{min-width:0}.footer-group h2{white-space:nowrap;color:#fffefb;font-size:var(--type-prose);font-weight:var(--weight-bold);border-bottom:1px solid #e7f0e129;margin:.2rem 0 .95rem;padding-bottom:.7rem;line-height:1.45}.footer-group ul{flex-direction:column;gap:.68rem;margin:0;padding:0;list-style:none;display:flex}.footer-group li a{color:#cadbca;font-size:var(--type-ui);line-height:1.65;transition:color .15s;display:inline-block}.footer-group li a:hover{color:#fffefb;text-underline-offset:4px;text-decoration:underline}.footer-group li .footer-link-ev{color:#c4e8b8;font-weight:var(--weight-bold)}.footer-bottom{color:#9db69e;font-size:var(--type-secondary);border-top:1px solid #e7f0e124;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem 2rem;padding-top:1.35rem;display:flex}.footer-bottom p{margin:0}.footer-bottom a{color:#d2e4ca;font-weight:var(--weight-semibold)}.footer-bottom a:hover{color:#fffefb;text-decoration:underline}@media (width<=1080px){.footer-links-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.8rem 2rem}}@media (width<=650px){.site-footer{padding-top:2.5rem}.footer-brand-col{display:block}.footer-tagline{max-width:none}.footer-stories-feature{max-width:none;margin-top:1.3rem}.footer-links-grid{gap:1.8rem 1rem;padding-top:1.6rem}.footer-inner{padding-bottom:2.3rem}.footer-tagline{font-size:1rem}.footer-about-links a{font-size:var(--type-ui)}.footer-feature-kicker{font-size:.875rem}.footer-stories-feature strong{font-size:var(--type-ui)}.footer-group h2{font-size:var(--type-prose)}.footer-feature-action{font-size:var(--type-ui)}.footer-group li a{font-size:1rem;line-height:1.7}.footer-bottom{font-size:.9375rem;line-height:1.7}}@media (width<=360px){.footer-links-grid{grid-template-columns:1fr}}:root{--bg-page:#f2f4ee;--bg-surface:#fbfcf8;--bg-surface-elevated:#e8eee3;--border-subtle:#dbe3d7;--border-strong:#c4d0c2;--text-primary:#18251d;--text-secondary:#4b5b51;--text-muted:#748178;--forest-deep:#10291b;--primary-forest:#173b2a;--primary-forest-hover:#245239;--moss-green:#60795f;--accent-gold:#c58b2a;--accent-gold-soft:#f3ead5;--river-teal:#2a666b;--terrain-line:#33523c24;--grid-line:#24544112;--font-body:"IBM Plex Sans Thai Looped", Tahoma, sans-serif;--font-heading:"IBM Plex Sans Thai Looped", Tahoma, sans-serif;--font-mono:"IBM Plex Sans Thai Looped", Tahoma, sans-serif;--type-caption:.875rem;--type-secondary:.9375rem;--type-ui:1rem;--type-body:1rem;--type-prose:1.125rem;--type-lede:1.1875rem;--type-card-title:1.25rem;--type-h3:1.25rem;--type-h2:1.5rem;--type-section-title:clamp(1.65rem, 2.7vw, 2.35rem);--type-page-title:clamp(2rem, 4vw, 2.8rem);--type-story-title:clamp(2rem, 4.5vw, 2.9rem);--weight-regular:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--layout-shell-max:1140px;--layout-reading-max:840px;--layout-gutter:1.25rem}*,:before,:after{box-sizing:border-box}html,body{font-family:var(--font-body);color:var(--text-primary);background-color:var(--bg-page);-webkit-font-smoothing:antialiased;margin:0;padding:0;line-height:1.72}html{scroll-padding-top:6rem}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);color:var(--primary-forest);letter-spacing:normal;margin-top:0;line-height:1.42}button,input,select,textarea{font-family:var(--font-body)}a{color:var(--primary-forest);text-underline-offset:3px;text-decoration-thickness:1px}a:hover{color:var(--accent-gold)}.container{width:100%;max-width:var(--layout-shell-max);padding-inline:var(--layout-gutter);margin-inline:auto}@media (width<=760px){:root{--layout-gutter:1rem}}@media (width<=520px){:root{--layout-gutter:.75rem}}
