:root{--color-primary:#0f4c81;--color-primary-hover:#1a63a3;--color-primary-soft:#e8f0f8;--color-bg:#fff;--color-bg-subtle:#f5f7fa;--color-text:#1f2933;--color-text-muted:#616e7c;--color-border:#d9dee3;--color-success:#2e7d32;--color-warning:#b26a00;--color-danger:#c62828;--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Noto Sans Thai", sans-serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--space-8:64px;--radius:6px;--radius-lg:12px;--container-max:1080px;--shadow-sm:0 1px 2px #1018280f}*,:before,:after{box-sizing:border-box}html,body{min-height:100%;margin:0;padding:0}body{font-family:var(--font-sans);color:var(--color-text);background:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px;line-height:1.5}a{color:var(--color-primary);text-decoration:none}a:hover{color:var(--color-primary-hover);text-decoration:underline}img,svg{max-width:100%;height:auto;display:block}code,pre{font-family:var(--font-mono)}