/* ===== Жёлтый бот — стили статичных страниц (политика, оферта) =====
 * Тёмно-синий фирменный стиль, согласован с главной (index.html).
 * Главная самодостаточна (свой <style>); этот файл нужен только
 * для policy.html и offer.html.
 * ================================================================ */

:root {
  --navy:#1A3B5C; --navy-2:#234B73; --teal:#2A9D8F;
  --amber:#D9A136; --amber-2:#E8B54C; --amber-soft:#FBF3E0;
  --ink:#1A1A1A; --ink-2:#44506B; --muted:#6A7480;
  --line:#E5E7EB; --line-2:#E9EDF2; --bg-soft:#F5F7FA;
  --ff-head:'Manrope',sans-serif;
  --ff-body:'Inter',-apple-system,'Segoe UI',Roboto,sans-serif;
}

* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body {
  margin:0; font-family:var(--ff-body); font-size:17px; line-height:1.6;
  color:var(--ink); background:#fff; -webkit-font-smoothing:antialiased;
}

.container { max-width:1180px; margin:0 auto; padding:0 24px; }

/* ===== Хедер ===== */
.site-header {
  position:sticky; top:0; z-index:100; background:rgba(255,255,255,0.96);
  backdrop-filter:blur(10px); -webkit-backdrop-filter:blur(10px);
  border-bottom:1px solid var(--line-2);
}
.nav { height:68px; display:flex; align-items:center; justify-content:space-between; gap:24px; }
.brand { display:flex; align-items:center; gap:10px; text-decoration:none; flex-shrink:0; }
.brand-badge {
  width:34px; height:34px; border-radius:9px; background:var(--amber-2);
  display:flex; align-items:center; justify-content:center;
}
.brand span { font-family:var(--ff-head); font-weight:800; font-size:17px; color:var(--navy); letter-spacing:-0.01em; }
.topnav a { font-size:14.5px; font-weight:600; color:var(--navy); text-decoration:none; transition:color .2s; }
.topnav a:hover { color:var(--amber); }

/* ===== Контент ===== */
.block { padding:56px 24px 64px; }
.block .container { max-width:820px; }
h1 {
  font-family:var(--ff-head); font-weight:800; font-size:clamp(28px,4vw,40px);
  color:var(--navy); letter-spacing:-0.02em; line-height:1.15; margin:0 0 12px;
}
h2 {
  font-family:var(--ff-head); font-weight:700; font-size:21px; color:var(--navy);
  letter-spacing:-0.01em; margin:34px 0 12px;
}
p { margin:0 0 14px; color:var(--ink-2); }
ul { margin:0 0 14px; padding-left:22px; color:var(--ink-2); }
li { margin-bottom:7px; }
a { color:var(--navy); text-decoration:underline; text-underline-offset:2px; }
a:hover { color:var(--amber); }
b, strong { color:var(--ink); font-weight:700; }
.small { font-size:13px; color:var(--muted); }
code {
  font-family:ui-monospace,SFMono-Regular,Menlo,monospace; font-size:14px; color:var(--navy);
  background:var(--bg-soft); border:1px solid var(--line); border-radius:6px; padding:1px 7px;
}
.note {
  background:var(--amber-soft); border-left:4px solid var(--amber-2);
  padding:16px 20px; border-radius:8px; margin:22px 0;
}
.note p { margin:0; color:#7A5E1E; }

/* ===== Футер ===== */
.site-footer { background:var(--navy); color:#9DB0C4; margin-top:48px; }
.site-footer .container { padding:30px 24px; font-size:13px; line-height:1.6; }
.site-footer a { color:#D5DEE8; }
.site-footer a:hover { color:#fff; }

/* ===== Адаптив ===== */
@media (max-width:600px) {
  body { font-size:16px; }
  .block { padding:40px 20px 48px; }
}