.legal-page {
  background: #f7f5f0;
  color: #1f1f1f;
  min-height: 100vh;
}
.legal-header {
  padding: 24px 30px;
  background: #fff;
  border-bottom: 1px solid #ddd;
}
.legal-header a { color: #1f1f1f; text-decoration: none; }
.legal-header .brand { font-size: 1.6rem; font-weight: 600; }
.legal-main { max-width: 960px; margin: 0 auto; padding: 72px 30px; }
.legal-main h1 { margin-bottom: 12px; }
.legal-main h2 { margin-top: 42px; margin-bottom: 14px; }
.legal-main h3 { margin-top: 26px; }
.legal-main p, .legal-main li { line-height: 1.7; }
.legal-main ul { padding-left: 1.4rem; }
.legal-footer { padding: 36px 30px; background: #fff; border-top: 1px solid #ddd; }
.legal-footer a { color: inherit; }
.legal-footer nav { display: flex; flex-wrap: wrap; gap: 18px; margin-top: 14px; }
@media (max-width: 600px) {
  .legal-main { padding: 48px 20px; }
  .legal-header, .legal-footer { padding-left: 20px; padding-right: 20px; }
}