/* ============================================================================
   Teras AI legal shells. Warm night tokens on top of scrollcraft.css.
   Document page only: no rooms, lamps, or photographs.
   ========================================================================== */

:root {
  --sc-canvas: #14100C;
  --sc-surface: #1F1913;
  --sc-ink: #F4ECDF;
  --sc-ink-soft: #A79883;
  --sc-accent: #F2A93B;
  --sc-accent-ink: #14100C;
  --sc-font-display: "Jost", "Instrument Sans", system-ui, sans-serif;
  --sc-track-tight: -0.015em;
  --sc-font-text: "Instrument Sans", system-ui, sans-serif;
  --accent-text: #F0B65E;
  --stone: 20, 16, 12;
}

.legal-bar {
  display: flex; align-items: center; justify-content: space-between;
  max-width: 42rem; margin: 0 auto; padding: var(--sc-5) var(--sc-gutter);
}
.legal-bar__mark { display: block; text-decoration: none; }
.legal-bar__mark svg { display: block; width: 2rem; height: auto; }
.legal-bar__home {
  font-family: var(--sc-font-mono); font-size: var(--sc-t-xs);
  letter-spacing: .08em; text-transform: uppercase; color: var(--sc-ink-soft); text-decoration: none;
}
.legal-doc {
  position: relative; max-width: 42rem; margin: 0 auto;
  padding: var(--sc-6) var(--sc-gutter) var(--sc-9);
}
.legal-doc::before {
  content: ""; position: absolute; inset: -4rem -8rem auto; height: 22rem;
  background: radial-gradient(closest-side, rgba(var(--stone), .55), transparent 70%);
  pointer-events: none; z-index: -1;
}
.legal-updated {
  margin: var(--sc-4) 0 var(--sc-6);
  font-family: var(--sc-font-mono); font-size: var(--sc-t-xs);
  letter-spacing: .08em; text-transform: uppercase; color: var(--sc-ink-soft);
}
.legal-doc h2 {
  font-family: var(--sc-font-display); font-size: var(--sc-t-lg);
  margin: var(--sc-7) 0 var(--sc-3);
}
.legal-foot {
  max-width: 42rem; margin: 0 auto; padding: var(--sc-5) var(--sc-gutter) var(--sc-8);
  display: flex; flex-wrap: wrap; gap: var(--sc-3) var(--sc-6);
  border-top: 1px solid var(--sc-hairline);
  font-family: var(--sc-font-mono); font-size: var(--sc-t-xs);
  letter-spacing: .06em; text-transform: uppercase; color: var(--sc-ink-soft);
}
.legal-foot a { text-decoration: none; }
.legal-foot a:hover, .legal-bar__home:hover { color: var(--sc-ink); }
.legal-foot [aria-current="page"] { color: var(--accent-text); }
.legal-foot__muted { opacity: .7; }