:root{--bg:#131017;--card:#1e1a24;--ink:#f2ece2;--sub:#a89d8e;--gold:#d4a44c;--gold2:#efc774;--line:#2e2837;--soft:rgba(212,164,76,.11)}
*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:'IBM Plex Sans Thai',system-ui,sans-serif;background:var(--bg);color:var(--ink);line-height:1.78;-webkit-font-smoothing:antialiased}.wrap{max-width:800px;margin:auto;padding:0 22px}.topbar{position:sticky;top:0;z-index:50;background:rgba(19,16,23,.94);backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}.brand{font-weight:700;font-size:15px}.brand span{color:var(--gold)}.btn{display:inline-block;background:var(--gold);color:#1a130a;text-decoration:none;font-weight:700;border-radius:99px;padding:14px 24px}.btn.small{padding:9px 18px;font-size:14px}main{padding:62px 0 94px}.crumb{font-size:13px;color:var(--sub);margin-bottom:28px}.crumb a{color:var(--gold);text-decoration:none}.eyebrow{display:inline-block;color:var(--gold);background:var(--soft);border-radius:99px;padding:6px 13px;font-size:12px;font-weight:700;letter-spacing:.07em}.article h1{font-size:clamp(31px,7vw,52px);line-height:1.18;margin:16px 0}.gold{color:var(--gold)}.dek{font-size:clamp(17px,2.8vw,21px);color:var(--sub);line-height:1.65}.byline{display:flex;flex-wrap:wrap;gap:8px 18px;color:var(--sub);font-size:13.5px;margin:20px 0 30px}.video{position:relative;padding-top:56.25%;border-radius:20px;overflow:hidden;background:#000;box-shadow:0 18px 48px rgba(0,0,0,.32)}.video iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.summary,.chapters,.lesson,.workshop,.cta,.proof{background:var(--card);border:1px solid var(--line);border-radius:18px}.summary{padding:24px;margin:28px 0}.summary strong{display:block;color:var(--gold);font-size:13px;letter-spacing:.08em;margin-bottom:8px}.summary p{font-size:17px;margin:0}.proof{padding:20px 22px;margin:22px 0;background:rgba(114,173,121,.1);border-color:rgba(114,173,121,.3);color:#d2dfd3}.proof b{color:#94ce9a}.chapters{padding:22px;margin:30px 0}.chapters h2{font-size:21px;margin:0 0 12px}.chapters a{display:flex;gap:14px;padding:9px 0;border-bottom:1px dashed var(--line);color:var(--ink);text-decoration:none}.chapters a:last-child{border-bottom:0}.chapters time{color:var(--gold);font-weight:700;min-width:60px}.article h2{font-size:clamp(24px,4.6vw,32px);line-height:1.35;margin:56px 0 18px}.article h3{font-size:20px;line-height:1.45;margin:30px 0 10px}.article p{margin:0 0 18px}.article ul,.article ol{margin:4px 0 22px;padding-left:25px}.article li{margin-bottom:10px}.quote{border-left:4px solid var(--gold);background:var(--soft);border-radius:0 15px 15px 0;padding:20px 22px;margin:30px 0;font-size:20px;font-weight:600;line-height:1.55}.lessons{display:grid;gap:13px;margin:24px 0}.lesson{padding:19px}.lesson h3{color:var(--gold2);font-size:18px;margin:0 0 5px}.lesson p{color:#d4c9bb;margin:0}.flow{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:25px 0}.flow div{background:var(--card);border:1px solid var(--line);border-radius:14px;text-align:center;padding:15px 8px;font-size:14px}.flow b{display:block;color:var(--gold);margin-bottom:3px}.workshop{padding:27px;margin:40px 0;background:linear-gradient(135deg,#2a2114,#3d2f1a);border-color:rgba(212,164,76,.35)}.workshop h2{margin:0 0 14px}.note{color:var(--sub);font-size:13.5px}.cta{text-align:center;padding:34px 24px;margin-top:56px}.cta h2{margin:0 0 10px}.cta p{color:var(--sub);max-width:580px;margin:0 auto 20px}.series{display:flex;justify-content:space-between;gap:16px;margin-top:34px}.series a{color:var(--gold);text-decoration:none;font-weight:600}@media(max-width:620px){main{padding-top:44px}.flow{grid-template-columns:1fr 1fr}.series{flex-direction:column}.quote{font-size:18px}.chapters a{align-items:flex-start}}