/* Minimal shared styling for the legal placeholder stubs. */
@font-face {
  font-family: 'Inter Tight';
  src: url('/fonts/inter-tight.var.woff2') format('woff2');
  font-weight: 100 900; font-style: normal; font-display: swap;
}
@font-face {
  font-family: 'Inter Body';
  src: url('/fonts/inter.var.woff2') format('woff2');
  font-weight: 100 900; font-style: normal; font-display: swap;
}
:root {
  --bg: #0f1115; --text: #e6e8ee; --dim-2: #aab2c0;
  --border: #2a2f3a; --keeper: #f5c84b; --keeper-ink: #1a1205;
}
* { box-sizing: border-box; margin: 0; padding: 0; }
body {
  background: #0f1115; color: var(--text);
  font-family: 'Inter Body', ui-sans-serif, system-ui, sans-serif;
  line-height: 1.55; min-height: 100vh;
  display: flex; flex-direction: column;
}
.legal-main {
  flex: 1; width: 100%; max-width: 640px;
  margin: 0 auto; padding: clamp(48px, 12vw, 120px) clamp(20px, 6vw, 40px);
}
.legal-brand {
  display: inline-flex; align-items: center; gap: 9px;
  font-family: 'Inter Tight', sans-serif; font-weight: 750; font-size: 19px;
  letter-spacing: -0.025em; color: var(--text); text-decoration: none;
  margin-bottom: 40px;
}
.legal-brand .dot {
  width: 9px; height: 9px; border-radius: 50%;
  background: var(--keeper); box-shadow: 0 0 12px rgba(245, 200, 75, 0.7);
}
.legal-main h1 {
  font-family: 'Inter Tight', sans-serif; font-weight: 760;
  font-size: clamp(28px, 5vw, 38px); letter-spacing: -0.03em; margin-bottom: 16px;
}
.legal-main p { color: var(--dim-2); margin-bottom: 16px; }
.legal-main a { color: var(--keeper); }
.legal-back {
  display: inline-block; margin-top: 24px;
  font-family: 'Inter Tight', sans-serif; font-weight: 600;
  color: var(--keeper); text-decoration: none;
}
.legal-back:hover { text-decoration: underline; text-underline-offset: 3px; }
:focus-visible { outline: 2px solid var(--keeper); outline-offset: 3px; border-radius: 4px; }
