:root{--bg:#fff;--alt:#f5f5f4;--ink:#1f1d1b;--muted:#5f5b57;--line:#e5e3e0;--accent:#4a3628;--accent-hover:#3a2a1f;--accent-ink:#fff;--accent-soft:#f2efec;--btn-shadow:0 1px 1px #4a362829, 0 2px 6px #4a362824;--btn-shadow-hover:0 1px 2px #4a36282e, 0 4px 12px #4a36282e;--card-shadow:0 1px 2px #1e18140d, 0 8px 24px #1e181412;--card-border:#dcd9d5;--card-border-hover:#b9b0a8;--btn-radius:10px;--radius:10px;--card-radius:16px;--max:1200px;--gutter:clamp(16px, 4vw, 40px);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*,:before,:after{box-sizing:border-box}html{overflow-y:scroll}body{background:var(--bg);min-height:100dvh;color:var(--ink);font-family:var(--font-sans), "Leelawadee UI", system-ui, sans-serif;-webkit-font-smoothing:antialiased;flex-direction:column;margin:0;font-size:16px;line-height:1.7;display:flex}main{flex:1}a{color:inherit}img{max-width:100%;display:block}h1,h2,h3{line-height:1.4}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@view-transition{navigation:auto}::view-transition-old(root){animation-duration:.2s}::view-transition-new(root){animation-duration:.2s}@media (prefers-reduced-motion:reduce){@view-transition{navigation:none}}