/* Legal pages — new dark editorial palette (shell classes only). */
:root {
  --ink: #0A0A0B; --card: #1A1A1E; --cream: #F5F1EA;
  --ink-soft: rgba(245, 241, 234, .62); --accent: #0A84FF; --accent-deep: #3FA0FF;
  --hairline: rgba(245, 241, 234, .12); --radius: 14px;
  --shadow-hard: 0 18px 44px rgba(0, 0, 0, .45);
  --pad: clamp(1.25rem, 5vw, 4rem);
}
* { box-sizing: border-box; margin: 0; }
body {
  background: var(--ink); color: var(--cream);
  font-family: "Instrument Sans", -apple-system, sans-serif;
  font-size: 1rem; line-height: 1.65; -webkit-font-smoothing: antialiased;
}
h1, h2 { font-family: "Instrument Serif", Georgia, serif; font-weight: 400; letter-spacing: -.015em; line-height: 1.05; margin-bottom: .5em; }
p, ul { margin-bottom: 1em; color: var(--ink-soft); }
strong { color: var(--cream); }

.site-header {
  display: flex; align-items: center; gap: 2rem; padding: .9rem var(--pad);
  border-bottom: 1px solid var(--hairline); position: sticky; top: 0;
  background: rgba(10,10,11,.7); backdrop-filter: blur(16px); z-index: 10;
}
.wordmark { display: flex; align-items: center; gap: .5rem; color: var(--cream); text-decoration: none; font-weight: 600; }
.wordmark span { color: var(--accent); }
.wordmark-bubble { color: var(--accent); }
.wordmark-bubble path { fill: #fff !important; }
.wordmark-bubble rect { fill: var(--accent); }
.site-nav { display: flex; gap: 1.5rem; margin-left: auto; }
.site-nav a { color: var(--ink-soft); text-decoration: none; font-size: .9375rem; }
.site-nav a:hover { color: var(--cream); }
.btn {
  display: inline-flex; align-items: center; justify-content: center;
  background: linear-gradient(180deg, #2196FF, var(--accent) 55%, #0060DF);
  color: #fff; text-decoration: none; font-weight: 600;
  border-radius: 999px; padding: .55rem 1.3rem;
}
.btn-small { font-size: .9375rem; }

.site-footer, footer {
  display: flex; gap: 1.5rem; flex-wrap: wrap; align-items: center;
  padding: 2rem var(--pad); border-top: 1px solid var(--hairline);
  color: var(--ink-soft); font-size: .875rem;
}
.site-footer a, footer a { color: var(--ink-soft); }
@media (max-width: 700px) { .site-nav { display: none; } }