.legal-page { padding-top: 150px; padding-bottom: 80px; }
.legal-heading h1, .legal-document h2 { font-family: "Fraunces", serif; color: #1c2230; }
.legal-kicker { color: #98713c; font-size: 12px; font-weight: 700; }
.legal-date { color: #626979; font-size: 13px !important; margin-top: 16px; }
.legal-heading, .legal-navigation, .legal-document { max-width: 850px; margin-inline: auto; }
.legal-heading h1 { font-size: 44px; line-height: 1.15; margin: 16px 0 24px; overflow-wrap: anywhere; }
.legal-heading p, .legal-document { font-size: 16px; line-height: 1.8; }
.legal-heading time { display: block; font-size: 13px; margin-top: 18px; }
.legal-navigation { display: flex; flex-wrap: wrap; gap: 12px 24px; padding: 24px 0; margin-block: 28px; border-block: 1px solid #b58d5133; }
.legal-navigation a, .legal-document a { text-decoration: underline; text-underline-offset: 4px; overflow-wrap: anywhere; }
.legal-navigation [aria-current] { font-weight: 700; }
.legal-document section { margin-block: 36px; scroll-margin-top: 120px; }
.legal-document h2 { font-size: 24px; line-height: 1.35; margin-bottom: 16px; }
.legal-document p + p { margin-top: 16px; }
.legal-document ul { list-style: disc; padding-left: 24px; margin-block: 16px; }
.legal-document li + li { margin-top: 10px; }
.legal-notice { padding: 18px 22px; background: #96a69518; border-left: 2px solid #96a695; }
.legal-page a:focus-visible { outline: 2px solid #1c2230; outline-offset: 5px; }
@media (max-width: 640px) {
  .legal-page { padding-top: 130px; padding-bottom: 48px; }
  .legal-heading h1 { font-size: 32px; }
  .legal-document h2 { font-size: 22px; }
  .legal-navigation { flex-direction: column; }
}