/* =====================================================
   Shared styles for sub-pages (privacy / terms / cookies).
   Designed to match the landing aesthetic but pared down.
   ===================================================== */

:root {
  --bg-deep:    #1a2238;
  --bg-dusk:    #3d2645;
  --bg-ember:   #d4582c;
  --bg-coral:   #e89472;
  --text-cream: #f5e6c8;
  --text-pudra: #f5e6e0;
  --ink:        #0a0a0a;
  --ink-2:      #0b0a14;
  --accent-glow:#ffb380;
}

*, *::before, *::after { box-sizing: border-box; }
html, body { margin: 0; padding: 0; background: var(--ink-2); }
body {
  font-family: 'Geist', 'Inter', system-ui, -apple-system, sans-serif;
  color: var(--text-cream);
  -webkit-font-smoothing: antialiased;
  line-height: 1.65;
  font-size: 15.5px;
}
a { color: inherit; text-decoration: none; }
button { font: inherit; cursor: pointer; border: none; background: none; color: inherit; }

/* ----- Top nav (minimal) ----- */
.topnav {
  display: flex; align-items: center; justify-content: space-between;
  padding: 22px 32px;
  border-bottom: 1px solid rgba(245, 230, 200, 0.06);
}
.wordmark {
  font-family: 'Fraunces', serif;
  font-weight: 300;
  font-size: 22px;
  letter-spacing: 0.05em;
  color: var(--text-cream);
}
.topnav .back {
  font-size: 13px;
  color: rgba(245, 230, 200, 0.65);
  padding: 8px 14px;
  border-radius: 999px;
  border: 1px solid rgba(245, 230, 200, 0.12);
  transition: color .2s, border-color .2s;
}
.topnav .back:hover { color: var(--text-cream); border-color: rgba(245, 230, 200, 0.32); }

.lang-toggle {
  display: inline-flex; align-items: center; gap: 2px;
  padding: 6px; border-radius: 999px;
  background: rgba(245, 230, 200, 0.06);
  border: 1px solid rgba(245, 230, 200, 0.10);
  font-size: 11px; letter-spacing: 0.08em; text-transform: uppercase;
}
.lang-toggle button {
  padding: 5px 10px;
  border-radius: 999px;
  color: rgba(245, 230, 200, 0.55);
  transition: color .2s, background .2s;
}
.lang-toggle button.active { color: var(--ink); background: var(--text-cream); }

.nav-actions { display: flex; align-items: center; gap: 10px; }

/* ----- Article ----- */
article {
  max-width: 720px;
  margin: 0 auto;
  padding: 80px 32px 120px;
}

article .eyebrow {
  font-size: 11px;
  letter-spacing: 0.34em;
  text-transform: uppercase;
  color: rgba(245, 230, 200, 0.55);
  margin-bottom: 18px;
}
article h1 {
  font-family: 'Fraunces', serif;
  font-weight: 300;
  font-size: clamp(36px, 5vw, 54px);
  line-height: 1.05;
  letter-spacing: -0.005em;
  color: var(--text-cream);
  margin: 0 0 14px;
}
article .updated {
  font-size: 12px;
  letter-spacing: 0.04em;
  color: rgba(245, 230, 224, 0.5);
  margin-bottom: 32px;
}

.disclaimer {
  padding: 16px 18px;
  margin-bottom: 40px;
  background: rgba(212, 88, 44, 0.08);
  border: 1px solid rgba(212, 88, 44, 0.22);
  border-radius: 10px;
  font-size: 13px;
  color: rgba(245, 230, 224, 0.78);
  line-height: 1.55;
}
.disclaimer strong { color: var(--accent-glow); font-weight: 500; }

article h2 {
  font-family: 'Fraunces', serif;
  font-weight: 400;
  font-size: clamp(22px, 2.4vw, 26px);
  color: var(--text-cream);
  margin: 48px 0 14px;
  letter-spacing: -0.005em;
}
article h3 {
  font-family: 'Fraunces', serif;
  font-weight: 400;
  font-size: 18px;
  color: var(--text-cream);
  margin: 32px 0 10px;
}
article p {
  color: rgba(245, 230, 224, 0.78);
  margin: 0 0 16px;
}
article a { color: var(--accent-glow); border-bottom: 1px solid rgba(255, 179, 128, 0.4); transition: border-color .2s; }
article a:hover { border-color: var(--accent-glow); }
article ul { padding-left: 22px; margin: 0 0 16px; color: rgba(245, 230, 224, 0.78); }
article ul li { margin-bottom: 8px; list-style: disc; }
article ul li::marker { color: var(--accent-glow); }
article strong { color: var(--text-cream); font-weight: 500; }
article hr {
  border: none;
  height: 1px;
  background: rgba(245, 230, 200, 0.08);
  margin: 48px 0;
}

/* ----- Footer (matches landing) ----- */
.footer {
  background: var(--ink);
  color: rgba(245, 230, 224, 0.55);
  padding: 40px 32px 36px;
  font-size: 13px;
  border-top: 1px solid rgba(245, 230, 200, 0.06);
}
.footer-inner {
  max-width: 1100px; margin: 0 auto;
  display: flex; justify-content: space-between; align-items: center; gap: 16px; flex-wrap: wrap;
  color: rgba(245, 230, 224, 0.45);
  font-size: 12px; letter-spacing: 0.04em;
}
.footer-links { display: flex; gap: 24px; flex-wrap: wrap; }
.footer-links a { transition: color .2s; }
.footer-links a:hover { color: var(--accent-glow); }

@media (max-width: 720px) {
  .topnav { padding: 14px 16px; }
  .topnav .back span { display: none; }
  article { padding: 40px 24px 80px; }
  .footer-inner { flex-direction: column; align-items: flex-start; }
}