*,:before,:after{box-sizing:border-box}html{overscroll-behavior-x:none;scroll-behavior:smooth;width:100%;max-width:100%;overflow-x:clip}body{background:var(--color-surface);width:100%;max-width:100%;color:var(--color-text-primary);font-family:var(--font-sans);font-size:var(--font-size-body);line-height:var(--line-height-body);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;margin:0;overflow-x:clip}html[lang=th] body{line-height:var(--line-height-body-th)}html[lang=th] body :where(h1,h2){line-height:var(--line-height-heading-th);letter-spacing:var(--letter-spacing-heading-th);text-wrap:balance;word-break:normal;overflow-wrap:normal}html[lang=th] body :where(h3){letter-spacing:-.01em;text-wrap:pretty;line-height:1.4}html[lang=th] body :where(p,li){line-height:var(--line-height-body-th)}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}img,svg{display:block}:focus-visible{outline:3px solid var(--color-focus);outline-offset:3px}body:has([data-blog-hero]) [data-site-header]:not([data-scrolled]){background:0 0;border-bottom-color:#0000}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}@media (max-width:767px){html[lang=th] body :where(h1,h2){line-height:var(--line-height-heading-th-compact);letter-spacing:-.01em}}