/* ============================================================
   lk-legal — Legal pages (/privacy, /terms) component layer.

   Loaded via ShellOptions.sectionStyles after lk-main.css. Holds the
   legal-document body typography. Shared .lk-simple-*, .lk-eyebrow and
   tokens live in lk-main.css. See public/styles/README.md.
   ============================================================ */

.lk-legal-page {
  width: min(940px, 100%);
}

.lk-legal-panel {
  align-self: start;
}

.lk-legal-body {
  margin-top: 34px;
  display: grid;
  gap: 28px;
  color: var(--lkos-text-night-sub);
}

.lk-legal-body section {
  display: grid;
  gap: 10px;
}

.lk-legal-body h2 {
  margin: 0;
  color: var(--lkos-text-night);
  font-family: var(--lkos-font-mono);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.12em;
  line-height: 1.3;
  text-transform: uppercase;
}

.lk-legal-body p {
  max-width: 720px;
  margin: 0;
  font-size: 16px;
  line-height: 1.62;
}

.lk-legal-body code {
  color: var(--lkos-neon);
  font-family: var(--lkos-font-mono);
  font-size: 0.92em;
}

.lk-legal-body ul {
  max-width: 720px;
  margin: 0;
  padding-left: 1.4em;
  display: grid;
  gap: 6px;
}

.lk-legal-body li {
  font-size: 16px;
  line-height: 1.62;
}