/* LeadJabber knowledge base UI. Loaded only on /knowledge/ pages. */
.ljkb{background:#fff;--ink:#0f172a;--text:#334155;--muted:#64748b;--line:#e2e8f0;--line-strong:#cbd5e1;--paper:#fff;--wash:#f8fafc;--indigo:#4f46e5;--indigo-deep:#312e81;--indigo-wash:#eef2ff;--indigo-line:#c7d2fe;--green:#047857;--green-wash:#ecfdf5;--amber:#92400e;--amber-wash:#fffbeb;--code:#f1f5f9;--rs:6px;--rm:10px;--rl:16px;--sticky:96px;
  width:100%;color:var(--text);font-family:"Inter",system-ui,-apple-system,"Segoe UI",sans-serif;font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased}
.ljkb *,.ljkb *::before,.ljkb *::after{box-sizing:border-box}
.ljkb h1,.ljkb h2,.ljkb h3,.ljkb h4{color:var(--ink);line-height:1.2;margin:0;font-weight:700;letter-spacing:-.015em;font-family:inherit}
.ljkb a{color:var(--indigo);text-decoration:none}
.ljkb a:hover{text-decoration:underline}
.ljkb :focus-visible{outline:2px solid var(--indigo);outline-offset:2px;border-radius:4px}
.ljkb img{max-width:100%;height:auto}
.ljkb code{font-family:"JetBrains Mono",ui-monospace,monospace;font-size:.88em;background:var(--code);padding:.1em .35em;border-radius:4px;color:var(--ink)}
.ljkb-wrap{max-width:1180px;margin:0 auto;padding:0 24px}
.ljkb-btn{display:inline-flex;align-items:center;gap:8px;background:var(--indigo);color:#fff!important;font-weight:600;font-size:15px;padding:9px 16px;border-radius:var(--rs)}
.ljkb-btn:hover{text-decoration:none!important;filter:brightness(1.08)}
.ljkb-btn.ghost{background:transparent;color:var(--ink)!important;border:1px solid var(--line-strong)}

/* Front page */
.ljkb-hero{padding:72px 0 56px;border-bottom:1px solid var(--line);background:linear-gradient(180deg,var(--indigo-wash),var(--paper) 85%)}
.ljkb-hero h1{font-size:clamp(34px,5vw,52px);max-width:16ch}
.ljkb-lede{font-size:18px;color:var(--muted);margin:14px 0 28px;max-width:52ch}
.ljkb-search{position:relative;max-width:720px;margin:0}
.ljkb-search input[type=search]{width:100%;font:inherit;font-size:18px;color:var(--ink);background:var(--paper);border:1px solid var(--line-strong);border-radius:var(--rm);padding:18px 60px 18px 54px;box-shadow:0 1px 2px rgba(15,23,42,.04),0 8px 24px -12px rgba(49,46,129,.25);-webkit-appearance:none;appearance:none;margin:0}
.ljkb-search input[type=search]::placeholder{color:var(--muted)}
.ljkb-search input[type=search]:focus{outline:none;border-color:var(--indigo);box-shadow:0 0 0 4px rgba(79,70,229,.18)}
.ljkb-search>svg{position:absolute;left:18px;top:50%;transform:translateY(-50%);width:22px;height:22px;color:var(--muted);pointer-events:none}
.ljkb-search kbd{position:absolute;right:16px;top:50%;transform:translateY(-50%);font:500 12px "Inter",sans-serif;color:var(--muted);border:1px solid var(--line-strong);border-radius:5px;padding:2px 7px;background:var(--wash)}
.ljkb-results{position:absolute;left:0;right:0;top:calc(100% + 8px);background:var(--paper);border:1px solid var(--line-strong);border-radius:var(--rm);box-shadow:0 16px 40px -16px rgba(15,23,42,.3);list-style:none;margin:0;padding:6px;z-index:40;max-height:380px;overflow:auto}
.ljkb-results[hidden]{display:none}
.ljkb-results li{margin:0;padding:0}
.ljkb-results a{display:block;padding:10px 12px;border-radius:var(--rs);color:var(--ink)}
.ljkb-results a:hover,.ljkb-results a:focus,.ljkb-results a.on{background:var(--indigo-wash);text-decoration:none}
.ljkb-results small{display:block;color:var(--muted);font-size:13px}
.ljkb-results .empty{padding:10px 12px;color:var(--muted);font-size:15px}
.ljkb-results .ask{border-top:1px solid var(--line);margin-top:6px;padding-top:6px}
.ljkb-results .ask a{color:var(--indigo);font-weight:600}
.ljkb-popular{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:18px;font-size:14px;color:var(--muted)}
.ljkb-popular a{color:var(--text);background:var(--paper);border:1px solid var(--line);padding:5px 12px;border-radius:999px}
.ljkb-popular a:hover{border-color:var(--indigo-line);color:var(--indigo);text-decoration:none}
.ljkb-block{padding:64px 0}
.ljkb-block.tight{padding-top:8px}
.ljkb-block.last{padding-top:0;padding-bottom:80px}
.ljkb-head{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:28px;flex-wrap:wrap}
.ljkb-head h2{font-size:28px}
.ljkb-head p{margin:6px 0 0;color:var(--muted);max-width:60ch}

.ljkb-seq{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}
.ljkb-seq li{position:relative;padding:0 20px 0 0;margin:0}
.ljkb-seq li::after{content:"";position:absolute;top:22px;left:52px;right:8px;border-top:2px dashed var(--indigo-line)}
.ljkb-seq li:last-child::after{display:none}
.ljkb-node{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:var(--indigo);color:#fff;font-weight:700;position:relative;z-index:1;box-shadow:0 0 0 6px var(--paper)}
.ljkb-seq li:last-child .ljkb-node{background:var(--green)}
.ljkb-wait{display:inline-block;margin:18px 0 8px;font-size:12px;font-weight:600;color:var(--indigo-deep);background:var(--indigo-wash);border:1px solid var(--indigo-line);padding:2px 9px;border-radius:999px}
.ljkb-wait.done{color:var(--green);background:var(--green-wash);border-color:#a7f3d0}
.ljkb-seq h3{font-size:17px;margin-bottom:6px}
.ljkb-seq h3 a{color:var(--ink)}
.ljkb-seq p{margin:0;font-size:14.5px;color:var(--muted);max-width:30ch}

.ljkb-topics{border-top:1px solid var(--line)}
.ljkb-topic{display:grid;grid-template-columns:56px minmax(0,1.1fr) minmax(0,1.4fr);gap:24px;padding:28px 0;border-bottom:1px solid var(--line);align-items:start}
.ljkb-ico{width:44px;height:44px;border-radius:var(--rm);background:var(--indigo-wash);color:var(--indigo);display:grid;place-items:center}
.ljkb-ico svg{width:22px;height:22px}
.ljkb-topic h3{font-size:20px}
.ljkb-topic h3 a{color:var(--ink)}
.ljkb-desc{margin:6px 0 10px;color:var(--muted);font-size:15px}
.ljkb-count{font-size:13px;color:var(--muted)}
.ljkb-links{list-style:none;margin:0;padding:0;display:grid;gap:2px}
.ljkb-links li{margin:0;padding:0}
.ljkb-links a{display:flex;justify-content:space-between;gap:12px;padding:7px 10px;margin:0 -10px;border-radius:var(--rs);color:var(--text);font-size:15px}
.ljkb-links a:hover{background:var(--wash);color:var(--indigo);text-decoration:none}
.ljkb-links span{color:var(--muted);font-size:13px;white-space:nowrap}
.ljkb-links .soon{padding:7px 0;color:var(--muted);font-size:15px}
.ljkb-all{display:inline-block;margin-top:8px;font-size:14px;font-weight:600}

.ljkb-help{background:var(--indigo-deep);color:#e0e7ff;border-radius:var(--rl);padding:36px 40px;display:flex;gap:32px;align-items:center;justify-content:space-between;flex-wrap:wrap}
.ljkb-help h2{color:#fff;font-size:24px}
.ljkb-help p{margin:6px 0 0;max-width:56ch}
.ljkb-help .ljkb-btn{background:#fff;color:#312e81!important}

/* Article and topic pages */
.ljkb-doc{display:grid;grid-template-columns:240px minmax(0,1fr) 200px;gap:48px;padding-top:36px;padding-bottom:72px;align-items:start}
.ljkb-doc.no-toc{grid-template-columns:240px minmax(0,1fr)}
.ljkb-tree{position:sticky;top:var(--sticky);max-height:calc(100vh - var(--sticky) - 20px);overflow:auto;font-size:14px;padding-right:8px}
.ljkb-find{width:100%;font:inherit;font-size:14px;padding:8px 10px;border:1px solid var(--line-strong);border-radius:var(--rs);background:var(--paper);color:var(--ink);margin:0 0 18px;-webkit-appearance:none;appearance:none}
.ljkb-tree h4{font-size:13px;font-weight:600;margin:18px 0 6px}
.ljkb-tree h4 a{color:var(--ink)}
.ljkb-tree ul{list-style:none;margin:0;padding:0 0 0 2px;border-left:1px solid var(--line)}
.ljkb-tree li{margin:0;padding:0}
.ljkb-tree li a{display:block;padding:5px 0 5px 12px;margin-left:-1px;border-left:2px solid transparent;color:var(--muted);line-height:1.4}
.ljkb-tree li a:hover{color:var(--ink);text-decoration:none}
.ljkb-tree li a[aria-current]{color:var(--indigo);border-left-color:var(--indigo);font-weight:600}
.ljkb-tree [hidden]{display:none}
.ljkb-mnav{display:none}

.ljkb-crumbs{font-size:14px;color:var(--muted);display:flex;gap:8px;flex-wrap:wrap}
.ljkb-crumbs a{color:var(--muted)}
.ljkb-main h1{font-size:clamp(30px,4vw,40px);margin:12px 0 10px;max-width:24ch}
.ljkb-meta{display:flex;gap:16px;flex-wrap:wrap;font-size:14px;color:var(--muted);margin-bottom:28px}
.ljkb-meta .ok{color:var(--green)}
.ljkb-intro{font-size:18px;color:var(--muted);margin:0 0 28px;max-width:60ch}

.ljkb-body .leadjabber-article{all:unset;display:block}
.ljkb-body .leadjabber-answer{border:1px solid var(--indigo-line);background:var(--indigo-wash);border-radius:var(--rm);padding:18px 22px;margin:0 0 36px}
.ljkb-body .leadjabber-answer p{margin:0;color:var(--ink);max-width:none}
.ljkb-body .leadjabber-answer p.leadjabber-answer-label{font-size:13px;font-weight:700;color:var(--indigo-deep);margin-bottom:4px}
.ljkb-body h2{font-size:22px;margin:44px 0 12px}
.ljkb-body h3{font-size:18px;margin:28px 0 10px}
.ljkb-body p,.ljkb-body li{max-width:68ch}
.ljkb-body p{margin:0 0 14px}
.ljkb-body ul{padding-left:22px;margin:0 0 16px}
.ljkb-body ul li{margin:0 0 6px}
.ljkb-body figure{margin:0 0 12px;border:1px solid var(--line);border-radius:var(--rm);overflow:hidden;background:var(--wash);max-width:720px}
.ljkb-body figure img{display:block;width:100%;height:auto}
.ljkb-body ol{list-style:none;margin:20px 0 8px;padding:0;counter-reset:s}
.ljkb-body ol>li{counter-increment:s;position:relative;padding:0 0 26px 52px;margin:0;max-width:none}
.ljkb-body ol>li::before{content:counter(s);position:absolute;left:0;top:-2px;width:32px;height:32px;border-radius:50%;background:var(--paper);border:2px solid var(--indigo);color:var(--indigo);font-weight:700;font-size:14px;display:grid;place-items:center}
.ljkb-body ol>li::after{content:"";position:absolute;left:15px;top:34px;bottom:4px;border-left:2px solid var(--line)}
.ljkb-body ol>li:last-child::after{display:none}
.ljkb-body ol>li>p{margin:0 0 12px}
.ljkb-body .leadjabber-tip,.ljkb-body .leadjabber-warning,.ljkb-body .leadjabber-cause,.ljkb-body .leadjabber-box{border-radius:var(--rm);padding:14px 18px;margin:20px 0;font-size:15px}
.ljkb-body .leadjabber-tip p:last-child,.ljkb-body .leadjabber-warning p:last-child,.ljkb-body .leadjabber-cause p:last-child,.ljkb-body .leadjabber-box p:last-child{margin-bottom:0}
.ljkb-body .leadjabber-tip{background:var(--green-wash);border-left:3px solid var(--green)}
.ljkb-body .leadjabber-warning{background:var(--amber-wash);border-left:3px solid var(--amber)}
.ljkb-body .leadjabber-cause,.ljkb-body .leadjabber-box{background:var(--wash);border:1px solid var(--line)}
.ljkb-body .leadjabber-support{margin-top:40px;padding-top:4px;border-top:1px solid var(--line)}
.ljkb-body .leadjabber-support h2{font-size:18px;margin-top:24px}
.ljkb-body table{border-collapse:collapse;width:100%;font-size:14px}
.ljkb-tablewrap{border:1px solid var(--line);border-radius:var(--rm);overflow-x:auto;margin:6px 0 16px}
.ljkb-tablewrap table{min-width:540px}
.ljkb-body th{text-align:left;font-weight:600;color:var(--muted);font-size:12.5px;background:var(--wash);padding:10px 14px;border-bottom:1px solid var(--line)}
.ljkb-body td{padding:10px 14px;border-bottom:1px solid var(--line);vertical-align:middle}
.ljkb-body tr:last-child td{border-bottom:0}
.ljkb-copy{font:inherit;font-size:12.5px;font-weight:500;border:1px solid var(--line-strong);background:var(--paper);color:var(--text);border-radius:5px;padding:3px 9px;cursor:pointer;margin-left:8px;white-space:nowrap;line-height:1.4}
.ljkb-copy:hover{border-color:var(--indigo);color:var(--indigo)}
.ljkb-copy.ok{border-color:var(--green);color:var(--green)}

.ljkb-fb{margin-top:48px;padding:20px 22px;border:1px solid var(--line);border-radius:var(--rm);display:flex;gap:16px;align-items:center;justify-content:space-between;flex-wrap:wrap}
.ljkb-fb p{margin:0;font-weight:600;color:var(--ink)}
.ljkb-fb .b{display:flex;gap:8px}
.ljkb-fb button{font:inherit;font-size:14px;border:1px solid var(--line-strong);background:var(--paper);color:var(--text);border-radius:var(--rs);padding:7px 14px;cursor:pointer;line-height:1.4}
.ljkb-fb button:hover{border-color:var(--indigo);color:var(--indigo)}
.ljkb-fb .thanks{color:var(--green);font-weight:500}
.ljkb-pager{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:24px}
.ljkb-pager a{border:1px solid var(--line);border-radius:var(--rm);padding:14px 18px;color:var(--ink);font-weight:600}
.ljkb-pager a small{display:block;color:var(--muted);font-weight:400;font-size:13px}
.ljkb-pager a:hover{border-color:var(--indigo-line);text-decoration:none}
.ljkb-pager a.next{text-align:right;grid-column:2}

.ljkb-toc{position:sticky;top:var(--sticky);font-size:13.5px}
.ljkb-toc>p{font-weight:600;color:var(--ink);margin:0 0 10px;font-size:13px}
.ljkb-toc ul{list-style:none;margin:0;padding:0}
.ljkb-toc li{margin:0;padding:0}
.ljkb-toc a{display:block;color:var(--muted);padding:4px 0;line-height:1.4}
.ljkb-toc a.on{color:var(--indigo);font-weight:600}
.ljkb-stuck{margin-top:28px;padding-top:18px;border-top:1px solid var(--line);color:var(--muted)}

.ljkb-list{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}
.ljkb-list li{margin:0;padding:0;border-bottom:1px solid var(--line)}
.ljkb-list a{display:block;padding:20px 0;color:var(--text)}
.ljkb-list a:hover{text-decoration:none}
.ljkb-list a:hover strong{color:var(--indigo)}
.ljkb-list strong{display:block;color:var(--ink);font-size:17px;margin-bottom:4px}
.ljkb-list span{display:block;color:var(--muted);font-size:15px;max-width:68ch}
.ljkb-list em{display:block;font-style:normal;color:var(--muted);font-size:13px;margin-top:6px}

@media (max-width:1080px){.ljkb-doc{grid-template-columns:220px minmax(0,1fr);gap:36px}.ljkb-toc{display:none}}
@media (max-width:860px){
  .ljkb-seq{grid-template-columns:minmax(0,1fr)}
  .ljkb-seq li{padding:0 0 26px 64px}
  .ljkb-seq .ljkb-node{position:absolute;left:0;top:0}
  .ljkb-seq li::after{top:50px;bottom:4px;left:21px;right:auto;border-top:0;border-left:2px dashed var(--indigo-line)}
  .ljkb-wait{margin-top:8px}
  .ljkb-topic{grid-template-columns:44px minmax(0,1fr);gap:16px}
  .ljkb-topic>div:last-child{grid-column:2}
  .ljkb-doc,.ljkb-doc.no-toc{grid-template-columns:minmax(0,1fr);padding-top:24px}
  .ljkb-tree{display:none}
  .ljkb-mnav{display:block;margin-bottom:20px}
  .ljkb-mnav select{width:100%;font:inherit;font-size:15px;padding:10px 12px;border:1px solid var(--line-strong);border-radius:var(--rs);background:var(--paper);color:var(--ink)}
  .ljkb-help{padding:28px 24px}
  .ljkb-pager{grid-template-columns:1fr}
  .ljkb-pager a.next{text-align:left;grid-column:1}
  .ljkb-hero{padding:48px 0 40px}
  .ljkb-search kbd{display:none}
  .ljkb-search input[type=search]{padding-right:18px;font-size:16px}
}