:root{color-scheme:dark;--ink: #060a1c;--indigo-deep: #0b1030;--indigo: #17235a;--plum: #381d52;--paper: #f4f0e8;--paper-muted: #c9c6c1;--brass: #c99142;--brass-light: #f1c36c;--cyan: #5fd7dc;--content-wide: 76rem;--content-reading: 46rem;--gutter: clamp(1.05rem, 4vw, 5rem);--font-display: "Noto Sans Thai", "Leelawadee UI", system-ui, sans-serif;--font-label: "Noto Sans Thai", "Leelawadee UI", system-ui, sans-serif;--type-display: clamp(2.15rem, 4.8vw, 4.65rem);--section-space: clamp(4.5rem, 10vw, 9rem);--space-3: 1.25rem;--space-4: 1.75rem;--space-5: 2.5rem;--space-6: clamp(2.5rem, 5vw, 5rem);--space-7: clamp(3.5rem, 7vw, 7rem);--line-brass: rgba(221, 181, 104, .24);--ink-soft: #d7d2ca;--ink-muted: #a9a6ad;--motion-medium: .18s ease;--z-header: 30;--z-dialog: 50;font-family:Noto Sans Thai,Leelawadee UI,system-ui,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:5.6rem;background:var(--ink)}body{min-width:320px;margin:0;overflow-x:hidden;color:var(--paper);background:var(--ink)}button,input,select{font:inherit}button:not(:disabled){cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--brass-light);outline-offset:3px}.skip-link{position:fixed;z-index:100;top:.7rem;left:.7rem;padding:.7rem .9rem;transform:translateY(-200%);border-radius:.35rem;color:#10162a;background:#ffe0a0;font-weight:800;text-decoration:none}.skip-link:focus{transform:translateY(0)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}