:root{--bg:#F4FBFA;--surface:#FFFFFF;--soft:#D8F6F1;--soft-blue:#DDF0FF;--soft-sun:#FFF1C9;--ink:#0E2A47;--muted:#3F5A66;--line:#D3ECE8;--accent:#19C3B1;--on-accent:#0E2A47;--link:#0B7F74;--sun:#FFC93C;--coral:#FF7A59;--sky:#4FB3FF;--navy:#0E2A47;--navy-2:#17406A;--on-navy:#F4FBFA;--on-navy-muted:#C3D6E0;--navy-accent:#5FE3D2;--sea-sky:#A9E9F5;--sea-1:#3CCFBD;--sea-2:#14A898;--sail:#FF7A59;--hull:#FFFFFF;--blue-ink:#1A6FB5;--coral-ink:#B8442A;--display:"Anuphan","IBM Plex Sans Thai","Noto Sans Thai",system-ui,sans-serif;--body:"IBM Plex Sans Thai","Noto Sans Thai",system-ui,sans-serif;color-scheme:light}@media(prefers-color-scheme:dark){:root{--bg:#0B1F33;--surface:#11293F;--soft:#123A42;--soft-blue:#14324F;--soft-sun:#3A3216;--ink:#E6F2F0;--muted:#A9C0CB;--line:#23455F;--accent:#2ED3C0;--on-accent:#0B1F33;--link:#5FE3D2;--navy:#081726;--navy-2:#14324F;--on-navy:#E6F2F0;--on-navy-muted:#A9C0CB;--sea-sky:#16405A;--sea-1:#1F8C80;--sea-2:#14665E;--hull:#E6F2F0;--blue-ink:#7FC4FF;--coral-ink:#FF9F85;color-scheme:dark}}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--body);font-size:16px;line-height:1.7}img{max-width:100%}[hidden]{display:none!important}a{color:var(--link)}h1,h2,h3{font-family:var(--display);line-height:1.25;text-wrap:balance;margin:0}p{margin:0}.wrap{max-width:1140px;margin:0 auto;padding-inline:16px}@media(min-width:700px){.wrap{padding-inline:24px}}:focus-visible{outline:3px solid var(--sky);outline-offset:2px;border-radius:6px}.eyebrow{font-size:14px;font-weight:600;color:var(--link);letter-spacing:.2px}.lead{color:var(--muted);font-size:18px;max-width:34em}.note{font-size:14px;color:var(--muted)}.row{display:flex;flex-wrap:wrap;gap:12px}.band{padding-block:56px}section{scroll-margin-top:80px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:10px 22px;border-radius:999px;text-decoration:none;border:2px solid transparent;cursor:pointer;font:inherit;font-weight:700}.btn-primary{background:var(--accent);color:var(--on-accent)}.btn-ghost{background:var(--surface);color:var(--ink);border-color:var(--ink)}.btn-sun{background:var(--sun);color:#0e2a47}.btn-line{background:transparent;color:var(--on-navy);border-color:var(--navy-accent)}.btn:hover{filter:brightness(1.05)}.page-title{padding-block:48px 8px;display:flex;flex-direction:column;gap:10px}.page-title h1{font-size:clamp(32px,5vw,46px)}.site-head{position:sticky;top:env(safe-area-inset-top,0px);z-index:20;background:var(--surface);border-bottom:1px solid var(--line)}.head-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-block:10px}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink);font-family:var(--display);font-weight:700;font-size:22px}.brand svg{width:36px;height:36px;flex:none}.main-nav{display:flex;gap:4px 18px;flex-wrap:wrap}.main-nav a{color:var(--ink);text-decoration:none;padding:10px 2px;font-weight:500}.main-nav a:hover,.main-nav a[aria-current=page]{color:var(--link)}.menu-btn{display:none;width:46px;height:46px;border-radius:12px;border:0;background:var(--soft);color:var(--ink);cursor:pointer}@media(max-width:820px){.menu-btn{display:inline-flex;align-items:center;justify-content:center}.head-line{display:none}.main-nav{display:none;position:absolute;left:0;right:0;top:100%;background:var(--surface);border-bottom:1px solid var(--line);flex-direction:column;padding:8px 16px 16px}.site-head.open .main-nav{display:flex}.main-nav a{padding:12px 4px;border-bottom:1px solid var(--line)}}.hero{background:var(--soft)}.hero-grid{display:flex;flex-wrap:wrap;gap:40px;align-items:center;padding-block:56px 48px}.hero-copy{flex:1 1 420px;min-width:0;display:flex;flex-direction:column;gap:18px}.chip{align-self:flex-start;background:var(--surface);color:var(--link);font-weight:600;font-size:14px;padding:4px 14px;border-radius:999px}.hero h1{font-size:clamp(36px,6vw,54px)}.hero h1 span{color:var(--link)}.hero-art{flex:1 1 360px;min-width:0}.hero-art svg{width:100%;height:auto;display:block}@media(prefers-reduced-motion:no-preference){.hero-art .boat{animation:bob 5s ease-in-out infinite}@keyframes bob{0%,to{transform:translate(300px,122px)}50%{transform:translate(300px,116px)}}}.pillars{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:20px}.pillar{background:var(--surface);border-radius:22px;padding:26px;border-top:6px solid var(--c);display:flex;flex-direction:column;gap:10px}.pillar .ico{width:52px;height:52px;border-radius:16px;background:var(--cs);display:flex;align-items:center;justify-content:center;color:var(--ci)}.pillar h3{font-size:22px}.pillar p{color:var(--muted)}.pillar a{font-weight:600;text-decoration:none;margin-top:auto}.tools{background:var(--surface);border-block:1px solid var(--line)}.tools-grid{display:flex;flex-wrap:wrap;gap:36px;align-items:flex-start}.tools-intro{flex:1 1 300px;min-width:0;display:flex;flex-direction:column;gap:12px}.tools-intro h2{font-size:clamp(28px,4vw,36px)}.tool-card{flex:1 1 460px;min-width:0;background:var(--soft-blue);border-radius:22px;padding:20px;display:flex;flex-direction:column;gap:16px}.tabs{display:flex;gap:6px;flex-wrap:wrap;background:var(--surface);padding:5px;border-radius:999px}.tab{flex:1 1 auto;min-height:42px;border:0;border-radius:999px;background:transparent;color:var(--ink);font:inherit;font-weight:600;cursor:pointer;padding:6px 14px}.tab[aria-selected=true]{background:var(--accent);color:var(--on-accent)}.panel{display:flex;flex-direction:column;gap:14px}.fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,150px),1fr));gap:14px}.field{display:flex;flex-direction:column;gap:6px;font-size:14px;font-weight:600;min-width:0}.field input,.field select{font:inherit;font-size:18px;font-weight:500;padding:10px 12px;border-radius:12px;border:2px solid var(--line);background:var(--surface);color:var(--ink);width:100%;font-variant-numeric:tabular-nums}.results{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,170px),1fr));gap:12px}.result{background:var(--surface);border-radius:16px;padding:14px 16px}.result.hl{background:var(--sun);color:#0e2a47}.result small{display:block;font-size:14px;opacity:.85}.result strong{font-family:var(--display);font-size:28px;font-variant-numeric:tabular-nums}.mk-head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:12px;margin-bottom:16px}.mk-head h2{font-size:clamp(26px,4vw,34px)}.symbols{display:flex;gap:8px;overflow-x:auto;padding-bottom:6px;margin-bottom:12px}.symbols button{flex:none;min-height:42px;border:2px solid var(--line);background:var(--surface);color:var(--ink);border-radius:999px;padding:4px 16px;font:inherit;font-weight:600;cursor:pointer}.symbols button[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.chart-box{height:480px;border-radius:22px;overflow:hidden;background:var(--surface);border:1px solid var(--line)}@media(max-width:700px){.chart-box{height:380px}}.chart-box .tradingview-widget-container{height:100%}.ea{background:var(--navy);color:var(--on-navy)}.ea-grid{display:flex;flex-wrap:wrap;gap:36px;align-items:center}.ea-copy{flex:1 1 380px;min-width:0;display:flex;flex-direction:column;gap:14px}.ea .eyebrow{color:var(--navy-accent)}.ea h2{font-size:clamp(28px,4vw,38px)}.ea p{color:var(--on-navy-muted)}.ticks{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.ticks li{display:flex;gap:10px;align-items:flex-start}.ticks svg{flex:none;color:var(--navy-accent);margin-top:3px}.price{flex:1 1 320px;min-width:0;background:var(--navy-2);border-radius:22px;padding:24px;display:flex;flex-direction:column;gap:12px}.price .big{font-family:var(--display);font-size:40px;font-weight:700;color:var(--sun)}.price dl{margin:0;display:flex;flex-direction:column;gap:8px}.price dl div{display:flex;justify-content:space-between;gap:12px;border-top:1px solid rgba(255,255,255,.12);padding-top:8px}.price dt{color:var(--on-navy-muted)}.price dd{margin:0}.shop-head{display:flex;flex-direction:column;gap:8px;margin-bottom:22px}.shop-head h2{font-size:clamp(26px,4vw,34px)}.shop-head .eyebrow{color:var(--coral-ink)}.designer{display:flex;flex-wrap:wrap;gap:24px;background:var(--surface);border-radius:24px;padding:20px}.stage{flex:1 1 380px;min-width:0;min-height:230px;border-radius:18px;background:var(--soft);display:flex;align-items:center;justify-content:center;padding:24px;overflow:hidden}.keychain{position:relative;background:var(--kc);color:#0e2a47;border:4px solid #0E2A47;border-radius:20px;padding:16px 26px 16px 52px;font-family:var(--display);font-weight:700;font-size:clamp(22px,4.4vw,34px);line-height:1.15;max-width:100%;overflow-wrap:anywhere;text-align:center;box-shadow:0 10px #0e2a472e}.keychain:before{content:"";position:absolute;left:16px;top:50%;width:20px;height:20px;margin-top:-10px;border-radius:50%;background:var(--soft);border:4px solid #0E2A47}.desk{display:flex;flex-direction:column;align-items:center}.desk .plate{background:var(--kc);color:#0e2a47;border:4px solid #0E2A47;border-radius:16px 16px 4px 4px;padding:18px 28px;font-family:var(--display);font-weight:700;font-size:clamp(22px,4.4vw,32px);text-align:center;overflow-wrap:anywhere;max-width:100%}.desk .base{width:108%;height:20px;background:#0e2a47;border-radius:0 0 12px 12px}.controls{flex:1 1 320px;min-width:0;display:flex;flex-direction:column;gap:16px}.seg{display:flex;gap:6px;background:var(--soft);padding:5px;border-radius:999px}.seg button{flex:1;min-height:42px;border:0;border-radius:999px;background:transparent;font:inherit;font-weight:600;color:var(--ink);cursor:pointer}.seg button[aria-pressed=true]{background:var(--surface);box-shadow:0 1px 0 var(--line)}.presets{display:flex;flex-wrap:wrap;gap:8px}.presets button{min-height:40px;border:2px solid var(--line);background:var(--surface);color:var(--ink);border-radius:999px;padding:4px 14px;font:inherit;font-weight:600;cursor:pointer}.presets button:hover{border-color:var(--accent)}.swatches{display:flex;gap:10px;flex-wrap:wrap}.swatch{width:44px;height:44px;border-radius:50%;border:3px solid var(--surface);outline:2px solid var(--line);background:var(--sw);cursor:pointer}.swatch[aria-pressed=true]{outline:3px solid var(--ink)}.order{background:var(--soft-sun);border-radius:16px;padding:14px 16px;display:flex;flex-direction:column;gap:10px}.order code{font-family:var(--body);font-size:15px;white-space:pre-wrap;overflow-wrap:anywhere}.order .row{align-items:center}.status{font-size:14px;font-weight:600;color:var(--link)}.facts{margin-top:20px;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr));gap:12px}.facts div{background:var(--surface);border-radius:18px;padding:16px;display:flex;flex-direction:column;gap:4px}.facts b{font-family:var(--display);font-size:18px}.facts span{color:var(--muted);font-size:14px}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.posts{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:20px}.post{background:var(--surface);border-radius:22px;overflow:hidden;display:flex;flex-direction:column;text-decoration:none;color:inherit;border:1px solid var(--line)}.post:hover{border-color:var(--accent)}.post .cover{height:96px;display:flex;align-items:flex-end;padding:12px 18px}.post .cover span{font-family:var(--display);font-weight:700;font-size:22px;color:#0e2a47;opacity:.85}[data-tone=sea]{background:var(--sea-1)}[data-tone=sun]{background:var(--sun)}[data-tone=sky]{background:var(--sky)}[data-tone=coral]{background:var(--coral)}[data-tone=lime]{background:#b6f09c}[data-tone=pink]{background:#ffb3c7}[data-tone=navy]{background:var(--navy-2)}[data-tone=navy] span{color:var(--on-navy)!important}.post .pbody{padding:16px 20px 20px;display:flex;flex-direction:column;gap:6px;flex:1}.meta-row{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.post .tag{font-size:13px;font-weight:700;color:var(--link)}.post h3{font-size:19px}.post .desc{color:var(--muted);font-size:15px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.post .read{font-size:14px;color:var(--muted);margin-top:auto}.lvl{font-size:12px;font-weight:700;padding:2px 10px;border-radius:999px;background:var(--soft);color:var(--link)}.lvl-intermediate{background:var(--soft-blue);color:var(--blue-ink)}.lvl-advanced{background:var(--soft-sun);color:var(--coral-ink)}.paths{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:16px}.path{background:var(--navy);color:var(--on-navy);border-radius:22px;padding:22px;text-decoration:none;display:flex;flex-direction:column;gap:8px}.path .eyebrow{color:var(--navy-accent)}.path b{font-family:var(--display);font-size:22px}.path .note{color:var(--on-navy-muted)}.path ol{margin:4px 0 0;padding-left:1.3em;color:var(--on-navy-muted);font-size:15px}.path .go{margin-top:6px;font-weight:700;color:var(--sun)}.filters{display:flex;flex-direction:column;gap:12px}.search{display:flex;align-items:center;gap:10px;background:var(--surface);border:2px solid var(--line);border-radius:999px;padding:4px 16px;max-width:520px;color:var(--muted)}.search:focus-within{border-color:var(--accent)}.search input{flex:1;min-width:0;border:0;background:transparent;font:inherit;font-size:17px;color:var(--ink);padding:8px 0;outline:none}.chips{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px}.fchip{flex:none;min-height:42px;border:2px solid var(--line);background:var(--surface);color:var(--ink);border-radius:999px;padding:4px 14px;font:inherit;font-weight:600;cursor:pointer}.fchip span{font-size:13px;color:var(--muted);font-variant-numeric:tabular-nums}.fchip.small{min-height:36px;font-size:14px}.fchip[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.fchip[aria-pressed=true] span{color:var(--on-accent)}.empty{background:var(--surface);border-radius:18px;padding:20px;color:var(--muted)}.cat-links{display:flex;flex-wrap:wrap;gap:8px 16px;align-items:center;font-size:15px}.lessons{list-style:none;display:flex;flex-direction:column;gap:12px;margin-block:0}.lessons a{display:flex;align-items:center;gap:16px;background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:16px 18px;text-decoration:none;color:var(--ink)}.lessons a:hover{border-color:var(--accent)}.lessons .num{flex:none;width:40px;height:40px;border-radius:50%;background:var(--accent);color:var(--on-accent);display:flex;align-items:center;justify-content:center;font-family:var(--display);font-weight:700}.lessons .ltext{flex:1;min-width:0;display:flex;flex-direction:column}.lessons b{font-family:var(--display);font-size:18px}.article{padding-bottom:24px}.art-head{display:flex;flex-direction:column;gap:12px;padding-block:40px 24px;max-width:820px}.art-head h1{font-size:clamp(30px,5vw,44px)}.art-meta{display:flex;flex-wrap:wrap;gap:8px 16px;align-items:center;font-size:14px;color:var(--muted)}.art-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:28px}@media(min-width:1000px){.art-grid{grid-template-columns:240px minmax(0,1fr)}.toc-col{order:0}.toc{position:sticky;top:90px}}.toc{background:var(--surface);border-radius:18px;padding:16px 18px;border:1px solid var(--line);display:flex;flex-direction:column;gap:8px}.toc ol{margin:0;padding-left:1.2em;display:flex;flex-direction:column;gap:6px;font-size:15px}.toc a{text-decoration:none;color:var(--ink)}.toc a:hover{color:var(--link)}.art-main{display:flex;flex-direction:column;gap:24px;min-width:0;max-width:72ch}.takeaways{background:var(--soft);border-radius:18px;padding:18px 20px;display:flex;flex-direction:column;gap:8px}.takeaways ul{margin:0;padding-left:1.2em;display:flex;flex-direction:column;gap:4px}.prose{display:flex;flex-direction:column;gap:16px;font-size:17px;line-height:1.85}.prose h2{font-size:26px;margin-top:14px;scroll-margin-top:90px}.prose h3{font-size:20px;margin-top:6px}.prose ul,.prose ol{margin:0;padding-left:1.3em;display:flex;flex-direction:column;gap:6px}.prose blockquote{margin:0;background:var(--soft-sun);border-radius:14px;padding:12px 18px}.prose blockquote p{color:var(--ink)}.prose table{border-collapse:collapse;width:100%;font-size:15px;font-variant-numeric:tabular-nums}.prose .table-wrap,.prose table{display:block;overflow-x:auto}.prose th,.prose td{border-bottom:1px solid var(--line);padding:8px 10px;text-align:left;white-space:nowrap}.prose th{background:var(--soft-blue)}.prose code{font-size:.92em;background:var(--soft);padding:1px 6px;border-radius:6px}.prose img{border-radius:14px}.prose figure{margin:0;background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:12px;display:flex;flex-direction:column;gap:8px;overflow-x:auto}.prose figure svg{min-width:520px}.prose figcaption{font-size:14px;color:var(--muted);line-height:1.6}.try{background:var(--soft-blue);border-radius:18px;padding:18px 20px;display:flex;flex-direction:column;gap:12px}.faq{display:flex;flex-direction:column;gap:10px}.faq h2{font-size:24px}.faq details{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:12px 16px}.faq summary{font-weight:600;cursor:pointer}.faq details p{margin-top:8px;color:var(--muted)}.pager{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:12px}.pager a{display:flex;flex-direction:column;gap:2px;background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:14px 16px;text-decoration:none;color:var(--ink)}.pager a.next{text-align:right}.pager a:hover{border-color:var(--accent)}.art-risk{border-top:1px solid var(--line);padding-top:16px}.crumb{font-size:14px;color:var(--muted)}.motto{background:var(--accent);color:var(--on-accent);border-radius:26px;padding:36px 24px;text-align:center;display:flex;flex-direction:column;gap:8px;align-items:center}.motto p:first-child{font-family:var(--display);font-weight:700;font-size:clamp(22px,3.4vw,30px)}footer{background:var(--navy);color:var(--on-navy-muted);padding-block:44px 120px}@media(min-width:821px){footer{padding-block:44px}}.foot-grid{display:flex;flex-wrap:wrap;gap:28px;justify-content:space-between}.foot-grid>div{flex:1 1 260px;min-width:0;display:flex;flex-direction:column;gap:8px}.foot-grid b{font-family:var(--display);color:var(--on-navy);font-size:22px}.foot-grid a{color:var(--on-navy)}.contact-line{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.contact-line span{color:var(--on-navy)}.copy-btn{min-height:36px;padding:4px 12px;border-radius:999px;border:1px solid var(--navy-accent);background:transparent;color:var(--on-navy);font:inherit;font-size:14px;cursor:pointer}.risk{flex-basis:100%;border-top:1px solid rgba(255,255,255,.14);padding-top:18px;font-size:13px;line-height:1.75}.risk strong{color:var(--on-navy)}.dock{display:none}@media(max-width:820px){.dock{display:flex;gap:10px;position:fixed;left:0;right:0;bottom:0;z-index:30;padding:10px 16px calc(10px + env(safe-area-inset-bottom,0px));background:var(--surface);border-top:1px solid var(--line)}.dock .btn{flex:1}}