/* Shared styles for legal document pages (loads after styles.css) */

.legal {
  max-width: 780px;
  margin: 0 auto;
  padding: 140px 24px 90px;
}

.legal-head { margin-bottom: 8px; }
.legal-head h1 {
  font-size: clamp(2rem, 4.5vw, 3rem);
  letter-spacing: -0.025em;
  margin-bottom: 6px;
}
.legal-head .h1-ar {
  font-family: var(--font-ar-display);
  font-weight: 700;
  color: var(--brand-text);
  font-size: clamp(1.4rem, 3vw, 2rem);
  letter-spacing: 0;
}
.lastupd {
  font-family: var(--font-mono);
  font-size: 12px; color: var(--ink-dim);
  letter-spacing: 0.06em;
  margin: 14px 0 26px;
}

.lang-switch {
  display: inline-flex; gap: 10px; margin-bottom: 34px;
}
.lang-switch a {
  font-size: 13.5px; text-decoration: none;
  border: 1px solid var(--line); border-radius: 999px;
  padding: 7px 16px; color: var(--ink);
  transition: border-color 0.2s ease, color 0.2s ease;
}
.lang-switch a:hover { border-color: var(--brand); color: var(--brand-text); }

.legal h2 {
  font-size: 19px; letter-spacing: -0.01em;
  margin: 38px 0 10px;
}
.legal p, .legal li {
  color: var(--ink-dim);
  font-size: 15.5px;
  line-height: 1.75;
}
.legal ul { padding-left: 22px; margin: 8px 0; }
.legal a { color: var(--brand-text); text-decoration: none; border-bottom: 1px solid rgba(0, 212, 146, 0.4); }
.legal a:hover { border-bottom-color: var(--brand-text); }
.legal strong { color: var(--ink); font-weight: 600; }

.ar-part {
  border-top: 1px dashed var(--line);
  margin-top: 64px;
  padding-top: 48px;
}
.ar-part h2 { font-family: var(--font-ar-display); font-weight: 700; }
.ar-part ul { padding-left: 0; padding-right: 22px; }
.ar-part .legal-head h1 { font-family: var(--font-ar-display); font-weight: 700; }

.legal-foot-note {
  margin-top: 48px;
  padding: 16px 20px;
  background: var(--brand-tint);
  border: 1px solid rgba(0, 212, 146, 0.35);
  border-radius: 12px;
  font-size: 14px;
}

.basement-links { display: flex; gap: 18px; justify-content: center; flex-wrap: wrap; }