/* Quiet reading layout, shared by the four information pages. */
#main.legal-page { padding-top: 32px; }
.legal-content { max-width: 760px; margin-inline: auto; }
.legal-nav { display: flex; flex-wrap: wrap; gap: 4px 24px; padding-bottom: 24px; border-bottom: 1px solid #3d27192b; }
.legal-nav a { display: inline-flex; align-items: center; min-height: 44px; text-underline-offset: 5px; }
.legal-nav a[aria-current="page"] { font-weight: 600; text-decoration-thickness: 2px; }
.legal-heading { padding: 40px 0 24px; }
#main .legal-heading h1 { font-size: clamp(2.2rem, 6vw, 3.4rem); overflow-wrap: anywhere; margin-bottom: 20px; }
#main .legal-date { font-size: .875rem; }
.legal-draft { padding: 20px 24px; background: #eee9da; border-left: 3px solid #b18b4c; margin-bottom: 32px; }
.legal-draft p { margin: 8px 0 0; }
#main .legal-body h2 { font-size: clamp(1.6rem, 4vw, 2rem); margin: 40px 0 16px; }
#main .legal-body h3 { margin: 28px 0 12px; font-size: 1.125rem; }
.legal-body a, .legal-contact a { overflow-wrap: anywhere; text-underline-offset: 4px; }
.legal-body li + li { margin-top: 12px; }
.legal-contact { border-top: 1px solid #3d27192b; margin-top: 48px; padding-top: 24px; }
#main .legal-contact h2 { font-size: 1.6rem; }
@media (max-width: 760px) {
  #main.legal-page { padding-inline: 6%; }
  .legal-nav { gap: 4px 18px; }
  .legal-heading { padding-top: 28px; }
  .legal-draft { padding: 16px; }
}
@media print {
  .legal-nav, .legal-page ~ footer { display: none; }
  #main.legal-page { padding: 0; }
  .legal-body h2 { break-after: avoid; }
}