:root{--sans:"Inter", "Noto Sans Thai", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;--thai:"Noto Sans Thai", "Inter", sans-serif;--w-prose:720px;--w-page:1080px;--w-form:400px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}dialog{margin:auto}html,body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;max-width:100vw;overflow-x:clip}html{font-family:var(--sans);color:var(--ink);background:var(--paper-tint)}body{flex-direction:column;min-height:100vh;display:flex}main{flex:1}a{color:inherit;text-decoration:none}h1,h2,h3,h4,h5,h6{scroll-margin-top:64px}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{background:var(--paper);color:var(--ink);border:1px solid var(--rule);z-index:100;border-radius:6px;padding:8px 14px;font-weight:600;transition:transform .15s;position:absolute;top:8px;left:8px;transform:translateY(-200%)}.skip-link:focus-visible{outline:2px solid var(--ink);outline-offset:2px;transform:translateY(0)}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}html:has([data-door]){scroll-snap-type:y mandatory;scroll-behavior:smooth;background:var(--canvas)}@media (max-height:700px),(max-width:700px){html:has([data-door]){scroll-snap-type:none}}@media (prefers-reduced-motion:reduce){html:has([data-door]){scroll-behavior:auto;scroll-snap-type:none}}
