/* ===========================================================
   LEGAL PAGE GLOBAL
   =========================================================== */

body.legal-body {
  background: #000;
  color: #fff;
  font-family: "Inter", sans-serif;
  margin: 0;
  padding: 0;
}

/* Main wrapper */
.legal-main {
  width: 100%;
  padding: 0 2rem;
}

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

/* ===========================================================
   TOPBAR (Logo + Language Switcher)
   =========================================================== */

.legal-topbar {
  text-align: center;               /* CENTER EVERYTHING */
  margin-top: 2rem;
  margin-bottom: 1rem;
}

.legal-logo img {
  width: 120px;
  opacity: 0.9;
  display: block;
  margin: 0 auto 1rem auto;         /* CENTER LOGO */
}

.legal-legalnote {
  margin-top: 0.5rem;
  font-size: 0.9rem;
  opacity: 0.7;
  text-align: center;
  letter-spacing: 0.03em;
}

/* ===========================================================
   PAGE HEADING (Title + Meta)
   =========================================================== */

.legal-heading {
  text-align: center;               /* CENTER TITLE + META */
  margin-top: 1rem;
  margin-bottom: 3rem;
}

.legal-eyebrow {
  font-size: 0.9rem;
  opacity: 0.6;
  text-transform: uppercase;
  letter-spacing: 0.12em;
  margin-bottom: 0.5rem;
}

.legal-title {
  font-size: 2rem;
  font-weight: 500;
  margin-bottom: 0.5rem;
}

.legal-meta {
  font-size: 0.95rem;
  opacity: 0.7;
}

/* ===========================================================
   CONTENT SECTIONS
   =========================================================== */

.legal-content {
  margin-top: 2rem;
}

/* Titles inside the document */
.legal-section-title {
  font-size: 1.25rem;
  font-weight: 500;
  margin-top: 2.5rem;
  margin-bottom: 1rem;
  text-align: left;
  opacity: 0.95;
}

/* Body text */
.legal-section p,
.legal-section li {
  line-height: 1.55;
  font-size: 1rem;
  opacity: 0.85;

  /* Add margin-left to align neatly under section title */
  margin-left: 1.2rem;
  max-width: 720px;
}

/* Lists */
.legal-section ul {
  margin-left: 1.2rem;
  margin-bottom: 1rem;
}

.legal-section li {
  margin-bottom: 0.5rem;
}

/* ===========================================================
   HYPERLINK STYLE (same as apply form)
   =========================================================== */

a {
  color: #8ab4ff;          /* Light blue */
}

a:hover {
  color: #c6ddff;
}


/* ===========================================================
   RESPONSIVE ADJUSTMENTS
   =========================================================== */

@media (max-width: 600px) {
  .legal-inner {
    max-width: 92%;
  }

  .legal-section-title {
    margin-left: 0.6rem;
  }

  .legal-section p,
  .legal-section li,
  .legal-section ul {
    margin-left: 0.6rem;
  }
}