*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}
:root{--link:#5a4bd1;--link-hover:#4335a8;--bg:#f5f5f7;--surface:#fff;--text:#1a1a1a;--text2:#666;--text3:#999;--border:rgba(0,0,0,0.08);--accent:#6C5CE7;--accent-hover:#5a4bd1;--radius:12px;--radius-sm:8px;--shadow:0 2px 12px rgba(0,0,0,0.06);--shadow-lg:0 8px 30px rgba(0,0,0,0.1);--font:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif}
@media(prefers-color-scheme:dark){:root{--link:#b3a6ff;--link-hover:#cdc3ff;--bg:#0a0a0a;--surface:#1a1a1a;--text:#f5f5f5;--text2:#888;--text3:#666;--border:rgba(255,255,255,0.08);--shadow:0 2px 12px rgba(0,0,0,0.3);--shadow-lg:0 8px 30px rgba(0,0,0,0.4)}}
body{font-family:var(--font);background:var(--bg);color:var(--text);min-height:100vh;line-height:1.5}
#help-app{max-width:1200px;margin:0 auto;padding:24px}
/* Режим встраивания (справка внутри редактора): без своей шапки и внешних отступов */
.h-embed #help-app{max-width:none;padding:16px}
.h-embed .h-header{display:none}
.h-embed .h-footer{margin-top:24px}
@media(max-width:767px){.h-embed #help-app{padding:12px}}
@media(max-width:767px){#help-app{padding:16px}}

/* Header */
.h-header{display:flex;align-items:center;gap:12px;margin-bottom:32px;padding-bottom:20px;border-bottom:1px solid var(--border)}
.h-logo{width:36px;height:36px;background:url(/logo/black.png) center/contain no-repeat;opacity:.7}
@media(prefers-color-scheme:dark){.h-logo{background-image:url(/logo/logo_withe.png)}}
.h-title{font-size:20px;font-weight:700;color:var(--text);flex:1}
.h-lang{position:relative}
.h-lang-btn{display:flex;align-items:center;gap:4px;padding:6px 10px;border:none;border-radius:var(--radius-sm);background:var(--surface);color:var(--text);font-size:13px;font-weight:600;cursor:pointer;box-shadow:var(--shadow);border:1px solid var(--border)}
.h-lang-btn:hover{background:var(--bg)}
.h-lang-dd{display:none;position:absolute;top:calc(100%+4px);right:0;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);box-shadow:var(--shadow-lg);overflow:hidden;min-width:100px;z-index:100}
.h-lang-dd.open{display:block}
.h-lang-item{display:block;width:100%;padding:8px 14px;border:none;background:none;color:var(--text);font-size:13px;text-align:left;cursor:pointer}
.h-lang-item:hover{background:var(--bg)}
.h-lang-item.active{font-weight:700;color:var(--accent)}

/* Hero search */
.h-hero{text-align:center;padding:40px 0 32px}
.h-hero h1{font-size:32px;font-weight:700;margin-bottom:8px}
.h-hero p{color:var(--text2);font-size:16px;margin-bottom:24px}
.h-search-wrap{max-width:560px;margin:0 auto;position:relative}
.h-search-wrap svg{position:absolute;left:16px;top:50%;transform:translateY(-50%);opacity:.4;pointer-events:none}
.h-search{width:100%;padding:14px 16px 14px 44px;border:2px solid var(--border);border-radius:var(--radius);background:var(--surface);color:var(--text);font-size:16px;outline:none;transition:border-color .2s}
.h-search:focus{border-color:var(--accent)}
.h-search::placeholder{color:var(--text3)}

/* Category grid */
.h-cats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:40px}
@media(max-width:900px){.h-cats{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.h-cats{grid-template-columns:1fr}}
.h-cat{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:24px;cursor:pointer;transition:box-shadow .2s,transform .2s;text-align:center}
.h-cat:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}
.h-cat-icon{width:48px;height:48px;border-radius:14px;display:flex;align-items:center;justify-content:center;margin:0 auto 12px;font-size:22px}
.h-cat-icon.faq{background:linear-gradient(135deg,#6C5CE7,#a855f7);color:#fff}
.h-cat-icon.guide{background:linear-gradient(135deg,#3B82F6,#60A5FA);color:#fff}
.h-cat-icon.glossary{background:linear-gradient(135deg,#10B981,#34D399);color:#fff}
.h-cat-icon.contact{background:linear-gradient(135deg,#F59E0B,#FBBF24);color:#fff}
.h-cat h3{font-size:16px;font-weight:600;margin-bottom:4px}
.h-cat p{font-size:13px;color:var(--text2);line-height:1.4}
.h-footer{text-align:center;padding:24px 0;border-top:1px solid var(--border);color:var(--text3);font-size:13px}
.h-footer a{color:var(--accent);text-decoration:none}
.h-footer a:hover{text-decoration:underline}

/* Layout with sidebar */
.h-layout{display:flex;gap:24px;align-items:flex-start}
.h-sidebar{width:260px;flex-shrink:0;position:sticky;top:24px}
@media(max-width:767px){.h-layout{flex-direction:column}.h-sidebar{width:100%;position:static;margin-bottom:16px}}
@media(max-width:1200px){.h-embed .h-sidebar{display:none}}
.h-sidebar-search{margin-bottom:16px}
.h-sidebar-search input{width:100%;padding:10px 12px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);color:var(--text);font-size:14px;outline:none;box-sizing:border-box}
.h-sidebar-search input:focus{border-color:var(--accent)}
.h-sidebar-nav{list-style:none}
.h-sidebar-nav li{margin-bottom:2px}
.h-sidebar-nav a{display:block;padding:8px 12px;border-radius:var(--radius-sm);color:var(--text2);font-size:14px;text-decoration:none;cursor:pointer;transition:background .15s,color .15s}
.h-sidebar-nav a:hover{background:var(--surface);color:var(--text)}
.h-sidebar-nav a.active{background:var(--accent);color:#fff;font-weight:600}
.h-sidebar-nav .h-nav-section{font-weight:600;font-size:13px;color:var(--text3);padding:12px 12px 4px;text-transform:uppercase;letter-spacing:.5px}

/* Content */
.h-content{flex:1;min-width:0}
.h-breadcrumbs{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text3);margin-bottom:20px;flex-wrap:wrap}
.h-breadcrumbs a{color:var(--text2);text-decoration:none;cursor:pointer}
.h-breadcrumbs a:hover{color:var(--accent)}
.h-breadcrumbs span{color:var(--text3)}

/* FAQ accordion */
.h-faq-section{margin-bottom:32px}
.h-faq-section h2{font-size:22px;font-weight:700;margin-bottom:16px;padding-bottom:8px;border-bottom:1px solid var(--border)}
.h-faq-item{border:1px solid var(--border);border-radius:var(--radius-sm);margin-bottom:8px;overflow:hidden;background:var(--surface)}
.h-faq-q{display:flex;align-items:center;justify-content:space-between;width:100%;padding:14px 16px;border:none;background:none;color:var(--text);font-size:15px;font-weight:600;text-align:left;cursor:pointer;gap:12px}
.h-faq-q:hover{background:var(--bg)}
.h-faq-q .arrow{flex-shrink:0;transition:transform .2s;opacity:.5}
.h-faq-item.open .h-faq-q .arrow{transform:rotate(180deg)}
.h-faq-a{padding:0 16px 16px;font-size:14px;color:var(--text2);line-height:1.7;display:none}
.h-faq-item.open .h-faq-a{display:block}

/* Article page */
.h-article h1{font-size:26px;font-weight:700;margin-bottom:16px}
.h-article h2{font-size:20px;font-weight:600;margin:24px 0 12px}
.h-article h3{font-size:16px;font-weight:600;margin:20px 0 10px}
.h-article p{margin-bottom:12px;font-size:15px;color:var(--text2);line-height:1.7}
.h-article ul,.h-article ol{margin:0 0 16px 20px;font-size:15px;color:var(--text2);line-height:1.7}
.h-article li{margin-bottom:6px}
.h-article a{color:var(--link);text-decoration:none}
.h-article a:hover,.h-guide-body a:hover,.h-faq-body a:hover,.h-faq-a a:hover,.h-related a:hover{color:var(--link-hover);text-decoration:underline}
.h-guide-body a,.h-faq-body a,.h-faq-a a,.h-related a{color:var(--link);text-decoration:underline;text-underline-offset:2px}
.h-article strong{color:var(--text)}
.h-article .h-screenshot{display:block;max-width:100%;margin:16px 0;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface);padding:24px;text-align:center;font-size:14px;color:var(--text3)}
.h-related{margin-top:32px;padding-top:20px;border-top:1px solid var(--border)}
.h-related h3{font-size:14px;text-transform:uppercase;letter-spacing:.5px;color:var(--text3);margin-bottom:12px}
.h-related a{display:block;padding:6px 0;color:var(--link);font-size:14px;text-decoration:none}
.h-related a:hover{text-decoration:underline}

/* Guide */
.h-guide-step{display:flex;gap:16px;margin-bottom:24px;padding:20px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius)}
.h-guide-num{width:32px;height:32px;border-radius:50%;background:var(--accent);color:#fff;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;flex-shrink:0}
.h-guide-body{flex:1}
.h-guide-body h3{font-size:16px;font-weight:600;margin-bottom:8px}
.h-guide-body p{font-size:14px;color:var(--text2);line-height:1.6}
.h-guide-step picture{display:block}
.h-guide-step .h-guide-img{width:100%;max-width:600px;margin:10px 0}
@media (max-width: 640px){
  .h-guide-step{display:block;padding:16px}
  .h-guide-num{margin-bottom:10px}
  .h-guide-step .h-guide-img{max-width:none;margin:8px 0}
}

/* Glossary */
.h-glossary-list{list-style:none}
.h-glossary-item{padding:14px 16px;border-bottom:1px solid var(--border);cursor:pointer;transition:background .15s}
.h-glossary-item:hover{background:var(--surface);border-radius:var(--radius-sm)}
.h-glossary-item:last-child{border-bottom:none}
.h-glossary-term{font-weight:600;font-size:15px;color:var(--text)}
.h-glossary-def{font-size:14px;color:var(--text2);margin-top:2px;line-height:1.5}
.h-glossary-letter{font-size:20px;font-weight:700;color:var(--accent);padding:8px 0 4px;margin-top:8px}
.h-glossary-letter:first-child{margin-top:0}
.h-glossary-index-label{font-size:12px;color:var(--text3);margin-bottom:6px}
.h-glossary-index{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:20px}
.h-glossary-index a{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:6px;background:var(--surface);border:1px solid var(--border);color:var(--text2);font-size:13px;font-weight:600;text-decoration:none;cursor:pointer}
.h-glossary-index a:hover{background:var(--accent);color:#fff;border-color:var(--accent)}

/* Search results */
.h-search-results{padding:16px 0}
/* Поле поиска на странице результатов: можно уточнить запрос, не теряя список (15.10.2026) */
.h-search-wrap-inline{max-width:100%;margin:0 0 20px}
.h-search-wrap-inline .h-search{padding:11px 14px 11px 40px;font-size:15px}
.h-search-wrap-inline svg{left:14px;width:18px;height:18px}

/* ===== Выпадающий список подсказок под полем поиска (15.10.2026) ===== */
.h-suggest-host{position:relative}
.h-suggest{position:absolute;left:0;right:0;top:calc(100% + 6px);z-index:60;max-height:min(60vh,420px);overflow-y:auto;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-lg);padding:6px;text-align:left}
.h-suggest-item{padding:9px 11px;border-radius:var(--radius-sm);cursor:pointer}
.h-suggest-item:hover,.h-suggest-item.active{background:var(--bg)}
.h-suggest-title{font-size:14px;font-weight:600;color:var(--text);margin-bottom:2px;line-height:1.35}
.h-suggest-excerpt{font-size:12.5px;color:var(--text2);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.h-suggest mark{background:rgba(108,92,231,.22);color:inherit;border-radius:2px;padding:0 2px}
/* низ списка прилипает: «Показать все результаты» видно даже когда подсказки прокручиваются */
.h-suggest-all{position:sticky;bottom:0;display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:6px;padding:11px;border-top:1px solid var(--border);background:var(--surface);font-size:13px;font-weight:600;color:var(--accent);cursor:pointer;border-radius:0 0 var(--radius-sm) var(--radius-sm)}
.h-suggest-all:hover{background:var(--bg)}
.h-suggest-count{font-weight:500;color:var(--text3)}
.h-suggest-empty{padding:12px;font-size:13px;color:var(--text3)}
@media(prefers-color-scheme:dark){.h-suggest mark{background:rgba(108,92,231,.45)}.h-suggest-item:hover,.h-suggest-item.active{background:rgba(255,255,255,0.06)}}
@media(max-width:600px){.h-suggest{max-height:52vh}}
.h-search-results h2{font-size:18px;font-weight:600;margin-bottom:16px}
.h-search-no{text-align:center;padding:40px 20px;color:var(--text3)}
.h-search-no svg{margin-bottom:12px;opacity:.3}
.h-search-no p{font-size:15px}
.h-search-group{margin-bottom:24px}
.h-search-group h3{font-size:13px;text-transform:uppercase;letter-spacing:.5px;color:var(--text3);margin-bottom:8px;padding-bottom:4px;border-bottom:1px solid var(--border)}
.h-search-item{display:block;padding:12px 14px;border-radius:var(--radius-sm);text-decoration:none;cursor:pointer;transition:background .15s,border-color .15s;border:1px solid transparent}
.h-search-item:hover{background:var(--surface);border-color:var(--border)}
.h-search-item .title{font-size:15px;font-weight:600;color:var(--text);margin-bottom:4px;line-height:1.35}
.h-search-item .excerpt{font-size:13px;color:var(--text2);line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.h-search-item mark{background:rgba(108,92,231,.2);color:var(--text);border-radius:2px;padding:0 2px}
@media(prefers-color-scheme:dark){.h-search-item mark{background:rgba(108,92,231,.4)}}

/* Guide list page */
.h-guide-list{display:grid;gap:12px}
.h-guide-card{display:flex;align-items:center;gap:16px;padding:16px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;transition:box-shadow .2s,transform .2s}
.h-guide-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-1px)}
.h-guide-card-icon{width:40px;height:40px;border-radius:10px;background:linear-gradient(135deg,#3B82F6,#60A5FA);color:#fff;display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0}
.h-guide-card-body{flex:1}
.h-guide-card-body h4{font-size:15px;font-weight:600;margin-bottom:2px}
.h-guide-card-body p{font-size:13px;color:var(--text2)}
.h-guide-card .step-count{font-size:12px;color:var(--text3);white-space:nowrap}

/* Back button */
.h-back{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border:none;border-radius:var(--radius-sm);background:var(--surface);color:var(--text2);font-size:13px;cursor:pointer;margin-bottom:16px;border:1px solid var(--border)}
.h-back:hover{color:var(--text);background:var(--bg)}

/* Scroll to top */
.h-top{position:fixed;bottom:24px;right:24px;width:44px;height:44px;border-radius:50%;background:var(--accent);color:#fff;border:none;font-size:18px;cursor:pointer;box-shadow:var(--shadow-lg);display:none;align-items:center;justify-content:center;z-index:50}
.h-top.visible{display:flex}
.h-top:hover{background:var(--accent-hover)}

/* FAQ preview */
.h-faq-preview{padding:0 16px 16px;font-size:14px;color:var(--text3);line-height:1.6;font-style:italic}
.h-faq-item.open .h-faq-preview{display:none}
.h-faq-body{padding:0 20px 20px;font-size:14px;color:var(--text2);line-height:1.7;display:none}
.h-faq-body > p,.h-faq-body > ul,.h-faq-body > ol,.h-faq-body > h3,.h-faq-body > h4,.h-faq-body > blockquote{max-width:780px;margin-left:auto;margin-right:auto}
.h-faq-body picture{display:block;max-width:780px;margin-left:auto;margin-right:auto}
.h-article{max-width:880px}
.h-faq-body .h-guide-img{max-width:780px}
.h-faq-item.open .h-faq-body{display:block}

/* Guide step image */
.h-guide-img{display:block;max-width:100%;margin:12px 0;border-radius:var(--radius-sm);border:1px solid var(--border);box-shadow:var(--shadow)}

/* Article preview */
.h-article-preview{padding:16px 20px;margin-bottom:20px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);font-size:15px;color:var(--text2);line-height:1.6;border-left:3px solid var(--accent)}

/* Contact card */
.h-contact-card{max-width:480px;margin:40px auto;text-align:center;padding:40px 32px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}
.h-contact-icon{font-size:48px;margin-bottom:16px}
.h-contact-card h2{font-size:22px;font-weight:700;margin-bottom:8px}
.h-contact-card p{font-size:15px;color:var(--text2);margin-bottom:8px;line-height:1.6}
.h-contact-email{margin-top:20px}
.h-contact-email a{display:inline-block;padding:12px 24px;background:var(--accent);color:#fff;border-radius:var(--radius-sm);font-size:16px;font-weight:600;text-decoration:none;transition:background .2s}
.h-contact-email a:hover{background:var(--accent-hover)}

/* Glossary anchor offset */
.h-glossary-letter{scroll-margin-top:24px}

.h-contact-item{margin-top:12px;font-size:15px;color:var(--text2)}
.h-contact-label{font-weight:600;color:var(--text1)}
.h-contact-item a{color:var(--accent);text-decoration:none;font-weight:500}
.h-contact-item a:hover{text-decoration:underline}
.h-edit-bar,.h-edit-bar *{color:#333!important}
.h-edit-bar .ql-editor{color:#333!important;background:#fff}

/* 17.10.2026: пример YML/XML в справке (каталог товаров) */
.h-guide-body code {
  background: rgba(108, 92, 231, 0.09);
  border: 1px solid rgba(108, 92, 231, 0.14);
  border-radius: 4px;
  padding: 1px 5px;
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace;
  font-size: 0.9em;
  color: var(--text);
}
.h-code {
  margin: 12px 0 8px;
  padding: 14px 16px;
  background: #0f172a;
  color: #e6edf3;
  border: 1px solid rgba(255, 255, 255, 0.10);
  border-radius: 10px;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  white-space: pre;
  tab-size: 2;
  font-size: 12px;
  line-height: 1.55;
}
.h-code code {
  display: block;
  padding: 0;
  border: 0;
  background: transparent;
  color: inherit;
  font-size: inherit;
  line-height: inherit;
  white-space: pre;
}
.h-code-note {
  margin: 8px 0 4px !important;
  font-size: 12.5px !important;
  line-height: 1.5 !important;
  color: var(--text3) !important;
}
@media (max-width: 600px) {
  .h-code { padding: 12px; font-size: 11.5px; }
}

/* 17.10.2026: не даём длинному примеру YML распирать страницу на телефоне */
.h-guide-step { min-width: 0; }
.h-guide-body { min-width: 0; }
.h-guide-body p, .h-guide-body li { overflow-wrap: break-word; }
.h-code { width: 100%; max-width: 100%; box-sizing: border-box; }
.h-code code { max-width: 100%; }


/* 29.10.2026: скин idot.vip — встраивание справки в страницу Тильды.
   Шрифт лендинга (OpeninonPro), тёмная тема, красный акцент площадки. */
@font-face{font-family:'OpeninonPro';src:url('https://static.tildacdn.com/tild3561-3438-4239-a531-636635666637/OpinionPro-Light.woff') format('woff');font-weight:300;font-style:normal;font-display:swap}
@font-face{font-family:'OpeninonPro';src:url('https://static.tildacdn.com/tild6263-3731-4439-a435-613865616666/OpinionPro-Regular.woff') format('woff');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'OpeninonPro';src:url('https://static.tildacdn.com/tild3235-6332-4637-b039-643231306337/OpinionPro-Medium.woff') format('woff');font-weight:500;font-style:normal;font-display:swap}
.h-skin-idot{--bg:#000;--surface:#101014;--text:#fff;--text2:#b7b7c2;--text3:#8b8b97;--border:rgba(255,255,255,.10);--accent:#ed0733;--accent-hover:#c9062b;--link:#ff6b81;--link-hover:#ffb3bd;--radius:14px;--radius-sm:10px;--font:'OpeninonPro',Arial,sans-serif}
.h-skin-idot,.h-skin-idot input,.h-skin-idot button,.h-skin-idot select,.h-skin-idot textarea{font-family:'OpeninonPro',Arial,sans-serif}
.h-skin-idot h1,.h-skin-idot h2,.h-skin-idot h3,.h-skin-idot .h-title{font-weight:500;letter-spacing:.1px}
.h-skin-idot #help-app{max-width:none;padding:0}
/* на странице Тильды свои подвал и шапка — дубли не нужны */
.h-skin-idot .h-footer,.h-skin-idot .h-top{display:none}
.h-skin-idot .h-sidebar-nav a.active{background:var(--accent);color:#fff}

/* 29.10.2026: единая типографика текстов справки — раньше <p> были 14px серые,
   а <li> наследовали 16px белые, из-за чего текст в шагах выглядел «разной плотности» */
.h-article p, .h-article li, .h-faq-body p, .h-faq-body li,
.h-guide-body p, .h-guide-body li{font-size:14.5px;line-height:1.65;color:var(--text2)}
.h-article li, .h-faq-body li, .h-guide-body li{margin-bottom:6px}
.h-article strong, .h-article b, .h-faq-body strong, .h-faq-body b,
.h-guide-body strong, .h-guide-body b{font-weight:500;color:var(--text)}
.h-article code, .h-faq-body code, .h-guide-body code{font-size:.88em}
/* в скине витрины включаем сглаживание как на лендинге Тильды */
.h-skin-idot, .h-skin-idot *{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}

/* 29.10.2026: у списков был сброшен отступ (reset *{padding:0}) — маркеры липли к краю,
   а пункты шли слишком плотно. Возвращаем отступ и воздух между пунктами. */
.h-article ul, .h-article ol,
.h-faq-body ul, .h-faq-body ol,
.h-guide-body ul, .h-guide-body ol{margin:8px 0 12px;padding-left:22px;list-style-position:outside}
.h-article li, .h-faq-body li, .h-guide-body li{margin-bottom:8px}
.h-article li:last-child, .h-faq-body li:last-child, .h-guide-body li:last-child{margin-bottom:0}
.h-article ul ul, .h-article ol ol, .h-faq-body ul ul, .h-faq-body ol ol,
.h-guide-body ul ul, .h-guide-body ol ol{margin:6px 0 6px;padding-left:20px}
@media (max-width:640px){
  .h-article ul, .h-article ol, .h-faq-body ul, .h-faq-body ol,
  .h-guide-body ul, .h-guide-body ol{padding-left:18px;margin:8px 0 10px}
  .h-article li, .h-faq-body li, .h-guide-body li{margin-bottom:8px}
}

/* 29.10.2026: публичная версия справки (idot.vip) — текст крупнее, чем в редакторе:
   в редакторе важна плотность (рабочий инструмент), на сайте — читаемость с телефона. */
.h-skin-idot .h-article p, .h-skin-idot .h-article li,
.h-skin-idot .h-faq-body p, .h-skin-idot .h-faq-body li,
.h-skin-idot .h-guide-body p, .h-skin-idot .h-guide-body li,
.h-skin-idot .h-faq-body{font-size:16px;line-height:1.72}
.h-skin-idot .h-article li, .h-skin-idot .h-faq-body li, .h-skin-idot .h-guide-body li{margin-bottom:10px}
.h-skin-idot .h-guide-body h3{font-size:18px;margin-bottom:6px}
.h-skin-idot .h-faq-q{font-size:17px}
.h-skin-idot .h-article-preview{font-size:16px}
.h-skin-idot .h-sidebar-nav a{font-size:15px}
.h-skin-idot .h-sidebar-search input{font-size:15px}
.h-skin-idot .h-article ul, .h-skin-idot .h-article ol,
.h-skin-idot .h-faq-body ul, .h-skin-idot .h-faq-body ol,
.h-skin-idot .h-guide-body ul, .h-skin-idot .h-guide-body ol{padding-left:24px}

/* 29.10.2026: главный экран справки на витрине — заголовок, подзаголовок,
   карточки разделов и поиск крупнее (в редакторе остаётся как было) */
.h-skin-idot .h-hero h1{font-size:40px;line-height:1.18}
.h-skin-idot .h-hero > p{font-size:19px;line-height:1.6}
.h-skin-idot .h-search{font-size:17px}
.h-skin-idot .h-cat h3{font-size:19px;line-height:1.35}
.h-skin-idot .h-cat p{font-size:15.5px;line-height:1.55}
.h-skin-idot .h-cat-icon{font-size:26px}
@media (max-width:860px){
  .h-skin-idot .h-hero h1{font-size:30px}
  .h-skin-idot .h-hero > p{font-size:17px}
  .h-skin-idot .h-cat h3{font-size:18px}
  .h-skin-idot .h-cat p{font-size:15px}
}