/* Единая тема сайта vet360.ru — по образу главной (index.html).
   Подключается ПОСЛЕДНИМ на всех страницах: перекрывает палитру case.css (статьи, кейсы) через его же переменные
   и приводит кнопки, блоки, таблицы и окно заявки к стилю главной. Точечный фон и параллакс сохраняются везде. */

:root{
  /* палитра главной */
  --vs-dark:#1A1A1A; --vs-muted:#6E6E73; --vs-blue:#0052CC; --vs-orange:#FF6B00; --vs-orange-dark:#E05E00;
  --vs-line:#E5E5EA; --vs-light:#F5F5F7;
  /* переменные case.css → палитра главной */
  --navy:#0052CC; --navy-dark:#1A1A1A; --dust:#6E6E73; --pale:#F5F5F7; --terra:#FF6B00; --terra-dark:#E05E00;
  --cream:#FFFFFF; --sand:#E5E5EA; --ink:#1A1A1A; --muted:#6E6E73;
  --font-display:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
  --font-text:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
  --shadow:0 12px 32px rgba(26,26,26,.08);
  --form-label:#6E6E73; --form-bg:#fff; --form-field:#fff; --form-line:#E5E5EA;
}

/* точечный фон — на всех страницах, включая главную; цвет точек нейтральный, под палитру главной */
body{background-color:#fff;background-image:radial-gradient(circle at center,rgba(26,26,26,.16) 0 .7px,transparent .8px);
  background-size:22px 22px;color:var(--vs-dark);font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}
@media(min-resolution:2dppx){body{background-image:radial-gradient(circle at center,rgba(26,26,26,.18) 0 .5px,transparent .6px)}}

/* заголовки как на главной: Inter 800; h1 заглавными */
h1,h2,h3,.lead-title{font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color:var(--vs-dark)}
.art h1,.hero h1,section h1{font-weight:800;letter-spacing:-.03em;text-transform:uppercase;line-height:1.12;
  font-size:clamp(1.55rem,2.5vw,2.35rem);max-width:none}
.art h2,.art h3{font-weight:800;letter-spacing:-.02em}
.eyebrow{color:var(--vs-muted);letter-spacing:.15em;font-weight:700}
.art a:not(.btn),.art-card-meta{color:var(--vs-blue)}

