.legal-page { background:var(--color-surface); color:var(--color-on-surface); }
.legal-hero { padding:88px 0 64px; background:linear-gradient(135deg,var(--color-primary),#243f5a); color:var(--color-on-primary); }
.legal-shell { width:min(100% - 40px,var(--content-max-width)); margin:0 auto; }
.legal-hero .hero-title { max-width:900px; }
.legal-hero .hero-subtitle { max-width:920px; margin-top:18px; color:rgba(255,255,255,.84); }
.legal-content { padding:72px 0 88px; }
.legal-stack { display:flex; flex-direction:column; gap:34px; }
.legal-section { display:flex; flex-direction:column; gap:14px; padding:28px 30px; border:1px solid var(--color-border); border-radius:var(--border-radius-lg); background:var(--color-surface-elevated); box-shadow:var(--shadow-level-1); }
.legal-section .section-title { font-size:28px; color:var(--color-primary); }
.legal-section .section-content, .legal-stack > .section-content { color:var(--color-on-surface-secondary); }
.legal-back { padding-top:12px; display:flex; justify-content:center; }
@media(max-width:767px){
  .legal-hero { padding:64px 0 46px; }
  .legal-content { padding:52px 0 64px; }
  .legal-shell { width:min(100% - 32px,var(--content-max-width)); }
  .legal-section { padding:22px 18px; }
  .legal-section .section-title { font-size:24px !important; }
}


*,
*::before,
*::after {
box-sizing: border-box;
}

body {
margin: 0;
font: 16px/1.25 Arial, serif;
position: relative;
appearance: none;
}