/* Senaiy Lab legal pages (/privacy, /terms) — loads after tokens.css + styles.css.
   Sober prose layout on the same dark mesh + glass system. Logical properties only. */

.legal-main { padding-block: 72px 96px; }
.legal { max-inline-size: 860px; }
.legal h1 { font-size: clamp(1.9rem, 4vw, 2.6rem); }
.legal__updated { color: var(--muted-fg); margin-block-end: 30px; }
.legal__panel { padding: 44px 40px; }
@media (max-width: 640px) { .legal__panel { padding: 28px 20px; } }
.legal__panel > p:first-child { margin-block-start: 0; }
.legal h2 {
  font-size: 1.22rem;
  color: var(--color-global);
  margin-block-start: 38px;
}
.legal h2:first-child { margin-block-start: 0; }
.legal p, .legal li { color: hsl(204 40% 94% / 0.85); }
.legal ul {
  list-style: disc;
  padding-inline-start: 24px;
  margin-block-end: 1em;
  display: block;
}
.legal li { margin-block-end: 6px; }
.legal strong { color: var(--fg); }
.legal ul.legal__toc {
  list-style: none;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 8px 18px;
  margin-block-end: 34px;
  font-size: 0.92rem;
}
.legal__toc a { color: var(--muted-fg); text-decoration: none; }
.legal__toc a:hover { color: var(--color-global); }
.legal-footer {
  padding-block: 28px;
  border-block-start: 1px solid hsl(0 0% 100% / 0.08);
  color: var(--muted-fg);
  font-size: 0.9rem;
}
.legal-footer .container { display: flex; gap: 20px; flex-wrap: wrap; justify-content: space-between; }
.legal-footer a { color: var(--muted-fg); text-decoration: none; }
.legal-footer a:hover { color: var(--fg); }