:root {
  color-scheme: light;
  font-family: "Plus Jakarta Sans", Arial, sans-serif;
  color: #172033;
  background: #f3f6fb;
}

* { box-sizing: border-box; }
body { margin: 0; line-height: 1.7; }
a { color: #155fc4; }
.legal-header { background: #0b2545; color: #fff; padding: 18px 24px; }
.legal-header a { color: #fff; text-decoration: none; font-weight: 800; }
.legal-content { max-width: 860px; margin: 36px auto; padding: 36px; background: #fff; border: 1px solid #e3e9f2; border-radius: 16px; }
.legal-content h1 { margin: 0 0 8px; color: #0b2545; line-height: 1.25; }
.legal-content h2 { margin: 30px 0 8px; color: #0b2545; font-size: 19px; line-height: 1.4; }
.legal-content p, .legal-content li { color: #34445c; }
.legal-content ul { padding-left: 22px; }
.legal-date, .legal-note { color: #64748b; font-size: 14px; }
.legal-note { padding: 14px 16px; background: #f3f6fb; border-radius: 10px; }
.legal-footer { max-width: 860px; margin: 0 auto 36px; padding: 0 24px; color: #64748b; font-size: 14px; }
@media (max-width: 640px) {
  .legal-content { margin: 16px 12px; padding: 22px 18px; }
  .legal-header { padding: 16px 18px; }
}