@font-face{font-family:Worth;src:url(/assets/plex-thai-0.ttf);font-weight:400;font-display:swap}@font-face{font-family:Worth;src:url(/assets/plex-thai-1.ttf);font-weight:500;font-display:swap}@font-face{font-family:Worth;src:url(/assets/plex-thai-2.ttf);font-weight:600;font-display:swap}@font-face{font-family:Worth;src:url(/assets/plex-thai-3.ttf);font-weight:700;font-display:swap}
:root{--paper:#b9b8b2;--light:#f1f0e9;--ink:#20211f;--line:#20211f40;--accent:#dbef7a}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:3rem}body{margin:0;background:var(--paper);color:var(--ink);font:400 17px/1.8 Worth,"IBM Plex Sans Thai",Tahoma,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-underline-offset:4px}button,textarea{font:inherit}a:focus-visible,button:focus-visible,textarea:focus-visible{outline:3px solid #596c0e;outline-offset:5px}::selection{background:var(--accent)}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:600;line-height:1.22}h1{font-size:clamp(3.3rem,7.4vw,7rem);letter-spacing:-.05em}h2{font-size:clamp(2rem,4vw,3.4rem);letter-spacing:-.035em}h3{font-size:1.3rem;line-height:1.5}p+p{margin-top:1rem}.wrap{max-width:1400px;padding:0 6%;margin:auto}.header{display:flex;justify-content:space-between;align-items:center;gap:1rem;min-height:96px;border-bottom:1px solid var(--line)}.brand{font:700 1.06rem Arial,sans-serif;letter-spacing:.12em;text-decoration:none}.nav{display:flex;gap:1.7rem;font-size:.9rem}.nav a{text-decoration:none}.nav a:hover{text-decoration:underline}.label{font:600 .8rem/1.5 Arial,sans-serif;letter-spacing:.14em;text-transform:uppercase}.hero{display:grid;grid-template-columns:.85fr 1.15fr;gap:4%;padding:5rem 0 3.5rem;align-items:center}.hero .label{margin-bottom:1.7rem}.hero h1 span{display:block}.hero h1 span:nth-child(2){font-weight:400}.intro{margin-top:1.7rem;font-size:1.1rem;max-width:36ch}.actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.8rem}.button{display:inline-flex;justify-content:center;align-items:center;min-height:49px;padding:.65rem 1.1rem;border:1px solid var(--ink);background:transparent;color:var(--ink);font-weight:600;font-size:.95rem;text-decoration:none;cursor:pointer;transition:background .2s,transform .2s}.button:hover{background:#f1f0e970;transform:translateY(-2px)}.button.dark{background:var(--ink);color:var(--light)}.button.dark:hover{background:#45483d}.button.accent{background:var(--accent)}.video-card{background:var(--ink);padding:10px 10px 0;color:var(--light)}.video-card video{display:block;width:100%;aspect-ratio:16/9;background:#83847c}.video-caption{display:flex;justify-content:space-between;gap:1rem;padding:.9rem .1rem;font-size:.77rem;line-height:1.6}.note-small{font-size:.82rem;line-height:1.7;margin-top:1rem;color:#41443a}.ribbon{padding:1.1rem 0;display:flex;justify-content:space-between;gap:1rem;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-size:.95rem}.section{padding:4.8rem 0;border-bottom:1px solid var(--line)}.section-head{display:grid;grid-template-columns:1fr 2.2fr;gap:2rem;margin-bottom:2.2rem}.section-head .label{padding-top:.4rem}.statement{font-size:clamp(1.5rem,2.6vw,2.4rem);line-height:1.6}.story{margin-left:33%;max-width:780px}.story p+p{margin-top:1.3rem}.highlight{background:var(--accent);box-shadow:.1em 0 var(--accent),-.1em 0 var(--accent)}.numbers{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}.step{border-top:1px solid var(--ink);padding-top:1.3rem}.step .n{display:block;font:400 2.2rem Arial,sans-serif;margin-bottom:1.1rem}.step h3{margin-bottom:.7rem}.step p{font-size:.97rem}.join{background:var(--light);padding:3rem;display:grid;grid-template-columns:1.2fr 1fr;gap:2.8rem;align-items:center}.keyword{font-size:clamp(1.8rem,3.6vw,3.1rem);font-weight:600;line-height:1.5;margin:.9rem 0}.footer{padding:2.7rem 0;display:flex;justify-content:space-between;gap:2rem;font-size:.8rem;line-height:1.7}.footer p{max-width:68ch}.guide-hero{padding:3.5rem 0;border-bottom:1px solid var(--line)}.guide-hero h1{font-size:clamp(2.5rem,5.5vw,5.1rem);margin:1.2rem 0 1.5rem}.lede{font-size:1.12rem;max-width:67ch}.guide-layout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:5%;padding:3.5rem 0}.toc{position:sticky;top:1.5rem;align-self:start;font-size:.9rem}.toc a{display:block;padding:.55rem 0;border-bottom:1px solid var(--line);text-decoration:none}.toc .label{margin-bottom:1rem}.guide-section{padding-bottom:3rem;margin-bottom:3rem;border-bottom:1px solid var(--line)}.guide-section h2{font-size:clamp(1.7rem,3vw,2.4rem);margin-bottom:1.3rem}.guide-section h3{margin:1.5rem 0 .5rem}.guide-section ul,.guide-section ol{padding-left:1.4rem}.guide-section li{padding:.3rem 0}.note{padding:1rem 1.2rem;border-left:3px solid #686d59;background:#f1f0e950;margin:1.3rem 0;font-size:.93rem}.ref-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;border:1px solid var(--line);background:var(--line);margin:1.4rem 0}.ref{background:var(--light);padding:1.25rem}.ref h3{margin:.5rem 0;font-size:1.15rem}.ref p{font-size:.94rem}.ref .label{font-size:.76rem}.download-grid{display:flex;flex-wrap:wrap;gap:.75rem}.download-card{flex:1;min-width:180px;padding:1.3rem;background:var(--light);text-decoration:none}.download-card:hover{background:var(--accent)}.download-card strong,.download-card span{display:block}.download-card span{font-size:.85rem;margin-top:.4rem}.download-card.primary{background:var(--ink);color:var(--light)}.prompt-toolbar{background:var(--ink);color:var(--light);padding:.8rem 1rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-top:1.25rem;font-size:.82rem}.prompt-toolbar .button{min-height:37px;font-size:.82rem;color:var(--light);border-color:#f1f0e980;padding:.3rem .6rem}.prompt{width:100%;min-height:360px;resize:vertical;border:1px solid var(--ink);border-radius:0;background:var(--light);padding:1.2rem;font:400 .83rem/1.65 ui-monospace,SFMono-Regular,Consolas,monospace;color:var(--ink)}.prompt.snippet{min-height:185px}.find{display:inline-block;padding:.1rem .4rem;background:var(--accent);font:.88rem/1.7 ui-monospace,SFMono-Regular,Consolas,monospace;overflow-wrap:anywhere}.copy-status{min-height:1.8em;font-size:.84rem;margin-top:.4rem}.source-links{font-size:.91rem;overflow-wrap:anywhere}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.hero h1 span{animation:enter .8s both}.hero h1 span:nth-child(2){animation-delay:.15s}@keyframes enter{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@media(max-width:1000px){.hero{grid-template-columns:1fr;gap:2.2rem}.hero h1 span{display:inline}.hero h1 span+span{margin-left:.2em}.intro{max-width:55ch}.section-head{grid-template-columns:1fr;gap:1rem}.story{margin-left:0;max-width:800px}.guide-layout{grid-template-columns:170px minmax(0,1fr);gap:4%}}@media(max-width:700px){body{font-size:16px}.header{min-height:80px;align-items:flex-start;justify-content:center;flex-direction:column;gap:.65rem;padding:1rem 0}.nav{gap:1.3rem;font-size:.85rem}.hero{padding:2.7rem 0}.hero h1{font-size:clamp(3.4rem,14vw,5rem)}.hero h1 span{display:block}.hero h1 span+span{margin-left:0}.intro{font-size:1rem;margin-top:1.3rem}.hero .label{margin-bottom:1.1rem}.ribbon{display:block;font-size:.9rem}.ribbon span{display:block;margin-top:.4rem}.section{padding:3rem 0}.numbers{grid-template-columns:1fr;gap:1.8rem}.step{display:grid;grid-template-columns:42px 1fr;gap:.2rem .9rem}.step .n{grid-row:1/3;font-size:1.7rem}.step p{grid-column:2}.step h3{margin-bottom:.3rem}.join{grid-template-columns:1fr;padding:2rem 1.5rem;gap:1.5rem}.footer{flex-direction:column;gap:1rem;padding:2rem 0}.guide-hero{padding:2.5rem 0}.guide-hero .lede{font-size:1rem}.guide-layout{display:block;padding:2rem 0}.toc{position:static;display:flex;flex-wrap:wrap;gap:.35rem 1rem;margin-bottom:2.7rem}.toc .label{width:100%;margin:0}.toc a{padding:.2rem 0;border:0;font-size:.83rem;text-decoration:underline}.ref-grid{grid-template-columns:1fr}.download-card{min-width:100%}.prompt{padding:1rem;font-size:.79rem}.prompt-toolbar{padding:.8rem;font-size:.77rem}.guide-section{padding-bottom:2.5rem;margin-bottom:2.5rem}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}}