* { box-sizing: border-box; }

html, body { margin: 0; padding: 0; }

body {
  background: #14101C;
  color: #EFEAF7;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  font-size: 16px;
  line-height: 1.8;
  overflow-x: hidden;
}

a { color: #D5C9EC; }
a:hover { color: #EFEAF7; }

.legal-page .legal-content section { background-color: transparent !important; }

.legal-header {
  background: #6B4FA0;
  border-bottom: 4px solid #D5C9EC;
  padding: 64px 24px 58px;
}

.legal-header-inner { max-width: 860px; margin: 0 auto; }

.legal-brand {
  display: inline-block;
  color: #D5C9EC;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 3px;
  text-transform: uppercase;
  text-decoration: none;
  margin-bottom: 20px;
}

.legal-brand:hover { color: #EFEAF7; }

.legal-header h1 {
  font-family: Georgia, "Times New Roman", serif;
  font-size: 44px;
  line-height: 1.15;
  color: #EFEAF7;
  margin: 0 0 10px;
}

.legal-header-sub { color: #D5C9EC; font-size: 15px; margin: 0; }

.legal-content .container {
  max-width: 860px;
  margin: 0 auto;
  padding: 0 24px;
}

.toc {
  margin: 44px 0 52px;
  background: #1E1830;
  border: 1px solid #6B4FA0;
  border-radius: 6px;
  padding: 32px 36px;
}

.toc h2 {
  font-family: Georgia, "Times New Roman", serif;
  color: #D5C9EC;
  font-size: 20px;
  margin: 0 0 14px;
}

.toc ol { margin: 0; padding-left: 22px; }
.toc li { margin-bottom: 8px; font-size: 15px; }
.toc a { color: #EFEAF7; text-decoration: none; border-bottom: 1px solid #6B4FA0; }
.toc a:hover { color: #D5C9EC; }

.legal-lead {
  font-size: 17px;
  color: #EFEAF7;
  background: #1E1830;
  border-left: 4px solid #6B4FA0;
  padding: 22px 26px;
  margin: 0 0 20px;
}

.legal-lead strong { color: #D5C9EC; }

.legal-content section { padding: 22px 0; border-top: 1px solid #3A2C5C; }

.legal-content h2 {
  font-family: Georgia, "Times New Roman", serif;
  font-size: 26px;
  color: #D5C9EC;
  margin: 0 0 14px;
}

.legal-content h3 {
  font-family: Georgia, "Times New Roman", serif;
  font-size: 20px;
  color: #EFEAF7;
  margin: 26px 0 10px;
}

.legal-content p { margin: 0 0 14px; }

.legal-content ul,
.legal-content ol { margin: 0 0 16px; padding-left: 24px; }

.legal-content li { margin-bottom: 8px; }

.legal-content table {
  width: 100%;
  border-collapse: collapse;
  margin: 0 0 16px;
}

.legal-content th,
.legal-content td {
  border: 1px solid #6B4FA0;
  padding: 10px 12px;
  text-align: left;
  vertical-align: top;
}

.legal-content th { background: #1E1830; color: #D5C9EC; }
.legal-content td { color: #EFEAF7; }

.legal-footer {
  margin-top: 56px;
  background: #1E1830;
  border-top: 1px solid #6B4FA0;
  padding: 36px 0 32px;
}

.legal-footer .container { max-width: 860px; margin: 0 auto; padding: 0 24px; }

.legal-footer p { margin: 0 0 6px; font-size: 14px; color: #D5C9EC; }
.legal-footer a { color: #EFEAF7; }
.legal-footer a:hover { color: #D5C9EC; }

.legal-backtop {
  display: inline-block;
  background: #6B4FA0;
  color: #EFEAF7;
  text-decoration: none;
  font-size: 14px;
  font-weight: 600;
  padding: 12px 26px;
  border-radius: 4px;
  margin-top: 18px;
}

.legal-backtop:hover { background: #7A5FB4; color: #EFEAF7; }

@media (max-width: 640px) {
  .legal-header { padding: 44px 24px 40px; }
  .legal-header h1 { font-size: 32px; }
  .toc { padding: 24px 22px; }
}