/* кнопки как на главной: оранжевые, 4px, заглавными, без иконки лапки */
.btn{border-radius:4px;font-family:'Inter',sans-serif;font-weight:600;text-transform:uppercase;letter-spacing:.05em;font-size:13px;padding:14px 26px}
.btn:before{display:none}
.btn-primary{background:var(--vs-orange);color:#fff;box-shadow:0 4px 15px rgba(255,107,0,.25)}
.btn-primary:hover{background:var(--vs-orange-dark);transform:translateY(-2px);box-shadow:0 12px 30px rgba(255,107,0,.45)}
.btn-ghost{border:1px solid var(--vs-dark);background:#fff;color:var(--vs-dark);box-shadow:none}
.btn-ghost:hover{background:var(--vs-dark);color:#fff}

/* блоки и карточки: скругление 4px, тонкая серая рамка, без синих теней */
.card,.fact,.metric,.next div,.src div,.tbl-wrap,.res,.formula,.disclaimer,.note,.quote,.toc-side,.faq-item,.lm,
.art-card,.chip,.back,.vs-map-g,.tile-card{border-radius:4px}
.card,.fact,.next div,.src div,.tbl-wrap,.res,.art-card,.toc-side{border-color:var(--vs-line);box-shadow:none}
.metric,.formula{background:var(--vs-light);border:1px solid var(--vs-line)}
.formula{color:var(--vs-dark)}
.fact b,.metric b,.res b,.next b,.card h3{color:var(--vs-blue)}
.quote{background:var(--vs-dark);box-shadow:none}
.note{border:1px solid var(--vs-line);border-left:3px solid var(--vs-orange);background:#fff;color:var(--vs-dark)}
.disclaimer{background:var(--vs-light);border:1px solid var(--vs-line);color:var(--vs-muted)}
table.tbl thead th{background:var(--vs-light);color:var(--vs-dark)}
table.tbl th,table.tbl td{border-bottom-color:var(--vs-line)}
.back{border-color:var(--vs-line);color:var(--vs-blue);box-shadow:none;font-family:'Inter',sans-serif}
.toc-side b{color:var(--vs-muted)}
.toc-side a.is-on{color:var(--vs-blue)}
.toc-side a.is-on:before{color:var(--vs-orange)}

/* финальный блок-призыв — тёмный, как последняя секция главной */
.cta{background:var(--vs-dark);border-radius:4px;box-shadow:none}
.cta h2{color:#fff}
.cta p{color:#B4B4BA}

/* страница /articles и карточки статей */
.chip{border-color:var(--vs-line);color:var(--vs-dark);font-family:'Inter',sans-serif}
.chip b{color:var(--vs-muted)}
.chip.is-on{background:var(--vs-dark);border-color:var(--vs-dark);color:#fff}
.chip.is-on b{color:#B4B4BA}
.art-card{border:1px solid var(--vs-line)}
.art-card:hover{border-color:var(--vs-dark);box-shadow:none;transform:translateY(-4px)}
.art-card-media{background:#F7F8FB}
.art-card-tag{color:var(--vs-muted)}
.art-card-title{color:var(--vs-dark)}

/* блок «записаться на аудит» внутри статьи */
.lm{background:var(--vs-light);border:1px solid var(--vs-line)}
.lm b{color:var(--vs-dark);font-family:'Inter',sans-serif}

/* плавающая кнопка «Задать вопрос» — как на главной */
.lead-fab{background:var(--vs-blue);border-radius:4px;text-transform:uppercase;letter-spacing:.05em;font-size:13px;font-weight:700;box-shadow:0 10px 26px rgba(0,82,204,.3)}
.lead-fab:hover{background:#003F9E}

/* окно заявки — белое, как всплывающая форма главной */
.lead-overlay{background:rgba(0,0,0,.6);backdrop-filter:blur(8px)}
.lead-window{background:#fff;color:var(--vs-dark);border:1px solid var(--vs-dark);border-radius:4px;box-shadow:none}
.lead-window .eyebrow{color:var(--vs-muted)}
.lead-title{color:var(--vs-blue);text-transform:uppercase;font-weight:800;letter-spacing:-.02em}
.lead-window .lead-text{color:var(--vs-muted)}
.lead-close{color:var(--vs-muted)}
.lead-close:hover{color:var(--vs-dark)}
.lead-form label{color:var(--vs-muted)}
.lead-form input:not([type=checkbox]){background:transparent;color:var(--vs-dark);border:0;border-bottom:1px solid var(--vs-line);border-radius:0;padding-left:0;padding-right:0}
.lead-form input:not([type=checkbox])::placeholder{color:#A1A1A6}
.lead-form input:focus{border-color:var(--vs-blue)}
.lead-form .consent{color:var(--vs-muted)}
.lead-form .consent a{color:var(--vs-blue)}
.lead-form .consent input{accent-color:var(--vs-orange)}
.lead-window .form-error{color:#D93025}
.lead-window .success{color:var(--vs-dark)}
.lead-window{scrollbar-color:rgba(26,26,26,.25) transparent}
.lead-window::-webkit-scrollbar-thumb{background:rgba(26,26,26,.2)}

/* окно заявки — размеры и шрифт как у всплывающей формы главной */
.lead-window{width:min(540px,100%);padding:48px 48px 40px}
.lead-title{font-size:32px;line-height:1.1}
.lead-form label{font-size:13px}
.lead-form input:not([type=checkbox]){font:16px/1.4 'Inter',sans-serif;padding:14px 0}
.lead-form .btn{font-size:15px;font-weight:700;padding:18px}
@media(max-width:600px){.lead-window{padding:32px 22px 26px}.lead-title{font-size:22px}}
/* подзаголовки — Inter 800, как на главной */
.art h2,section h2,.cta h2{font-weight:800}

/* обложка статьи под заголовком */
.art-cover{margin:26px 0 0;border:1px solid var(--vs-line);border-radius:4px;overflow:hidden;background:#fff}
.art-cover img{display:block;width:100%;height:auto}