:root { color-scheme: dark; }
body { margin: 0; background: #0f0f0f; color: #f1f1f1; font: 15px/1.75 "Sarabun", "Noto Sans Thai", system-ui, sans-serif; }
.legal { max-width: 760px; margin: 0 auto; padding: 24px 16px 48px; }
h1 { font-size: 24px; margin: 8px 0 16px; }
h2 { font-size: 18px; margin: 28px 0 8px; }
a { color: #3ea6ff; }
hr { border: 0; border-top: 1px solid rgba(255,255,255,.1); margin: 32px 0 12px; }
.small { color: #aaa; font-size: 13px; }
li { margin: 4px 0; }
dt { font-weight: 600; margin-top: 14px; }
dd { margin: 2px 0 0 0; color: #ccc; }
code { background: #272727; padding: 1px 6px; border-radius: 6px; font-size: 13px; }
.toc { font-size: 14px; line-height: 2; padding-bottom: 8px; border-bottom: 1px solid rgba(255,255,255,.1); }
.legal button.ycc-link-btn { color: #3ea6ff; }
h2[id] { scroll-margin-top: 16px; }