/* PanQuiz — legal pages (privacy, terms, cookies): sober typographic reading pages */
.legal-main { padding: 56px 0 88px; }
.legal-container { max-width: 760px; margin: 0 auto; padding-left: 24px; padding-right: 24px; }
.legal-head { border-bottom: 1px solid rgba(14, 21, 82, 0.12); padding-bottom: 30px; margin-bottom: 38px; }
.legal-head h1 { font-family: var(--font-display, 'Raleway', sans-serif); font-weight: 700; font-size: 42px; line-height: 1.15; color: #0e1552; margin: 0; text-wrap: pretty; }
.legal-date { font-family: var(--font-ui, 'Plus Jakarta Sans', sans-serif); font-weight: 600; font-size: 14px; color: rgba(14, 21, 82, 0.55); margin: 14px 0 0; }
.legal-jump { font-size: 15px; line-height: 1.7; color: #3c4257; margin: 18px 0 0; }
.legal-jump a { font-family: var(--font-ui, 'Plus Jakarta Sans', sans-serif); font-weight: 600; color: var(--site-primary, #005aef); text-decoration: none; }
.legal-jump a:hover { text-decoration: underline; }
.legal-body { font-size: 16px; line-height: 1.75; color: #3c4257; }
.legal-body section { scroll-margin-top: 24px; }
.legal-body h2 { font-family: var(--font-display, 'Raleway', sans-serif); font-weight: 700; font-size: 29px; line-height: 1.25; color: #0e1552; margin: 54px 0 20px; text-wrap: pretty; }
.legal-body section:first-child h2 { margin-top: 0; }
.legal-body h3 { font-family: var(--font-display, 'Raleway', sans-serif); font-weight: 700; font-size: 21px; line-height: 1.3; color: #0e1552; margin: 40px 0 14px; text-wrap: pretty; }
.legal-body h4 { font-family: var(--font-ui, 'Plus Jakarta Sans', sans-serif); font-weight: 700; font-size: 16.5px; line-height: 1.4; color: #0e1552; margin: 30px 0 10px; text-wrap: pretty; }
.legal-body p { margin: 0 0 16px; text-wrap: pretty; }
.legal-body ul { margin: 0 0 18px; padding-left: 26px; }
.legal-body li { margin: 0 0 10px; text-wrap: pretty; }
.legal-body strong { color: #1a1d29; }
.legal-lede strong { color: #0e1552; }
.clause-num { color: #0e1552; }
.legal-body a { color: var(--site-primary, #005aef); overflow-wrap: anywhere; }
.legal-body a:hover { color: var(--site-primary-deep, #1664c3); }
.back-top { margin: 30px 0 0; font-family: var(--font-ui, 'Plus Jakarta Sans', sans-serif); font-weight: 600; font-size: 14px; }
.back-top a { color: rgba(14, 21, 82, 0.6); text-decoration: none; }
.back-top a:hover { color: #0e1552; }
@media (max-width: 640px) {
  .legal-main { padding: 36px 0 64px; }
  .legal-head h1 { font-size: 32px; }
  .legal-body h2 { font-size: 25px; margin-top: 44px; }
  .legal-body h3 { font-size: 19px; }
}