/* Legal pages and the 404: the lab's navy, set for long, calm reading. */
:root {
  --ground: #0b1633;
  --ground-2: #08112a;
  --text: #e9f3ff;
  --muted: #9fb3d6;
  --cyan: #22e5e0;
  --magenta: #e042f5;
  --accent: var(--cyan);
  --line: rgba(159, 179, 214, 0.18);
  --head-bg: rgba(8, 17, 42, 0.8);
}
.legal { padding-block: clamp(36px, 6vw, 80px); }
.legal-wrap { max-width: 760px; display: grid; gap: 14px; }
.legal-kicker { font-family: var(--mono); font-size: 1.4rem; color: var(--cyan); letter-spacing: 0.06em; text-transform: uppercase; }
.legal-kicker a { text-decoration: none; }
.legal h1 { font-size: var(--step-3); }
.legal h2 { font-size: var(--step-1); margin-top: 22px; color: #fff; }
.legal p { color: #cfdcf0; }
.legal-date { color: var(--muted) !important; font-size: var(--step--1); }
.legal-lead { font-size: var(--step-1); line-height: 1.5; border-left: 3px solid var(--cyan); padding-left: 16px; margin-block: 8px; }
.legal hr { border: 0; border-top: 1px solid var(--line); margin-block: 40px; width: 100%; }
.legal section { display: grid; gap: 14px; }

.lost { padding-block: clamp(60px, 12vw, 160px); }
.lost .wrap { display: grid; gap: 12px; }
.lost-line { font-family: var(--mono); font-size: clamp(1.3rem, 1rem + 1vw, 1.9rem); color: #9fd8ff; }
.lost h1 { font-size: var(--step-4); margin-block: 18px 8px; text-shadow: -3px 0 rgba(224, 66, 245, .85), 3px 0 rgba(34, 229, 224, .85); }