/* Оформление правовых страниц. Отдельный файл: их две, и держать
   одинаковые стили в обеих значит однажды поправить только одну. */

:root {
  --navy:  #203C6D;
  --red:   #8B1C1F;
  --ink:   #1b1a16;
  --soft:  #55524a;
  --mute:  #8b877c;
  --paper: #FBFAF7;
  --card:  #ffffff;
  --line:  #e4dfd4;
}
* { box-sizing: border-box; }
body {
  margin: 0; background: var(--paper); color: var(--ink);
  font: 16px/1.75 "Assistant", "Segoe UI", "Arial Hebrew", Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
}
.wrap { max-width: 46rem; margin: 0 auto; padding: 0 1.5rem; }
a { color: var(--navy); }

header { border-bottom: 3px solid var(--navy); background: var(--card); }
.bar { display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding: 1rem 0; }
.bar img { height: 2.8rem; width: auto; }
.bar a { font-weight: 700; text-decoration: none; }

main { padding: 2.5rem 0 3.5rem; }
h1 { font-size: clamp(1.5rem, 4vw, 2rem); margin: 0 0 .4rem; font-weight: 700; }
.upd { color: var(--mute); font-size: .88rem; margin: 0 0 2rem; }

h2 {
  font-size: 1.1rem; font-weight: 700; margin: 2.2rem 0 .7rem;
  padding-top: 1.1rem; border-top: 1px solid var(--line);
}
h2:first-of-type { border-top: 0; padding-top: 0; }
p { margin: 0 0 .9rem; color: var(--soft); }
p.strong { color: var(--ink); }

ul { margin: 0 0 1rem; padding-inline-start: 1.2rem; color: var(--soft); }
li { margin-bottom: .4rem; }

.note {
  background: var(--card); border: 1px solid var(--line); border-inline-start: 3px solid var(--red);
  border-radius: 3px; padding: .9rem 1.1rem; margin: 1.2rem 0; color: var(--soft); font-size: .95rem;
}

footer { background: var(--navy); color: #dfe6f0; padding: 2rem 0; margin-top: 3rem; font-size: .9rem; }
footer a { color: #fff; }
footer .row { display: flex; flex-wrap: wrap; gap: .5rem 1.5rem; justify-content: space-between; }