:root {
  color: #1f2933;
  background: #f5f6f7;
  font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
}

* { box-sizing: border-box; }
body { margin: 0; line-height: 1.7; }
a { color: #d95f00; }
.legal-header { background: #fff; border-bottom: 1px solid #e3e5e7; }
.legal-nav { display: flex; max-width: 980px; min-height: 70px; margin: 0 auto; padding: 0 24px; align-items: center; gap: 22px; }
.legal-brand { margin-right: auto; color: #222; font-size: 22px; font-weight: 800; text-decoration: none; }
.legal-nav a:not(.legal-brand) { color: #4d5964; font-size: 14px; text-decoration: none; }
.legal-nav a:hover { color: #d95f00; }
.legal-main { max-width: 980px; margin: 36px auto; padding: 42px 54px; background: #fff; border: 1px solid #e5e7e9; border-radius: 14px; box-shadow: 0 14px 40px rgb(26 36 44 / 6%); }
h1 { margin: 0 0 8px; color: #161b20; font-size: 38px; line-height: 1.2; }
h2 { margin: 34px 0 10px; color: #20262c; font-size: 22px; line-height: 1.35; }
h3 { margin: 24px 0 8px; color: #303840; font-size: 17px; }
p, li { color: #4d5964; font-size: 15px; }
ul, ol { padding-left: 24px; }
.legal-meta { margin: 0 0 28px; color: #7a858f; font-size: 14px; }
.legal-notice { margin: 24px 0; padding: 16px 18px; background: #fff7ef; border-left: 4px solid #ff6a00; border-radius: 7px; }
.legal-contact { padding: 18px; background: #f5f7f8; border-radius: 9px; }
.legal-footer { padding: 22px; color: #818b94; font-size: 13px; text-align: center; }
@media (max-width: 700px) {
  .legal-nav { gap: 12px; padding: 0 16px; }
  .legal-nav a:not(.legal-brand) { font-size: 12px; }
  .legal-main { margin: 16px; padding: 28px 20px; }
  h1 { font-size: 30px; }
}