/* Shared style for the static legal pages (/privacy, /terms).
   These pages are plain HTML on purpose: Google's OAuth review and other crawlers
   read them without running the app's JavaScript. Colors mirror the :root tokens
   in client/src/index.css — keep the two in step. */

:root {
  --bg:         #fdf0e0;
  --surface:    #fff8f2;
  --text:       #5c3d2e;
  --text-muted: #a08070;
  --accent:     #e8845c;
  --accent-dark:#c96840;
  --border:     rgba(0, 0, 0, 0.07);
  --shadow-sm:  0 2px 8px rgba(180, 120, 80, 0.10);
}

* { box-sizing: border-box; }

body {
  margin: 0;
  background: var(--bg);
  color: var(--text);
  font-family: 'Nunito', system-ui, -apple-system, 'Segoe UI', sans-serif;
  font-size: 16px;
  line-height: 1.6;
}

main {
  max-width: 680px;
  margin: 0 auto;
  padding: 32px 16px 64px;
}

header.legal-head {
  margin-bottom: 24px;
}

.back-link {
  display: inline-block;
  margin-bottom: 20px;
  font-size: 14px;
  font-weight: 800;
  color: var(--accent-dark);
  text-decoration: none;
}

h1 {
  margin: 0 0 4px;
  font-size: 30px;
  font-weight: 900;
  line-height: 1.2;
}

.updated {
  margin: 0;
  font-size: 13px;
  color: var(--text-muted);
}

h2 {
  margin: 36px 0 8px;
  font-size: 20px;
  font-weight: 900;
}

h3 {
  margin: 20px 0 6px;
  font-size: 16px;
  font-weight: 800;
}

p, ul { margin: 0 0 12px; }
ul { padding-left: 22px; }
li { margin-bottom: 6px; }

a { color: var(--accent-dark); }

.summary {
  background: var(--surface);
  border: 2px solid var(--border);
  border-radius: 16px;
  box-shadow: var(--shadow-sm);
  padding: 16px 20px 6px;
  margin: 0 0 8px;
}

footer.legal-foot {
  margin-top: 48px;
  padding-top: 16px;
  border-top: 2px solid var(--border);
  font-size: 13px;
  color: var(--text-muted);
}

footer.legal-foot a { margin-right: 12px; }