:root {
  --void: #0b0907;
  --surface: #16120b;
  --border: rgba(208,166,84,0.15);
  --border-strong: rgba(224,192,120,0.35);
  --star-white: #f3ead6;
  --star-dim: #a89a7d;
  --star-ghost: #58503b;
  --oro: #c19035;
  --oro-light: #e0c078;
}

* { margin: 0; padding: 0; box-sizing: border-box; }

body {
  background: var(--void);
  color: var(--star-white);
  font-family: 'Inter', system-ui, sans-serif;
  line-height: 1.6;
}

a { color: var(--oro-light); text-decoration: none; }
a:hover { text-decoration: underline; }

.wrap { max-width: 760px; margin: 0 auto; padding: 0 24px; }

nav {
  border-bottom: 1px solid var(--border);
  padding: 18px 0;
}
nav .wrap { max-width: 900px; display: flex; justify-content: space-between; align-items: center; }
.logo {
  font-family: 'Cinzel', serif;
  font-weight: 600;
  font-size: 16px;
  letter-spacing: 0.2em;
  color: var(--oro-light);
}
.back-link { font-size: 13px; color: var(--star-dim); }
.back-link:hover { color: var(--oro-light); }

.legal-hero { padding: 48px 0 32px; border-bottom: 1px solid var(--border); }
.eyebrow {
  font-family: 'Cinzel', serif;
  font-size: 11px;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: var(--oro-light);
  margin-bottom: 14px;
}
.legal-hero h1 {
  font-family: 'Cormorant Garamond', Georgia, serif;
  font-weight: 300;
  font-size: 38px;
}
.updated { color: var(--star-ghost); font-size: 13px; margin-top: 10px; }

.legal-body { padding: 44px 0 60px; }
.legal-body section { margin-bottom: 34px; }
.legal-body h2 {
  font-family: 'Cormorant Garamond', serif;
  font-weight: 600;
  font-size: 20px;
  color: var(--oro-light);
  margin-bottom: 10px;
}
.legal-body p { font-size: 14.5px; color: var(--star-dim); }
.legal-body dl { font-size: 14.5px; color: var(--star-dim); }
.legal-body dt { color: var(--star-white); font-weight: 600; margin-top: 14px; }
.legal-body dd { margin-left: 0; margin-top: 4px; }

footer { border-top: 1px solid var(--border); padding: 28px 0; }
.footer-row { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 14px; max-width: 900px; }
.footer-links { display: flex; gap: 20px; font-size: 12.5px; color: var(--star-ghost); }
.footer-links a { color: var(--star-ghost); }
.footer-links a:hover { color: var(--oro-light); }