/* ═══════════════════════════════════════════════════════════════════
   Umbra Network — legal pages (/extension/privacy)

   A document in the login's card: the same window, wider, because it is
   read rather than filled. The page, the glow, the logo and the rule under
   the title come from umbra.css by selector; only the reading is local.
   ─────────────────────────────────────────────────────────────────── */

/* The login card fits any window; a document does not. The page grows with
   it, rather than centring it past the top of the screen. */
.legal-page {
    height: auto;
    min-height: 100dvh;
}

.legal-window {
    max-width: 680px;
}

.legal-lead,
.legal-section p {
    font-family: var(--umbra-font-body);
    font-size: var(--text-md);
    line-height: var(--leading-normal);
    color: var(--umbra-fg);
}

.legal-section {
    margin-top: var(--space-6);
}

.legal-section h2 {
    margin-bottom: var(--space-2);
    font-family: var(--umbra-font-display);
    font-size: var(--text-ml);
    font-weight: 700;
    letter-spacing: 0.02em;
    color: var(--ink-strong);
}

.legal-section a {
    color: var(--umbra-accent);
    text-underline-offset: 3px;
}