/* Collexall Knowledge Base: complements the site's existing design system. */
.kb-page{min-height:100vh}.kb-page .site-header{position:sticky}.kb-top{padding:76px 0 38px}.kb-hero{display:grid;grid-template-columns:1.25fr .75fr;align-items:center;gap:40px}.kb-hero h1{max-width:770px;margin:14px 0 18px;font-size:clamp(40px,6.5vw,75px);line-height:1.08;letter-spacing:-.045em}.kb-hero h1 em{font-style:normal;color:var(--gold-2)}.kb-lead{color:var(--muted);font-size:clamp(17px,2vw,21px);max-width:700px}.kb-hero-art{border-radius:28px;padding:24px;min-width:0;background:radial-gradient(circle at 50% 10%,rgba(224,173,89,.16),transparent 63%),#0d1721;border:1px solid var(--line)}.kb-hero-art img{width:min(235px,90%);max-height:330px;object-fit:contain;margin:auto;box-shadow:0 20px 45px rgba(0,0,0,.3);border-radius:23px}.kb-hero-art small{display:block;color:var(--muted);margin-top:13px;text-align:center}.kb-breadcrumb{display:flex;flex-wrap:wrap;gap:8px;color:var(--muted);font-size:13px}.kb-breadcrumb a:hover,.kb-ref a:hover{color:var(--gold-2)}.kb-search-area{margin-top:38px;position:relative}.kb-search{width:100%;min-height:66px;background:#111f2b;border:1px solid #40505f;border-radius:18px;color:var(--text);padding:16px 22px 16px 55px;outline:none;font-size:17px}.kb-search:focus-visible{border-color:var(--gold);box-shadow:0 0 0 3px rgba(224,173,89,.12)}.kb-search-icon{position:absolute;left:20px;top:21px;font-size:22px;color:var(--gold)}.kb-hint{font-size:13px;color:var(--muted);margin:8px 2px 0}.kb-quick{padding:25px 0 75px}.kb-quick h2{font-size:clamp(25px,3.5vw,36px);margin:0 0 20px}.kb-card-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.kb-card{display:flex;flex-direction:column;gap:11px;border:1px solid var(--line);border-radius:21px;background:linear-gradient(140deg,rgba(255,255,255,.035),rgba(255,255,255,.012));padding:23px;transition:transform .2s,border-color .2s}.kb-card:hover,.kb-card:focus-visible{transform:translateY(-3px);border-color:var(--gold);outline:none}.kb-card .kb-card-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:rgba(224,173,89,.11);border:1px solid rgba(224,173,89,.35);font-size:23px}.kb-card h3{margin:0;font-size:18px;line-height:1.25}.kb-card p{margin:0;color:var(--muted);font-size:14px;line-height:1.55}.kb-card span:last-child{color:var(--gold-2);font-size:12px;margin-top:auto}.kb-layout{display:grid;grid-template-columns:230px minmax(0,1fr);gap:40px;align-items:start;padding-bottom:80px}.kb-toc{position:sticky;top:95px;border:1px solid var(--line);background:var(--panel);padding:21px;border-radius:19px}.kb-toc h2{color:var(--gold-2);letter-spacing:.1em;font-size:12px;text-transform:uppercase;margin:0 0 10px}.kb-toc a{display:block;padding:9px 7px;font-size:13px;border-radius:7px;color:#d7dde1}.kb-toc a:hover,.kb-toc a:focus-visible{background:rgba(224,173,89,.1);color:var(--gold-2)}.kb-body{min-width:0}.kb-article{scroll-margin-top:115px;padding:37px 0 56px;border-bottom:1px solid var(--line)}.kb-article:first-child{padding-top:0}.kb-article h2{font-size:clamp(29px,4vw,44px);letter-spacing:-.035em;line-height:1.15;margin:10px 0 18px}.kb-article h3{font-size:21px;line-height:1.28;margin:30px 0 10px}.kb-article p,.kb-article li{color:#cad3dc;line-height:1.72}.kb-article li+li{margin-top:9px}.kb-article ol,.kb-article ul{padding-left:23px}.kb-article strong{color:#f2ede5}.kb-article .kb-kicker{color:var(--gold-2);font-size:12px;letter-spacing:.14em;text-transform:uppercase;font-weight:800}.kb-article a:not(.button){color:var(--gold-2);text-decoration:underline;text-underline-offset:3px}.kb-note{background:rgba(224,173,89,.055);border-left:3px solid var(--gold);border-radius:0 13px 13px 0;padding:15px 19px;margin:18px 0}.kb-note p{margin:0}.kb-note.warn{background:rgba(221,151,82,.07);border-left-color:#f1a65f}.kb-flow{display:flex;flex-wrap:wrap;gap:9px;align-items:center;padding:18px 0}.kb-flow span{background:#111e29;border:1px solid #3c4e5d;border-radius:10px;padding:10px 12px;font-size:13px}.kb-flow b{color:var(--gold)}.kb-device-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin:22px 0}.kb-device{border:1px solid #324453;border-radius:16px;padding:18px;background:#0b1720}.kb-device h4{color:#f4c777;margin:0 0 8px;font-size:16px}.kb-device p{margin:0 0 8px;font-size:13px}.kb-device .kb-ports{margin:0 0 15px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.kb-port{display:inline-block;border-radius:50px;border:2px solid #d6af65;width:24px;height:12px;vertical-align:middle}.kb-port.usb-a{border-radius:3px;width:25px;height:13px}.kb-port.micro{border-radius:3px 3px 5px 5px;width:21px;height:10px;transform:skew(12deg)}.kb-device small{color:var(--muted)}.kb-shot{display:flex;gap:20px;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:20px;background:radial-gradient(circle at top,rgba(224,173,89,.07),transparent 65%),#0e1b25;margin:23px 0;padding:22px}.kb-shot img{max-width:215px;width:45%;border-radius:17px}.kb-shot figcaption{font-size:14px;max-width:320px;color:var(--muted)}.kb-article details,.kb-faq details{border:1px solid var(--line);border-radius:12px;margin:10px 0;background:#0e1a25;padding:13px 17px}.kb-article summary,.kb-faq summary{font-weight:700;cursor:pointer}.kb-article details p,.kb-faq details p{font-size:14px;margin:13px 0 0}.kb-faq{padding:65px 0 90px}.kb-faq h2{font-size:clamp(30px,4vw,42px)}.kb-ref{font-size:13px;color:var(--muted);padding-bottom:70px}.kb-ref a{color:var(--gold-2);text-decoration:underline}.kb-result-empty{border:1px dashed var(--line);padding:20px;border-radius:14px;display:none}.kb-section-title{border-top:1px solid var(--line);padding-top:60px}.kb-article[data-filtered="1"],.kb-card[data-filtered="1"]{display:none}.kb-result-empty.show{display:block}.kb-lang{color:var(--gold-2)!important;font-weight:750!important}.kb-top-link{font-size:13px;text-decoration:underline;text-underline-offset:3px}.kb-footer{padding-bottom:35px}.kb-footer a{color:var(--gold-2)}@media(max-width:1050px){.kb-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.kb-device-grid{grid-template-columns:1fr}.kb-hero{gap:25px}}@media(max-width:760px){.kb-hero{grid-template-columns:1fr}.kb-hero-art{display:none}.kb-top{padding-top:43px}.kb-quick{padding-bottom:30px}.kb-layout{display:block}.kb-toc{position:static;margin-bottom:29px}.kb-toc nav{display:flex;flex-wrap:wrap;gap:0 10px}.kb-article{padding-block:33px 38px}.kb-shot{flex-direction:column;text-align:center}.kb-shot img{width:70%}.kb-page .site-header{flex-wrap:wrap;gap:9px}.kb-page .nav{flex-wrap:wrap;gap:14px}}@media(max-width:480px){.kb-card-grid{grid-template-columns:1fr}.kb-search{font-size:15px}.kb-toc{padding:14px}.kb-device{padding:14px}}

/* Keep navigation accessible on tablets and phones (the parent site hides its menu below 980px). */
.kb-page .site-header{flex-wrap:wrap;row-gap:8px}
.kb-page .site-header .nav{display:flex;flex-wrap:wrap;gap:12px}
@media(max-width:620px){.kb-page .site-header .nav{font-size:12px;gap:10px}}

/* All 10 language flags are displayed at the top of the Knowledge Base only. */
.kb-flags-bar{
  display:flex; flex-wrap:wrap; align-items:center; justify-content:center; gap:10px 19px;
  padding:13px 16px; background:linear-gradient(100deg,#0d1822,#172431 50%,#0d1822);
  border-bottom:1px solid rgba(224,173,89,.38);
}
.kb-flags-label{
  flex:none; color:var(--gold-2); font-size:12px; font-weight:800;
  letter-spacing:.06em; text-transform:uppercase;
}
.kb-flags{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px}
.kb-flag{
  box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;
  width:45px;height:40px; border:1px solid rgba(224,173,89,.30);border-radius:11px;
  background:rgba(255,255,255,.035);transition:transform .16s,border-color .16s,box-shadow .16s,background .16s;
}
.kb-flag img{
  display:block;width:36px;height:24px;max-width:100%;object-fit:contain;
  filter:drop-shadow(0 1px 2px rgba(0,0,0,.4)); border-radius:2px;
}
.kb-flag:hover{transform:translateY(-2px);border-color:var(--gold-2);background:rgba(224,173,89,.11)}
.kb-flag[aria-current="page"]{
  border:2px solid var(--gold-2);background:rgba(224,173,89,.17);
  box-shadow:0 0 0 2px rgba(224,173,89,.20);
}
.kb-flag:focus-visible{outline:2px solid var(--gold-2);outline-offset:3px}
.kb-page .kb-search-area>label{display:block;color:var(--muted);margin-bottom:8px}
.kb-page .site-header .nav{display:flex!important;flex-wrap:wrap;margin-left:auto}
@media(max-width:620px){
  .kb-flags-bar{flex-direction:column;gap:8px;padding:12px 8px}
  .kb-flags{display:grid;grid-template-columns:repeat(5,42px);gap:8px;justify-content:center}
  .kb-flag{width:42px;height:38px}
  .kb-flag img{width:33px;height:22px}
  .kb-page .site-header .nav{width:100%;gap:10px}
}
@media(prefers-reduced-motion:reduce){.kb-flag{transition:none}.kb-flag:hover{transform:none}}

/* Updated structure: language links now live INSIDE the sticky Wiki header. */
.kb-page .site-header{display:flex;flex-wrap:wrap;align-items:center;row-gap:8px}
.kb-page .site-header>.brand{margin-right:auto}
.kb-page .site-header>.nav{display:flex!important;flex-wrap:wrap;gap:16px;margin-left:auto}
.kb-page .site-header>.kb-flags-bar{
  display:flex!important;flex:0 0 100%;flex-direction:row!important;align-items:center;
  flex-wrap:wrap;justify-content:center;gap:9px 16px;padding:11px 0 2px;margin:0;
  border-top:1px solid rgba(224,173,89,.25);border-bottom:none;background:transparent
}
.kb-page .kb-flags{display:flex!important;flex-flow:row nowrap!important;align-items:center;justify-content:center;gap:8px}
.kb-page .kb-flags>a.kb-flag{display:inline-flex!important;flex:0 0 47px;width:47px;height:41px}
.kb-page .kb-flags>a.kb-flag[aria-current="page"]{border:2px solid var(--gold-2)}
@media(max-width:760px){
  .kb-page .site-header>.nav{width:100%;justify-content:center;gap:14px}
  .kb-page .site-header>.kb-flags-bar{flex-direction:column!important;gap:7px;padding-top:8px}
  .kb-page .kb-flags{display:grid!important;grid-template-columns:repeat(5,42px);gap:6px 10px}
  .kb-page .kb-flags>a.kb-flag{width:42px;height:37px;flex-basis:42px}
}