/* Довідка Kizuna CRM — власний шар поверх landing.min.css.
   Палітра й шрифт успадковані з лендінга; layout — канонічний docs (3 колонки). */
:root{
  --kz-gold:#DEAA01;
  --kz-gold-soft:#fbf3d8;
  --kz-link:#8a6d00;
  --kz-dark:#12100F;
  --kz-cream:#FFF7F3;
  --kz-ink:#2b2723;
  --kz-muted:#6b6560;
  --kz-line:#ece7e1;
  --kz-surface:#ffffff;
}

.help-body{
  font-family:'Inter',system-ui,-apple-system,sans-serif;
  background:var(--kz-cream);
  color:var(--kz-ink);
  margin:0;
  -webkit-font-smoothing:antialiased;
}

/* ── каркас у 3 колонки ── */
.help-layout{
  max-width:1360px;
  margin:0 auto;
  padding:20px 24px 64px;
  display:grid;
  grid-template-columns:248px minmax(0,1fr) 216px;
  gap:48px;
  align-items:start;
}

/* ── ліве дерево ── */
.help-sidebar{
  position:sticky;
  top:96px;
  align-self:start;
  max-height:calc(100vh - 128px);
  overflow-y:auto;
}
.help-sidebar-head{
  font-size:.8125rem;
  font-weight:700;
  letter-spacing:.06em;
  text-transform:uppercase;
  color:var(--kz-gold);
  padding-bottom:12px;
  border-bottom:1px solid var(--kz-line);
  margin-bottom:8px;
}
.help-cat{margin-top:8px;}
.help-cat-title{
  font-size:.8125rem;
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:.04em;
  color:var(--kz-dark);
  margin:24px 0 8px;
}
.help-tree ul{list-style:none;margin:0;padding:0;}
.help-tree li a{
  display:block;
  padding:6px 12px;
  border-radius:8px;
  border-left:2px solid transparent;
  color:var(--kz-muted);
  font-size:.9375rem;
  line-height:1.4;
  text-decoration:none;
  transition:color .15s,background .15s;
}
.help-tree li a:hover{color:var(--kz-dark);background:#fff;}
.help-tree li a.is-active{
  color:var(--kz-dark);
  font-weight:600;
  background:var(--kz-gold-soft);
  border-left-color:var(--kz-gold);
}

/* ── центральна стаття ── */
.help-main{min-width:0;}
.help-crumbs{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:8px;
  font-size:.8125rem;
  color:var(--kz-muted);
  margin-bottom:24px;
}
.help-crumbs a{color:var(--kz-muted);text-decoration:none;}
.help-crumbs a:hover{color:var(--kz-gold);}
.help-crumb-current{color:var(--kz-ink);}

.help-article{
  max-width:760px;
  background:var(--kz-surface);
  border:1px solid var(--kz-line);
  border-radius:16px;
  padding:48px;
}
.help-article h1{font-size:2rem;line-height:1.15;font-weight:800;letter-spacing:-.01em;color:var(--kz-dark);margin:0 0 24px;}
.help-article h2{font-size:1.5rem;font-weight:700;color:var(--kz-dark);margin:48px 0 16px;scroll-margin-top:96px;}
.help-article h3{font-size:1.25rem;font-weight:600;color:var(--kz-dark);margin:32px 0 12px;scroll-margin-top:96px;}
.help-article p{font-size:1rem;line-height:1.7;margin:0 0 16px;}
.help-article strong{color:var(--kz-dark);font-weight:700;}
.help-article a{color:var(--kz-link);text-decoration:underline;text-underline-offset:2px;}
.help-article a:hover{color:var(--kz-gold);}
.help-article ul,.help-article ol{margin:0 0 16px;padding-left:24px;line-height:1.7;}
.help-article ul{list-style:disc outside;}
.help-article ol{list-style:decimal outside;}
.help-article li{margin:6px 0;}
.help-article li::marker{color:var(--kz-gold);}
.help-article blockquote{
  margin:24px 0;
  padding:16px 20px;
  background:var(--kz-gold-soft);
  border-left:3px solid var(--kz-gold);
  border-radius:0 10px 10px 0;
  color:#5f5228;
}
.help-article blockquote p{margin:0;}
.help-article code{
  background:#f4efe9;
  border:1px solid var(--kz-line);
  border-radius:6px;
  padding:.1em .4em;
  font-size:.875em;
  font-family:ui-monospace,SFMono-Regular,Menlo,monospace;
  color:var(--kz-dark);
}
.help-article pre{background:var(--kz-dark);color:#f5f0e8;padding:16px 20px;border-radius:10px;overflow:auto;margin:24px 0;}
.help-article pre code{background:none;border:none;color:inherit;padding:0;}
.help-article table{width:100%;border-collapse:collapse;margin:24px 0;font-size:.9375rem;}
.help-article th,.help-article td{border:1px solid var(--kz-line);padding:8px 12px;text-align:left;}
.help-article th{background:#faf6f0;font-weight:600;color:var(--kz-dark);}
.help-article hr{border:none;border-top:1px solid var(--kz-line);margin:32px 0;}

/* ── правий зміст ── */
.help-toc{
  position:sticky;
  top:96px;
  align-self:start;
  max-height:calc(100vh - 128px);
  overflow-y:auto;
  font-size:.875rem;
}
.help-toc-head{
  text-transform:uppercase;
  letter-spacing:.04em;
  font-size:.75rem;
  font-weight:700;
  color:var(--kz-muted);
  margin-bottom:12px;
}
.help-toc .toc ul{list-style:none;margin:0;padding:0;border-left:1px solid var(--kz-line);}
.help-toc .toc li{margin:0;}
.help-toc .toc a{
  display:block;
  padding:4px 0 4px 14px;
  margin-left:-1px;
  border-left:2px solid transparent;
  color:var(--kz-muted);
  text-decoration:none;
  line-height:1.4;
}
.help-toc .toc a:hover{color:var(--kz-dark);border-left-color:var(--kz-gold);}
.help-toc .toc ul ul a{padding-left:26px;font-size:.8125rem;}

/* ── мобільна кнопка розділів ── */
.help-nav-toggle{
  display:none;
  align-items:center;
  gap:8px;
  background:#fff;
  border:1px solid var(--kz-line);
  border-radius:10px;
  padding:10px 16px;
  font-family:inherit;
  font-size:.9375rem;
  font-weight:600;
  color:var(--kz-dark);
  cursor:pointer;
}
.help-scrim{display:none;}

/* ── адаптив ── */
@media(max-width:1100px){
  .help-layout{grid-template-columns:224px minmax(0,1fr);gap:40px;}
  .help-toc{display:none;}
}
@media(max-width:820px){
  .help-layout{grid-template-columns:1fr;gap:0;padding:8px 20px 48px;}
  .help-nav-toggle{display:inline-flex;position:sticky;top:80px;z-index:30;margin-bottom:20px;}
  .help-sidebar{
    position:fixed;top:0;left:0;bottom:0;width:284px;
    background:#fff;z-index:70;
    padding:88px 20px 24px;
    max-height:none;
    border-right:1px solid var(--kz-line);
    box-shadow:0 10px 40px rgba(18,16,15,.18);
    transform:translateX(-100%);
    transition:transform .25s ease;
  }
  .help-sidebar.is-open{transform:translateX(0);}
  .help-scrim.is-open{display:block;position:fixed;inset:0;background:rgba(18,16,15,.4);z-index:65;}
  .help-article{padding:28px 22px;border-radius:12px;}
  .help-article h1{font-size:1.625rem;}
  .help-article h2{font-size:1.3125rem;margin-top:36px;}
}

/* ── пошук по Довідці ── */
.help-search{
  max-width:1360px;
  margin:0 auto;
  padding:96px 24px 0;
  position:relative;
  z-index:40;
}
.help-search-form{
  display:flex;
  align-items:center;
  gap:10px;
  max-width:640px;
  background:#fff;
  border:1px solid var(--kz-line);
  border-radius:12px;
  padding:0 14px;
  transition:border-color .15s,box-shadow .15s;
}
.help-search-form:focus-within{
  border-color:var(--kz-gold);
  box-shadow:0 0 0 3px var(--kz-gold-soft);
}
.help-search-icon{width:18px;height:18px;color:var(--kz-muted);flex-shrink:0;}
.help-search-input{
  flex:1;
  min-width:0;
  border:none;
  outline:none;
  background:none;
  font-family:inherit;
  font-size:.9375rem;
  color:var(--kz-ink);
  padding:12px 0;
}
.help-search-input::placeholder{color:var(--kz-muted);}
.help-search-panel{
  position:absolute;
  top:calc(100% + 6px);
  left:24px;
  width:min(640px,calc(100% - 48px));
  background:#fff;
  border:1px solid var(--kz-line);
  border-radius:12px;
  box-shadow:0 12px 40px rgba(18,16,15,.14);
  max-height:60vh;
  overflow-y:auto;
  padding:6px;
  z-index:60;
}
.help-search-panel[hidden]{display:none;}
.help-search-item{display:block;padding:10px 12px;border-radius:8px;text-decoration:none;}
.help-search-item:hover{background:var(--kz-gold-soft);}
.help-search-sect{display:block;font-size:.6875rem;text-transform:uppercase;letter-spacing:.04em;color:var(--kz-gold);font-weight:700;}
.help-search-title{display:block;font-size:.9375rem;font-weight:600;color:var(--kz-dark);margin:2px 0;}
.help-search-snip{display:block;font-size:.8125rem;color:var(--kz-muted);line-height:1.4;}
.help-search-empty{padding:16px;color:var(--kz-muted);font-size:.9375rem;}

/* серверна сторінка результатів */
.help-search-count{color:var(--kz-muted);font-size:.9375rem;margin-bottom:8px;}
.help-search-results{display:flex;flex-direction:column;gap:10px;margin-top:16px;}
.help-result{display:block;padding:16px 18px;border:1px solid var(--kz-line);border-radius:12px;text-decoration:none;background:#fff;transition:border-color .15s,background .15s;}
.help-result:hover{border-color:var(--kz-gold);background:var(--kz-cream);}
.help-result-sect{display:block;font-size:.6875rem;text-transform:uppercase;letter-spacing:.04em;color:var(--kz-gold);font-weight:700;}
.help-result-title{display:block;font-size:1.0625rem;font-weight:700;color:var(--kz-dark);margin:2px 0 4px;}
.help-result-snip{display:block;font-size:.875rem;color:var(--kz-muted);line-height:1.5;}

@media(max-width:820px){
  .help-search{padding:84px 20px 0;}
  .help-search-form{max-width:none;}
  .help-search-panel{left:20px;width:calc(100% - 40px);}
}