/* Хексли — стили гайда-лид-магнита (экран + печать/PDF). Подключать вместе со style.css. */

.guide{max-width:820px;margin:0 auto;padding:0 20px}
.guide__hero{padding:44px 0 26px;border-bottom:1px solid var(--line);margin-bottom:34px}
.guide__badge{display:inline-block;background:#fff2ec;color:var(--accent-dark);font-weight:800;
  font-size:13px;padding:6px 13px;border-radius:20px;margin-bottom:14px}
.guide__hero h1{font-size:38px;font-weight:800;margin-bottom:14px;line-height:1.15}
.guide__lead{font-size:20px;color:#333;margin:0}
.guide__meta{margin-top:18px;font-size:14px;color:var(--muted)}

.guide h2{font-size:27px;font-weight:800;margin:42px 0 14px;line-height:1.2}
.guide h3{font-size:20px;font-weight:800;margin:26px 0 8px}
.guide p{margin:0 0 14px}
.guide ul,.guide ol{margin:0 0 16px;padding-left:22px}
.guide li{margin-bottom:8px}
.guide strong{font-weight:800}

/* Таблицы — на мобайле скроллятся внутри себя */
.guide__tablewrap{overflow-x:auto;margin:0 0 20px;-webkit-overflow-scrolling:touch}
.guide table{border-collapse:collapse;width:100%;min-width:560px;font-size:15px}
.guide th,.guide td{border:1px solid var(--line);padding:11px 13px;text-align:left;vertical-align:top}
.guide th{background:var(--sky-soft);font-weight:800}

/* Врезки */
.box{border-radius:14px;padding:18px 20px;margin:0 0 20px}
.box p:last-child,.box ul:last-child{margin-bottom:0}
.box--tip{background:var(--sky-soft);border:1px solid var(--sky)}
.box--warn{background:#fff5f5;border:1px solid #f3c9c9}
.box--warn h3{color:#b3261e;margin-top:0}
.box--quote{background:#fff;border:1px solid var(--line);border-left:4px solid var(--accent)}
.box h3{margin-top:0}

/* Реплики-скрипты */
.say{background:var(--sky-soft);border-left:4px solid var(--accent);border-radius:0 10px 10px 0;
  padding:12px 16px;margin:0 0 12px;font-size:16px}
.say b{display:block;font-size:13px;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);margin-bottom:5px}

/* Чек-лист */
.check{list-style:none;padding:0;margin:0}
.check li{position:relative;padding-left:32px;margin-bottom:12px}
.check li::before{content:"";position:absolute;left:0;top:2px;width:18px;height:18px;
  border:2px solid var(--accent);border-radius:5px}

/* Экстренный контакт */
.hotline{background:#0f1620;color:#fff;border-radius:14px;padding:18px 20px;margin:0 0 20px}
.hotline b{display:block;font-size:22px;color:#fff}
.hotline span{font-size:14px;color:#aeb8c4}

/* Скачать PDF */
.dl{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin:26px 0 0}

/* Финальный мягкий блок */
.guide__cta{background:var(--sky-soft);border-radius:18px;padding:28px;margin:44px 0 0}
.guide__cta h2{margin-top:0}
.guide__cta .msg-btns{max-width:380px}

@media(max-width:820px){
  .guide__hero{padding:26px 0 20px}
  .guide__hero h1{font-size:28px}
  .guide__lead{font-size:18px}
  .guide h2{font-size:22px}
}

/* ---------- ПЕЧАТЬ / PDF ---------- */
@page{size:A4;margin:16mm 14mm}
@media print{
  .hdr,.ftr,.no-print,.dl{display:none !important}
  body{font-size:11.5pt;background:#fff}
  .guide{max-width:none;padding:0}
  .print-cover{display:block !important;text-align:center;padding:34mm 0 0;page-break-after:always}
  .print-cover img{height:34px;margin:0 auto 26mm}
  .print-cover h1{font-size:30pt;line-height:1.15;margin-bottom:10mm}
  .print-cover p{font-size:13pt;color:#444;max-width:130mm;margin:0 auto 6mm}
  .print-cover .print-cover__foot{margin-top:30mm;font-size:10pt;color:#777}
  .guide__hero{display:none}
  .guide h2{font-size:16pt;margin:9mm 0 3mm;page-break-after:avoid}
  .guide h3{font-size:12.5pt;page-break-after:avoid}
  .guide p,.guide li{orphans:3;widows:3}
  .box,.hotline,.say,.guide__cta{page-break-inside:avoid}
  /* Таблицы длинные — разрешаем разрыв по строкам, шапку повторяем на каждой странице */
  .guide__tablewrap{overflow:visible}
  .guide table thead{display:table-header-group}
  .guide table tr{page-break-inside:avoid}
  .guide table{min-width:0;font-size:9.5pt}
  .guide th,.guide td{padding:5px 7px}
  .hotline{background:#fff;color:#000;border:2px solid #0f1620}
  .hotline b{color:#000}.hotline span{color:#444}
  .guide__cta{background:#f5f9fd;border:1px solid #d9e8f6}
  .guide__cta .btn{display:none}
  .print-only{display:block !important}
  a{color:#000;text-decoration:none}
}
.print-cover,.print-only{display:none}