:root { --red: #ac080b; --red-dark: #90070a; }
.legal-top { padding: 24px 20px 32px; color: #fff; background: #10493c url('/_assets/843a9cdabe3fc4da/assets/landing/green-pattern.jpg') center 30% / cover no-repeat; }
.legal-width { max-width: 900px; margin: auto; }
.legal-back { display: inline-flex; align-items: center; min-height: 44px; color: #e1eee8; font-size: 14px; text-decoration: none; }
.legal-top h1 { max-width: 850px; margin: 12px 0 0; font-size: clamp(24px, 3vw, 34px); line-height: 1.25; font-weight: 750; letter-spacing: -.025em; overflow-wrap: anywhere; }
.legal-card { width: min(900px, calc(100% - 40px)); margin: 24px auto; padding: 32px 40px; border: 1px solid var(--line); border-radius: 20px; background: var(--surface); }
.legal-card article { font-size: 16px; line-height: 1.7; overflow-wrap: anywhere; }
.legal-card p { margin: 0 0 12px; }
.legal-card h2 { margin: 28px 0 12px; font-size: 21px; line-height: 1.35; font-weight: 750; }
.legal-card strong { font-weight: 700; font-synthesis: weight; }
.legal-bottom-back { display: inline-flex; align-items: center; min-height: 44px; margin-top: 16px; color: #1f6a56; }
@media (max-width: 600px) {
  .legal-top { padding: 16px 20px 24px; }
  .legal-card { margin: 20px auto; padding: 20px; border-radius: 16px; }
  .legal-card article { font-size: 15px; line-height: 1.65; }
  .legal-card h2 { font-size: 19px; }
}