/* Юр-страницы Guidly — оформление (текст документов в public/legal/*.html не трогаем).
   Мастхед/H1 — Montserrat, секции и текст — Inter (оба уже подключены в HTML документов). */

:root {
  --ink:#141824; --muted:#5a6472; --line:#e6e8ec; --panel:#ffffff; --bg:#f4f5f7; --soft:#f5f6f9;
  --accent:#ff5533; --accent-2:#e8472b;
  --shadow-sm:0 1px 2px rgba(20,24,30,.06),0 1px 3px rgba(20,24,30,.05);
  --shadow-md:0 12px 34px rgba(20,24,30,.10);
}
* { box-sizing:border-box; }
body {
  margin:0; background:var(--bg); color:var(--ink); line-height:1.6;
  font-family:'Inter',-apple-system,'Segoe UI',Roboto,sans-serif; -webkit-font-smoothing:antialiased;
}

/* .wrap = карточка документа на мягком фоне */
.wrap {
  max-width:880px; margin:26px auto; padding:38px 46px 34px;
  background:var(--panel); border:1px solid var(--line); border-radius:20px; box-shadow:var(--shadow-md);
}

.top {
  display:flex; align-items:center; justify-content:space-between;
  padding-bottom:18px; margin-bottom:26px; border-bottom:1px solid var(--line);
}
.logo { font-family:'Montserrat',sans-serif; font-weight:800; font-size:19px; text-decoration:none; color:var(--ink); letter-spacing:-.01em; }
.logo b { color:var(--accent); }
.back { color:var(--muted); text-decoration:none; font-size:13.5px; font-weight:500; }
.back:hover { color:var(--accent); }

h1 { font-family:'Montserrat',sans-serif; font-weight:800; font-size:29px; line-height:1.18; letter-spacing:-.01em; margin:0 0 8px; }
.date {
  color:var(--muted); font-size:13.5px; margin:0 0 26px; padding-bottom:22px; border-bottom:1px solid var(--line);
}

h2 { font-family:'Inter',sans-serif; font-weight:600; font-size:18px; margin:30px 0 10px; letter-spacing:-.005em; color:var(--ink); }
p, li { font-size:15.5px; line-height:1.72; color:#2f3742; }
p { margin:0 0 14px; }
ul, ol { margin:0 0 14px; padding-left:22px; }
li { margin-bottom:7px; }
a { color:var(--accent); }
a:hover { color:var(--accent-2); }

/* Вводный абзац (первый p после даты) — крупнее и мягче */
.date + p { font-size:16.5px; color:var(--muted); line-height:1.6; }

/* Врезка реквизитов исполнителя (<!--GUIDE_REQUISITES--> и пр.) */
.card {
  background:var(--soft); border:1px solid var(--line); border-radius:14px; padding:16px 18px; margin:18px 0;
}
.card p { margin:0; }
.card b { display:inline; }

.legal-footer {
  border-top:1px solid var(--line); margin-top:36px; padding-top:20px; font-size:13px; color:var(--muted);
}
.legal-footer nav { display:flex; flex-wrap:wrap; gap:8px; margin-bottom:12px; }
.legal-footer nav a {
  color:var(--muted); text-decoration:none; font-size:13px; font-weight:500;
  padding:7px 12px; border:1px solid var(--line); border-radius:9px; background:var(--panel); transition:.12s;
}
.legal-footer nav a:hover { color:var(--accent); border-color:var(--accent); }

@media (max-width:640px) {
  .wrap { margin:0; border:0; border-radius:0; padding:24px 18px 30px; box-shadow:none; }
  h1 { font-size:24px; }
  .date + p { font-size:15.5px; }
}
