/* Базовые стили внутренних страниц.
   Токены те же, что на лендинге — при смене макета правим оба :root синхронно. */
:root{
  --page:#f9fafc; --surface:#ffffff;
  --ink:#0a0a0a; --body:#5c6470; --muted:#9aa3ae;
  --accent:#d1084e; --accent-soft:#fdeff4;
  --magenta:#d20366; --gradient:linear-gradient(90deg,#d20366 0%,#e9174d 100%);
  --teal:#0ab5ad;
  --line:#e4e8ee; --line-soft:#eef1f5;
  --radius-xl:40px; --radius-lg:28px; --radius-md:16px; --radius-sm:12px; --radius-pill:999px;
  --shadow-card:0 14px 40px rgba(34,44,58,.07);
  --shadow-soft:0 8px 24px rgba(34,44,58,.05);
  --container:820px; --gutter:24px;
  --font:'Mulish',-apple-system,BlinkMacSystemFont,'Segoe UI',system-ui,sans-serif;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{
  margin:0;background:var(--page);color:var(--body);
  font-family:var(--font);font-size:16px;line-height:1.65;
  -webkit-font-smoothing:antialiased;
}
img,svg{max-width:100%;display:block;height:auto}
a{color:var(--accent);text-decoration:underline;text-underline-offset:2px}
a:hover{color:var(--magenta)}
:focus-visible{outline:3px solid var(--accent);outline-offset:3px;border-radius:4px}

.container{width:min(100% - (var(--gutter) * 2),var(--container));margin-inline:auto}

.dochead{background:var(--surface);border-bottom:1px solid var(--line-soft)}
.dochead__in{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:76px}
.dochead img{width:200px}
.dochead a{text-decoration:none}
.backlink{display:inline-flex;align-items:center;gap:8px;font-size:15px;font-weight:700;color:var(--ink)}
.backlink:hover{color:var(--accent)}
.backlink svg{width:17px;height:17px}

.docmain{padding-block:clamp(34px,5vw,72px)}
.doccard{padding:clamp(26px,3.4vw,56px);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-card)}
.doccard h1{margin:0 0 10px;color:var(--ink);font-size:clamp(25px,3.4vw,38px);line-height:1.2;letter-spacing:-.02em}
.doccard h2{margin:36px 0 12px;color:var(--ink);font-size:clamp(19px,2vw,23px);line-height:1.3}
.doccard h3{margin:26px 0 10px;color:var(--ink);font-size:17px}
.doccard p{margin:0 0 14px}
.doccard ul,.doccard ol{margin:0 0 16px;padding-left:22px}
.doccard li{margin-bottom:8px}
.doccard .updated{margin-bottom:28px;font-size:14px;color:var(--muted)}
.doccard .req{margin-top:36px;padding:22px 24px;border-radius:var(--radius-md);background:var(--page);font-size:14px}
.doccard .req b{color:var(--ink)}
.notice{margin-bottom:26px;padding:18px 22px;border-radius:var(--radius-md);background:var(--accent-soft);font-size:14px;color:var(--ink)}

.docfoot{padding-block:34px;border-top:1px solid var(--line);background:var(--surface);font-size:14px;color:var(--muted)}
.docfoot__in{display:flex;flex-wrap:wrap;gap:12px 26px;justify-content:space-between}

.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:10px;
  padding:16px 36px;border-radius:var(--radius-pill);
  font-size:16px;font-weight:700;line-height:1;text-decoration:none;
  transition:transform .2s ease,box-shadow .2s ease;
}
.btn--primary{background:var(--gradient);color:#fff;box-shadow:0 12px 28px rgba(209,8,78,.26)}
.btn--primary:hover{transform:translateY(-2px);color:#fff}
@media (prefers-reduced-motion:reduce){.btn,.btn:hover{transform:none;transition:none}}