/* Общий стиль правовых страниц Flexent */
:root{
  --teal-dark:#0F4C5C; --teal:#14A098; --teal-pale:#D8EEED; --navy:#1A1A4E;
  --orange:#C46A1E; --page:#F4F6F8; --ink:#1d2b30; --muted:#5c6b72;
}
*{box-sizing:border-box;}
/* ЕДИНАЯ ШКАЛА САЙТА: 12 / 16 / 21 / 28 — шаг «кварты» (≈1,33), та же, что в кабинете
   и на страницах входа. База задана ЯВНО: без font-size у body неоформленный текст
   рисуется браузерным умолчанием и вносит в шкалу ступень, которой нет в замысле. */
body{margin:0;font-family:Segoe UI,Arial,sans-serif;color:var(--ink);background:var(--page);line-height:1.62;font-size:16px;}
.wrap{max-width:860px;margin:0 auto;padding:0 24px;}
header{background:var(--navy);border-bottom:3px solid var(--teal);}
.nav{display:flex;align-items:center;justify-content:space-between;padding:13px 0;}
.nav img{height:40px;width:auto;display:block;}
/* Правовые страницы берут все четыре ступени: 28px заголовок страницы, 21px разделы,
   16px основной текст и всё, что читают строкой (кнопка шапки, важное предупреждение),
   12px служебные подписи (редакция, подвал). Было 26/18/16/14,5/14 — три нижние
   ступени сливались в одну. */
.nav a{color:#fff;text-decoration:none;font-size:16px;font-weight:600;
       border:1px solid rgba(255,255,255,.45);padding:7px 16px;border-radius:5px;
       transition:background .15s ease,border-color .15s ease;}
.nav a:hover{background:rgba(255,255,255,.18);border-color:#fff;}
.nav a:active{background:rgba(0,0,0,.22);}
main{background:#fff;margin:26px auto 40px;max-width:860px;border-radius:12px;
     padding:34px 40px 44px;box-shadow:0 2px 12px rgba(0,0,0,.06);}
h1{font-size:28px;color:var(--teal-dark);margin:0 0 6px;line-height:1.25;}
.rev{color:var(--muted);font-size:12px;margin:0 0 22px;}
h2{font-size:21px;color:var(--teal-dark);margin:28px 0 10px;}
p{margin:0 0 11px;}
.lead{color:var(--muted);}
ul{margin:0 0 12px;padding-left:22px;} li{margin-bottom:6px;}
/* Плейсхолдер — то, что владелец должен заполнить перед публикацией */
/* Размер НЕ задаём: плейсхолдер стоит внутри строки и должен наследовать её кегль.
   Прежние .94em давали дробную ступень (15px внутри 16px текста) мимо шкалы. */
.fill{background:#FFF3E0;color:#8a4a10;border:1px dashed var(--orange);
      border-radius:4px;padding:1px 7px;font-weight:600;}
/* Предупреждение выделяется фоном и рамкой ПО ВСЕМУ контуру, а не толстой полосой
   слева: полоса-«язычок» — расхожий штамп, и на правовой странице она кричит громче,
   чем нужно. Заметность держат тёплый фон и оранжевый полужирный зачин (.warn b). */
.warn{background:#FFF8E1;border:1px solid rgba(196,106,30,.35);padding:14px 18px;
      border-radius:8px;margin:0 0 24px;font-size:16px;}
.warn b{color:#8a4a10;}
footer{background:var(--navy);color:#b9c2e8;padding:24px 0;font-size:12px;}
.frow{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;}
footer a{color:#fff;}
@media(max-width:640px){ main{padding:24px 20px 32px;margin:14px 12px 26px;} h1{font-size:21px;} }