/* Legal and service pages (/policies/*). The header is fixed, so the page starts below it.
   Layout mirrors Lichtbild's legal pages: bold 30px title, 32px gap to the text, 20px between blocks, relaxed line height. */
.policy-page { padding: 96px 0 64px; color: #262722; }
.policy-page .policy { max-width: 720px; font-family: var(--sans); }
.policy h1 { margin: 0 0 32px; font-size: 30px; line-height: 1.2; font-weight: 700; letter-spacing: -.01em; color: #262722; }
.policy h2 { margin: 40px 0 12px; font-size: 20px; line-height: 1.4; font-weight: 600; color: #262722; }
.policy p, .policy li { font-size: 16px; line-height: 1.6; }
.policy p { margin: 0 0 20px; }
.policy ul { margin: 0 0 20px; padding-left: 1.25em; }
.policy li + li { margin-top: 8px; }
.policy strong { font-weight: 600; }
.policy a { color: inherit; text-decoration: underline; text-underline-offset: 2px; overflow-wrap: anywhere; }
.policy a:hover { text-decoration-thickness: 2px; }
@media (max-width: 767px) {
  .policy-page { padding: 88px 0 48px; }
  .policy h1 { margin-bottom: 24px; font-size: 28px; }
}