/* legal.css — privacy_policy.html & tos.html */

*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

html { scroll-behavior: smooth; }

body {
  background: #f9f7f2;
  color: #1a1a1a;
  font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', Arial, sans-serif;
  font-size: 15px;
  line-height: 1.7;
  -webkit-font-smoothing: antialiased;
}

/* Back link */
.legal-back {
  padding: 24px 40px 0;
}

.back-link {
  font-size: 11px;
  font-weight: 400;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: #888;
  text-decoration: none;
  transition: color 0.2s;
}
.back-link:hover { color: #1a1a1a; }

/* Main content */
.legal-main {
  max-width: 720px;
  margin: 0 auto;
  padding: 40px 40px 80px;
}

/* Headings */
.legal-main h1, .legal-main h2, .legal-main h3,
.legal-main h4, .legal-main h5 {
  font-weight: 300;
  color: #1a1a1a;
  margin-top: 2em;
  margin-bottom: 0.6em;
  line-height: 1.25;
}

.legal-main h1 { font-size: 28px; font-weight: 200; margin-top: 0.5em; }
.legal-main h2 { font-size: 13px; font-weight: 500; letter-spacing: 0.12em; text-transform: uppercase; color: #c0392b; }
.legal-main h3 { font-size: 16px; }
.legal-main h4, .legal-main h5 { font-size: 14px; font-weight: 500; }

/* Text */
.legal-main p  { margin-bottom: 1em; color: #333; }
.legal-main ul, .legal-main ol { padding-left: 20px; margin-bottom: 1em; color: #333; }
.legal-main li { margin-bottom: 0.4em; }
.legal-main a  { color: #c0392b; text-decoration: none; }
.legal-main a:hover { text-decoration: underline; }
.legal-main strong { font-weight: 500; color: #1a1a1a; }

/* Section dividers */
.legal-main hr {
  border: none;
  border-top: 1px solid rgba(0,0,0,0.08);
  margin: 2em 0;
}

/* Bootstrap overrides */
.legal-main .container,
.legal-main .container-fluid { padding: 0; max-width: none; }
.legal-main .row { margin: 0; }
.legal-main .col-xl-8,
.legal-main .col-lg-10,
.legal-main [class*="col-"] { padding: 0; width: 100%; max-width: 100%; flex: none; }
.legal-main .section-title { margin-bottom: 1.5em; }
.legal-main .section-title h2 { font-size: 28px; font-weight: 200; }
.legal-main .section-title h3 { font-size: 13px; letter-spacing: 0.12em; text-transform: uppercase; color: #c0392b; font-weight: 500; }
.legal-main .section-title p { color: #555; }
.legal-main .header { margin-bottom: 1.5em; }

@media (max-width: 600px) {
  .legal-back  { padding: 20px 20px 0; }
  .legal-main  { padding: 32px 20px 60px; }
  .legal-main h1 { font-size: 22px; }
}