:root{--ink:#031227;--ink-2:#071a33;--gold:#ebcf56;--gold-hi:#fff0bd;--cream:#f5f2e9;--mist:#a9b8cc;--display:"Cormorant Garamond","Noto Sans Thai",Georgia,serif;--sans:"Manrope","Noto Sans Thai",system-ui,sans-serif;--mono:"IBM Plex Mono","Noto Sans Thai",ui-monospace,monospace;color-scheme:dark}*{box-sizing:border-box}html{background:var(--ink);scroll-behavior:smooth}body{margin:0;background:var(--ink);color:var(--cream);font-family:var(--sans);font-size:16px;line-height:1.75;-webkit-font-smoothing:antialiased}:focus-visible{outline:2px solid var(--gold);outline-offset:3px;border-radius:6px}a{color:var(--gold-hi)}.bar{position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:space-between;padding:12px max(16px,env(safe-area-inset-left));background:#031227e6;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,.08)}.bar img{display:block;height:22px;width:auto}.bar nav{display:flex;gap:14px;font-family:var(--mono);font-size:12px;letter-spacing:.1em}.bar nav a{color:var(--mist);text-decoration:none}main{max-width:720px;margin:0 auto;padding:24px 16px 48px}article{padding-top:24px}article+article{margin-top:48px;border-top:1px solid rgba(235,207,86,.18)}.eyebrow{margin:0;font-family:var(--display);font-weight:600;font-size:12.5px;letter-spacing:.32em;color:var(--gold)}h1{margin:6px 0 4px;font-family:var(--display);font-weight:400;font-size:clamp(32px,7vw,46px);line-height:1.15}h2{margin:28px 0 6px;font-size:17px;font-weight:600;color:var(--gold-hi)}.meta{margin:0;font-family:var(--mono);font-size:12px;color:var(--mist)}p,li{color:#f5f2e9e0}ul{padding-left:1.2em}code{font-family:var(--mono);font-size:.9em;color:var(--gold-hi)}.foot{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;max-width:720px;margin:0 auto;padding:24px 16px calc(env(safe-area-inset-bottom,0px) + 24px);font-family:var(--mono);font-size:12px;color:var(--mist);border-top:1px solid rgba(255,255,255,.06)}.foot a{color:var(--mist)}