/* Shared styles for the legal pages (privacy, terms, DMCA). The marketing CSS lives inside index.html; legal pages are static so we keep their styles tiny and self-contained. */ * { box-sizing: border-box; } body { margin: 0; padding: 0; background: #08090f; color: #f2f4fb; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans Thai", "Sarabun", system-ui, sans-serif; line-height: 1.65; } header.legal-header { padding: 14px 24px; border-bottom: 1px solid #2a2f4a; background: rgba(8, 9, 15, 0.85); position: sticky; top: 0; z-index: 20; display: flex; align-items: center; justify-content: space-between; } header.legal-header a.brand { color: #f2f4fb; text-decoration: none; font-weight: 700; font-size: 16px; } header.legal-header a.brand span { background: linear-gradient(135deg, #a085ff 0%, #6b9bff 100%); -webkit-background-clip: text; background-clip: text; color: transparent; } header.legal-header nav a { color: #8d97b5; text-decoration: none; margin-left: 18px; font-size: 14px; transition: color 0.15s; } header.legal-header nav a:hover { color: #f2f4fb; } main.legal-main { max-width: 740px; margin: 0 auto; padding: 40px 24px 80px; } main.legal-main h1 { font-size: 32px; letter-spacing: -0.01em; margin: 0 0 6px; } main.legal-main .updated { color: #5b6588; font-size: 13px; margin-bottom: 32px; } main.legal-main h2 { margin-top: 36px; font-size: 19px; border-bottom: 1px solid #2a2f4a; padding-bottom: 6px; } main.legal-main p, main.legal-main li { color: #d8def1; font-size: 15px; } main.legal-main code { background: #1a1d2c; padding: 2px 6px; border-radius: 4px; font-size: 13px; } main.legal-main a { color: #a085ff; } footer.legal-footer { border-top: 1px solid #2a2f4a; text-align: center; padding: 20px; font-size: 12px; color: #5b6588; } /* Language toggle on legal pages — block visibility driven by . This is simpler than wiring every paragraph to data-i18n keys when the text is long-form. The lang attribute is set by i18n.js on load. */ html[lang="th"] .lang-en { display: none; } html[lang="en"] .lang-th { display: none; } button#langToggle { background: #1a1d2c; color: #f2f4fb; border: 1px solid #2a2f4a; border-radius: 8px; padding: 4px 10px; font-size: 12px; cursor: pointer; font-weight: 600; letter-spacing: 0.3px; margin-left: 12px; } button#langToggle:hover { background: #232842; }