.legal-shell { max-width: 1100px; margin: auto; padding: 70px 24px 120px; }
.legal-warning { margin-bottom: 35px; padding: 16px 20px; border: 1px solid #efcc7b; border-radius: 12px; color: #6e4b00; background: #fff5dc; }
.legal-layout { display: grid; grid-template-columns: 240px 1fr; gap: 55px; }
.legal-header-actions { margin-left: auto; }
.legal-nav { position: sticky; top: 110px; align-self: start; display: flex; flex-direction: column; gap: 8px; }
.legal-nav a { padding: 10px 12px; border-radius: 8px; color: #5d7089; font-size: 13px; font-weight: 700; }
.legal-nav a:hover { color: #168bff; background: #eef5fb; }
.legal-content section { margin-bottom: 45px; padding-bottom: 45px; border-bottom: 1px solid #dce6f2; scroll-margin-top: 120px; }
.legal-content h1 { font-size: 48px; letter-spacing: -.04em; }
.legal-content h2 { color: #102746; font-size: 29px; }
.legal-content h3 { margin-top: 28px; font-size: 17px; }
.legal-content p, .legal-content li { color: #526782; }
.legal-content table { width: 100%; border-collapse: collapse; font-size: 13px; }
.legal-content th, .legal-content td { padding: 10px; border: 1px solid #dce6f2; text-align: left; }
.placeholder { padding: 2px 6px; border-radius: 4px; color: #35516e; background: #edf4fa; font-weight: 800; }

@media (max-width: 760px) {
  .legal-layout { grid-template-columns: 1fr; }
  .legal-nav { position: static; }
  .legal-content table { display: block; overflow: auto; }
}