/* ProteinNudge v1.5.0 — Privacy & Terms page (static, CSP style-src 'self'). */
:root { --bg: #f4f6f5; --surface: #fff; --text: #14201e; --muted: #4b5a57; --border: #d5dddb; --accent: #0f766e; --warn-bg: #fff4e0; --warn-border: #a15c00; --focus: #0b4f49; color-scheme: light dark; }
@media (prefers-color-scheme: dark) { :root { --bg: #0e1514; --surface: #17211f; --text: #e8efed; --muted: #a9b8b5; --border: #2d3b38; --accent: #2dd4bf; --warn-bg: #33270f; --warn-border: #f5b85b; --focus: #99f6e4; } }
* { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body { margin: 0; background: var(--bg); color: var(--text); font: 1rem/1.6 system-ui, -apple-system, "Segoe UI", Roboto, sans-serif; overflow-wrap: anywhere; }
a { color: var(--accent); }
a:focus-visible { outline: 3px solid var(--focus); outline-offset: 2px; }
.skip-link { position: absolute; left: -999px; top: 0; background: var(--surface); padding: .5rem 1rem; }
.skip-link:focus { left: .5rem; top: .5rem; z-index: 10; }
.legal-header, .legal-footer { max-width: 46rem; margin: 0 auto; padding: 1rem; }
.back { display: inline-flex; align-items: center; min-height: 44px; font-weight: 600; }
.legal { max-width: 46rem; margin: 0 auto; padding: 0 1rem 2rem; }
.legal h1 { font-size: 1.728rem; margin: .25rem 0 1rem; }
.legal h2 { font-size: 1.3rem; margin: 2rem 0 .5rem; }
.legal h3 { font-size: 1.1rem; margin: 1.5rem 0 .5rem; }
article { background: var(--surface); border: 1px solid var(--border); border-radius: 16px; padding: .25rem 1.25rem 1rem; margin-top: 1.25rem; }
.medical { background: var(--warn-bg); border: 2px solid var(--warn-border); border-radius: 16px; padding: .25rem 1.25rem; }
.medical h2 { margin-top: .75rem; }
.template-note { border-left: 4px solid var(--warn-border); padding: .25rem .75rem; color: var(--muted); }
.toc { display: flex; gap: 1rem; flex-wrap: wrap; margin-top: 1rem; }
.toc a { min-height: 44px; display: inline-flex; align-items: center; }
code { font-size: .9em; }
@media print { .legal-header, .legal-footer, .toc, .skip-link { display: none; } body { background: #fff; color: #000; } article, .medical { border-color: #999; background: #fff; } }