:root{--page-bg: #f7f7f6;--surface: #ffffff;--border: #e5e4e2;--txt: #18181b;--muted: #5c5c66;--primary: #1d4ed8;--primary-ring: rgba(29, 78, 216, .28);--font: "IBM Plex Sans Thai", "Sarabun", "Noto Sans Thai", system-ui, -apple-system, sans-serif}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--page-bg);color:var(--txt);font-family:var(--font);font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}button:disabled{cursor:default}button:not(:disabled){transition:background-color .14s ease,border-color .14s ease,box-shadow .14s ease,opacity .14s ease}button:not(:disabled):hover{filter:brightness(.97)}button:not(:disabled):active{transform:translateY(.5px)}:focus-visible{outline:2px solid var(--primary);outline-offset:2px;border-radius:4px}:focus:not(:focus-visible){outline:none}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--primary)!important;box-shadow:0 0 0 3px var(--primary-ring)}table,.tnum{font-variant-numeric:tabular-nums}a{color:var(--primary)}::selection{background:#dbeafe}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:#d4d4d2;border-radius:999px;border:2px solid var(--page-bg)}::-webkit-scrollbar-thumb:hover{background:#b8b8b5}::-webkit-scrollbar-track{background:transparent}@media print{body{background:#fff}button{display:none!important}}
