/* Оформление правовых страниц. Отдельный файл, а не app.css: эти
   страницы читают, а не работают в них, и им нужна колонка текста, а не
   плотность таблицы. */
:root{
  --ink:#1f4d3d; --paper:#eceeec; --card:#fff; --dim:#5c6b66; --line:#d4dad6;
  --mono:ui-monospace,"SF Mono",Menlo,Consolas,monospace;
}
*{box-sizing:border-box}
body{margin:0;background:var(--paper);color:#1b2420;
  font:16px/1.65 Georgia,"Iowan Old Style","Times New Roman",serif;
  -webkit-font-smoothing:antialiased}
.wrap{max-width:720px;margin:0 auto;padding:0 22px 90px}
header{display:flex;align-items:center;gap:10px;padding:22px 0 30px}
header a{display:flex;align-items:center;gap:9px;text-decoration:none;color:var(--ink)}
header .name{font:800 17px/1 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;
  letter-spacing:-.02em}
h1{font:800 clamp(28px,5vw,40px)/1.1 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;
  letter-spacing:-.03em;margin:0 0 6px;text-wrap:balance}
.upd{font-family:var(--mono);font-size:11.5px;color:var(--dim);margin:0 0 30px}
h2{font:700 19px/1.3 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;
  letter-spacing:-.01em;margin:32px 0 8px}
p,li{margin:0 0 12px;max-width:66ch}
ul{padding-left:20px}
li::marker{color:var(--ink);opacity:.5}
b{font-weight:700}
a{color:#1d6ff2}
code{font-family:var(--mono);font-size:13px;background:#e3e7e4;border-radius:4px;padding:1px 5px}
.box{background:var(--card);border:1px solid var(--line);border-radius:10px;
  padding:16px 18px;margin:22px 0}
.box p:last-child{margin-bottom:0}
footer{border-top:1px solid var(--line);margin-top:46px;padding-top:18px;
  font-size:13px;color:var(--dim)}
footer a{margin-right:14px}

/* Опознавательные данные: закон требует их читаемыми, а не в подвале
   мелким шрифтом. */
.ident{line-height:1.7}

/* ── ФОРМА ОБРАЩЕНИЯ ────────────────────────────────────────────────
   На правовой странице форма выглядела бы чужой, если бы притворялась
   текстом: у неё свой шрифт — тот же, каким набран интерфейс продукта.
   Человек, заполняющий её, уже не читает, а работает. */
.form{background:var(--card);border:1px solid var(--line);border-radius:12px;
  padding:20px;margin:8px 0 30px;
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif}
.form label{display:block;font-size:12px;font-weight:600;color:var(--dim);
  text-transform:uppercase;letter-spacing:.05em;margin:14px 0 5px}
.form label:first-child{margin-top:0}
/* Семейство названо явно: в сокращении font: «inherit» семейством не
   считается, и textarea оставалась моноширинной — поле выглядело
   консолью, а не местом, где пишут словами. */
.form input,.form select,.form textarea{width:100%;
  font:15px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;
  color:inherit;background:#fbfcfb;border:1px solid var(--line);border-radius:8px;
  padding:9px 11px}
.form textarea{min-height:150px;resize:vertical}
.form input:focus,.form select:focus,.form textarea:focus{outline:none;
  border-color:var(--ink);box-shadow:0 0 0 3px rgba(31,77,61,.12)}
.form .row{display:flex;gap:12px}
.form .row>div{flex:1}
.form button{margin-top:18px;font:600 15px/1 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;color:#fff;background:var(--ink);
  border:0;border-radius:9px;padding:12px 20px;cursor:pointer}
.form button:disabled{opacity:.5;cursor:default}
.form .note{font-size:13px;color:var(--dim);margin:10px 0 0;line-height:1.5;
  font-family:inherit;max-width:none}
.said{margin-top:14px;padding:11px 13px;border-radius:9px;font-size:14px;
  line-height:1.5;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif}
.said.ok{background:#e7f4ec;border:1px solid #b5ddc5;color:#14532d}
.said.bad{background:#fdecec;border:1px solid #f2c2c2;color:#7f1d1d}