:root{--bg:#131017;--card:#1e1a24;--ink:#f2ece2;--sub:#b8afa2;--gold:#d4a44c;--accent:#d4a44c;--line:#38303f}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font:400 17px/1.85 'IBM Plex Sans Thai',system-ui,sans-serif}.wrap{max-width:820px;margin:auto;padding:0 24px}.topbar{position:sticky;top:0;z-index:50;background:rgba(19,16,23,.96);border-bottom:1px solid var(--line)}.brand{font-size:15px;font-weight:700}.brand span,a{color:var(--gold)}main{padding:48px 0 80px}.crumb{font-size:13px;color:var(--sub);margin:0 0 28px}.eyebrow{font-size:13px;font-weight:600;color:var(--gold)}h1{font-size:clamp(30px,5.2vw,46px);line-height:1.35;margin:14px 0 18px;overflow-wrap:anywhere}h2{font-size:clamp(23px,3.3vw,29px);line-height:1.5;margin:42px 0 14px}h3{font-size:19px;line-height:1.6;margin:24px 0 8px}.dek{font-size:20px;line-height:1.8;color:var(--sub)}p{margin:0 0 20px}.byline{display:flex;flex-wrap:wrap;gap:4px 16px;font-size:13px;color:var(--sub);margin-top:22px}.source-date{font-size:13px;color:var(--sub);margin:8px 0 24px}.summary,.chapters,.context-note{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:22px;margin:28px 0}.summary{border-top:3px solid var(--gold)}.summary h2,.chapters h2,.context-note h2{font-size:18px;color:var(--gold);margin:0 0 10px}.summary p,.context-note p{margin-bottom:0}.video{aspect-ratio:16/9;position:relative;overflow:hidden;border-radius:18px;background:#080709;scroll-margin-top:100px}.video-launch{width:100%;height:100%;display:block;position:relative;cursor:pointer;border:0;padding:0;background:#000;color:var(--ink);font:inherit}.video-launch img{width:100%;height:100%;object-fit:cover;display:block;opacity:.72}.play-label{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;font-weight:700;text-shadow:0 2px 8px #000}.play-label>span{display:grid;place-items:center;background:var(--gold);color:#171018;width:66px;height:66px;border-radius:50%;font-size:25px;text-shadow:none}.video iframe{width:100%;height:100%;border:0;display:block}.source-link{font-size:14px;margin-top:10px}.source-link a{text-underline-offset:4px}.chapter{display:flex;gap:18px;align-items:flex-start;color:var(--ink);text-decoration:none;border-top:1px solid var(--line);padding:12px 0;line-height:1.6}.chapter span{color:var(--gold);font-weight:600;flex:0 0 48px;font-variant-numeric:tabular-nums}.chapter:last-child{padding-bottom:0}.faq{border-bottom:1px solid var(--line);padding-bottom:6px}.context-note{font-size:14px;color:var(--sub)}.related{margin-top:42px}.related h2{font-size:22px}.related>a{display:flex;justify-content:space-between;gap:16px;padding:14px 0;border-top:1px solid var(--line);text-decoration:none;line-height:1.6}a:hover{text-decoration:underline}a:focus-visible,button:focus-visible{outline:3px solid var(--gold);outline-offset:5px}section{scroll-margin-top:100px}@media(max-width:480px){.wrap{padding:0 20px}main{padding-top:32px}.dek{font-size:18px}.summary,.chapters,.context-note{padding:18px}.play-label{font-size:14px}.play-label>span{width:54px;height:54px;font-size:20px}.chapter{gap:12px;font-size:15px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}