:root { color-scheme: light; }
* { box-sizing: border-box; }
body { margin: 0; font-family: 'Comfortaa', sans-serif; color: #20242a; background: #fbfcfc; }
.legal-page { max-width: 860px; margin: auto; padding: 48px 24px 80px; line-height: 1.8; overflow-wrap: anywhere; }
h1 { font-size: clamp(27px, 5vw, 42px); line-height: 1.3; font-weight: 400; margin: 30px 0 16px; }
h2 { font-size: 21px; line-height: 1.5; font-weight: 600; margin: 34px 0 14px; }
p, li { font-size: 14px; color: #525a60; }
li + li { margin-top: 12px; }
ul { padding-left: 24px; }
a { color: #087bb9; text-underline-offset: 3px; }
a:focus-visible { outline: 2px solid #1694df; outline-offset: 4px; }
.back { font-size: 14px; }
.edition { font-size: 12px; color: #71767b; }
.legal-card { background: #eef8fd; border-radius: 16px; padding: 18px 22px; margin: 24px 0; }
.legal-card p { margin: 0; }
.legal-nav { border-top: 1px solid #e7e9ea; margin-top: 40px; padding-top: 24px; }
@media (max-width: 480px) {
  .legal-page { padding: 28px 20px 60px; }
  .legal-card { padding: 16px; }
}