/* ===== Legal pages (Terms + Privacy) ===== */
body {
  background: #0f1115;
  color: #e0e0e0;
}

/* Narrower, more readable column and left alignment */
.legal-container {
  max-width: 780px; /* tighter line length for readability */
  margin: 48px auto;
  padding: 0 18px;
  text-align: left; /* ensure headings/paragraphs are left */
}

/* Title + intro */
.legal-container h1 {
  margin: 0 0 0.25rem 0;
  font-weight: 800;
  line-height: 1.15;
}

.grad-text {
  background: linear-gradient(45deg, #ffb937, #ff7b3a, #af4261);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

.legal-container .lead {
  color: #cfcfcf;
  margin: 0.5rem 0 1.25rem 0;
  font-size: 1.05rem;
}

/* Section headings (left, scannable) */
.legal-container h2 {
  margin: 1.75rem 0 0.5rem;
  font-weight: 800;
  font-size: 1.25rem; /* bumped slightly down to reduce shoutiness */
  line-height: 1.2;
  scroll-margin-top: 84px; /* nice when linking to anchors */
}

/* Body copy */
.legal-container p,
.legal-container li {
  line-height: 1.7;
  font-size: 1rem;
  color: #e3e3e3;
}

.legal-container p {
  margin: 0 0 1rem;
}

/* Lists: better left indentation + spacing */
.legal-container ul,
.legal-container ol {
  margin: 0.25rem 0 1rem 1.25rem; /* left indent */
  padding: 0;
}

.legal-container li + li {
  margin-top: 0.35rem; /* airy but compact */
}

/* Links: readable contrast + subtle hover */
.legal-container a {
  color: #ffcf6a;
  text-decoration: underline;
  text-underline-offset: 2px;
}

.legal-container a:hover {
  color: #ffd98a;
}

/* Inline code or paths if you ever add them */
.legal-container code {
  background: #1a1f27;
  border: 1px solid #222833;
  padding: 0 0.35em;
  border-radius: 4px;
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas,
    "Liberation Mono", monospace;
  font-size: 0.95em;
  color: #f4d08a;
}

/* “Notes” / callouts (optional utility class) */
.legal-note {
  background: #151922;
  border: 1px solid #232a36;
  border-left: 3px solid #ff7b3a;
  border-radius: 8px;
  padding: 0.9rem 0.95rem;
  margin: 1rem 0;
  color: #dcdcdc;
}

/* Horizontal rule if you add sections dividers */
.legal-container hr {
  border: 0;
  height: 1px;
  background: linear-gradient(90deg, transparent, #2a2a2a, transparent);
  margin: 1.5rem 0;
}

.site-footer {
  margin-top: 40px;
  border-top: 1px solid #2b2f36;
}

.site-footer .footer-inner {
  max-width: 980px;
  margin: 0 auto;
  padding: 20px 16px;
  text-align: center; /* always centered */
}

.site-footer .links a {
  color: #b7b7b7;
  margin: 0 10px;
  text-decoration: none;
}

.site-footer .links a:hover {
  color: #e0e0e0;
}

.site-footer .legal {
  color: #868686;
  margin-top: 10px;
  line-height: 1.5;
}

/* If you previously had a media query that left-aligned the footer, this keeps it centered on desktop too */
@media (min-width: 768px) {
  .site-footer .footer-inner {
    text-align: center;
  }
}

/* Slightly larger text on big screens for comfort */
@media (min-width: 1200px) {
  .legal-container p,
  .legal-container li {
    font-size: 1.025rem;
    line-height: 1.75;
  }
}