/* Legal pages (privacy.html, terms.html) — loaded as an external stylesheet
   because CSP style-src is 'self' only (no inline <style> blocks allowed).
   See docs/adr/2026-04-14-csp-no-inline-styles.md. */

:root {
  --legal-ink: #1a1a1a;
  --legal-muted: #555;
  --legal-rule: #e5e5e5;
  --legal-link: #2563eb;
  --legal-bg-panel: #f7f7f5;
}

body {
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  max-width: 720px;
  margin: 40px auto;
  padding: 0 20px 60px;
  color: var(--legal-ink);
  line-height: 1.6;
  background: #fff;
}

h1 { font-size: 26px; margin-bottom: 4px; }
h2 { font-size: 18px; margin-top: 36px; padding-top: 8px; border-top: 1px solid var(--legal-rule); }
h3 { font-size: 15px; margin-top: 20px; color: var(--legal-muted); text-transform: uppercase; letter-spacing: 0.04em; }

p, li { font-size: 15px; }
li + li { margin-top: 6px; }

a { color: var(--legal-link); }
a:hover { text-decoration: underline; }

.legal-meta {
  color: var(--legal-muted);
  font-size: 13px;
  margin: 0 0 24px;
}

.legal-nav {
  display: flex;
  gap: 16px;
  font-size: 13px;
  margin-bottom: 24px;
}

.legal-tldr {
  background: var(--legal-bg-panel);
  border-left: 3px solid #FC5200;
  padding: 14px 18px;
  border-radius: 4px;
  margin: 20px 0 28px;
}
.legal-tldr p { margin: 6px 0; font-size: 14px; }

.legal-strava {
  margin-top: 40px;
  padding: 14px 18px;
  background: var(--legal-bg-panel);
  border-radius: 6px;
  font-size: 13px;
  color: var(--legal-muted);
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
}
.legal-strava strong { color: #FC5200; }