/* base.css — reset, type families, primitives */
:root{
  --f-sans:'Archivo','IBM Plex Sans Thai',Arial,system-ui,sans-serif;
  --f-mono:'IBM Plex Mono',ui-monospace,Menlo,Consolas,monospace;
  --f-thai:'IBM Plex Sans Thai','Archivo',Arial,sans-serif;
  --gut:40px;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
html,body{margin:0;background:var(--paper);color:var(--ink)}
body{font-family:var(--f-sans);font-size:14px;line-height:1.45;-webkit-font-smoothing:antialiased}
.th{font-family:var(--f-thai)}
.mono{font-family:var(--f-mono)}
button,select{font:inherit;color:inherit}
button{cursor:pointer;-webkit-tap-highlight-color:transparent}
button:disabled{cursor:not-allowed}
:focus-visible{outline:3px solid var(--purple);outline-offset:2px}
h1,h2,h3,h4,p{overflow-wrap:break-word}
small{font-size:12px}