/* Readable legal documents, using each landing page's own fonts and palette. */
.somnia-landing.app-legal { --al-muted: var(--somnia-muted); --al-line: var(--somnia-line); --al-accent: var(--somnia-accent); }
.kiwidrive-landing.app-legal { --al-muted: var(--kiwi-muted); --al-line: var(--kiwi-line); --al-accent: var(--kiwi-accent); }
.app-legal .al-document { max-width: 75ch; padding-block: 64px 88px; }
.app-legal .al-document h1 { font-size: clamp(42px, 6vw, 72px); line-height: 1.08; letter-spacing: -.025em; text-wrap: balance; }
.app-legal .al-document h2 { max-width: none; margin-block: 44px 16px; font-size: 28px; line-height: 1.25; letter-spacing: -.015em; text-wrap: balance; }
.app-legal .al-document p, .app-legal .al-document li { color: var(--al-muted); line-height: 1.8; overflow-wrap: anywhere; }
.app-legal .al-document p + p { margin-top: 16px; }
.app-legal .al-document .al-updated { font-size: 14px; margin-block: 20px 40px; }
.app-legal .al-document ul { margin-block: 16px 24px; padding-left: 24px; }
.app-legal .al-document li + li { margin-top: 8px; }
.app-legal .al-document a { color: var(--al-accent); text-underline-offset: .2em; }
.app-legal .al-footer { border-top: 1px solid var(--al-line); }
@media (max-width: 620px) {
  .app-legal .al-document { padding-block: 40px 56px; }
  .app-legal .al-document h2 { font-size: 25px; margin-top: 36px; }
}
