/* ══════════════════════════════════════════
   LAPPSUS — legal pages (privacy policy)
   Shared by privacy.html, privacy.ro.html, privacy.ru.html.
   Lifted out of the <style> block that used to sit in privacy.html,
   so three language versions cannot drift apart visually.
   ══════════════════════════════════════════ */

.legal { max-width: 820px; margin: 0 auto; padding: 8rem 1.5rem 6rem; }

.legal h1 { font-size: 2.2rem; font-weight: 800; margin-bottom: .5rem; }
.legal .updated { color: var(--silver); font-size: .85rem; margin-bottom: 2.5rem; }
.legal h2 { font-size: 1.3rem; font-weight: 700; margin: 3rem 0 1rem; color: var(--white); }
.legal h3 { font-size: 1.05rem; font-weight: 600; margin: 2rem 0 .75rem; color: var(--white); }
.legal p, .legal li { color: var(--silver); font-size: .95rem; line-height: 1.8; }
.legal ul { margin: 0 0 1rem 1.2rem; }
.legal li { margin-bottom: .5rem; }
.legal a { color: var(--blue); }
.legal code {
  font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
  font-size: .85em;
  background: rgba(59, 157, 215, .1);
  padding: .1em .4em;
  border-radius: 3px;
}

/* The opening paragraph carries the whole point of the page. */
.legal .lede { font-size: 1.05rem; line-height: 1.85; }

/* Language switcher above the title. */
.legal-langs {
  font-size: .8rem;
  letter-spacing: .08em;
  margin-bottom: 1.5rem;
}
.legal-langs strong, .legal-langs a { margin-right: .9rem; }
.legal-langs strong { color: var(--white); }

/* Tables carry the actual disclosure, so they get room to breathe.
   They stay readable on a phone by scrolling inside their own box
   rather than pushing the page sideways. */
.legal-table-wrap { overflow-x: auto; margin: 1rem 0 2rem; }
.legal table,
.legal-table {
  width: 100%;
  border-collapse: collapse;
  margin: 1rem 0 2rem;
  font-size: .85rem;
  min-width: 540px;
}
.legal th, .legal td {
  text-align: left;
  vertical-align: top;
  padding: .7rem .8rem;
  border-bottom: 1px solid rgba(59, 157, 215, .12);
  color: var(--silver);
  line-height: 1.6;
}
.legal th { color: var(--white); font-weight: 600; }

.legal .muted { color: var(--silver); opacity: .7; font-size: .85em; }

/* The supervisory authority's address, set apart so it is findable
   by someone scanning the page for exactly that. */
.legal-block {
  border-left: 2px solid var(--blue);
  padding: .25rem 0 .25rem 1.2rem;
  margin: 1.5rem 0 2rem;
}

/* The "not legal advice" note at the very bottom. */
.legal-note {
  margin-top: 3.5rem;
  padding-top: 1.5rem;
  border-top: 1px solid rgba(59, 157, 215, .12);
  font-size: .85rem;
  opacity: .8;
}

.legal .btn { margin-right: .75rem; }

@media (max-width: 640px) {
  .legal { padding: 6rem 1.2rem 4rem; }
  .legal h1 { font-size: 1.8rem; }
}