*,*::before,*::after{box-sizing:border-box}*{margin:0}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:0.01ms!important;animation-iteration-count:1!important;transition-duration:0.01ms!important}}body{min-height:100vh;font-family:var(--font-body);font-size:var(--fs-base);line-height:var(--lh-body);color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}html[lang=th] body{line-height:1.72}img,picture,svg,video{display:block;max-width:100%}svg{flex:none}input,button,textarea,select{font:inherit;color:inherit}button{cursor:pointer;background:none;border:none;padding:0}a{color:var(--secondary);text-decoration:none;transition:color var(--t-fast)}a:hover{color:var(--secondary-hover)}h1,h2,h3,h4{font-family:var(--font-display);font-weight:600;line-height:var(--lh-heading);letter-spacing:0.005em}html[lang=th] :is(h1,h2,h3,h4){line-height:1.4}h1{font-size:var(--fs-2xl)}h2{font-size:var(--fs-xl)}h3{font-size:var(--fs-lg)}p{overflow-wrap:break-word}ul,ol{list-style:none;padding:0}table{border-collapse:collapse;width:100%}hr{border:none;border-top:1px solid var(--border);margin:var(--sp-5) 0}:focus-visible{outline:2px solid var(--gold);outline-offset:2px;border-radius:4px}::selection{background:var(--gold);color:var(--on-gold)}*{scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent}*::-webkit-scrollbar{width:10px;height:10px}*::-webkit-scrollbar-track{background:transparent}*::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:99px;border:2px solid var(--bg)}*::-webkit-scrollbar-thumb:hover{background:var(--gold)}.skip-link{position:absolute;top:-100px;left:var(--sp-4);z-index:200;padding:var(--sp-3) var(--sp-4);background:var(--accent);color:var(--on-accent);border-radius:var(--radius-sm);transition:top var(--t-fast)}.skip-link:focus{top:var(--sp-4);color:var(--on-accent)}[hidden]{display:none!important}