/* Long reading pages (user guide, developer training): the redesigned site's look over their own layout (5.0.4).
   Loaded after the page's own <style>, so it only re-dresses colours, type and the header. */
:root{--bg:#111218;--bg2:#15161e;--card:#191b24;--card-hover:#1e2030;--border:rgba(148,163,184,.16);--t1:#eceef5;--t2:#a7adbf;--t3:#8a91a6;
  --a1:#a78bfa;--a2:#8b5cf6;--cyan:#c4b5fd;--glow:rgba(167,139,250,.08)}
body{background:var(--bg);color:var(--t1);font-family:Inter,system-ui,-apple-system,'Segoe UI',sans-serif;font-size:17px;line-height:1.7}
.sidebar{background:#13141b;border-right:1px solid var(--border)}
.sidebar-header h2{color:var(--t1);font-weight:700}
.sidebar-header a,.sidebar-header small{color:var(--t2)}
.nav-group-title{color:#c4b5fd;letter-spacing:.08em}
.nav-items a{color:var(--t2)}
.nav-items a:hover,.nav-items a.active{color:var(--t1);border-left-color:#a78bfa;background:rgba(167,139,250,.06)}
h1,.main h1{color:var(--t1);letter-spacing:-.01em}
.main h2{color:var(--t1);border-top-color:var(--border)}
.main h3{color:#d6ccff}
.main p,.main li{color:var(--t2)}
.main strong{color:var(--t1)}
.main a{color:#c4b5fd;text-decoration:underline;text-underline-offset:3px;text-decoration-color:rgba(196,181,253,.45)}
code{background:rgba(167,139,250,.10);color:#d6ccff}
pre{background:#15161e;border-color:var(--border)}
th{background:rgba(167,139,250,.10)}
td,th{border-color:var(--border)}
blockquote{border-left-color:#a78bfa;background:rgba(167,139,250,.05)}
.footer{color:var(--t3);border-top-color:var(--border)}
.footer a{color:var(--t2)}
/* header: the same bar as the rest of the site */
.sitenav{background:rgba(17,18,24,.92);border-bottom:1px solid var(--border);backdrop-filter:blur(10px)}
.sitenav-word{color:var(--t1)!important;font-weight:700}
.sitenav-pro{background:none!important;color:var(--t2)!important;border:1px solid var(--border);box-shadow:none!important;font-weight:600}
.sitenav-menu a{color:var(--t2)}
.sitenav-menu a:hover{color:var(--t1)}
.sitenav-menu .sitenav-cta{background:#c4b5fd!important;color:#0b0b12!important;border:none!important;box-shadow:none!important;border-radius:10px;font-weight:600}
.sitenav-menu .retained-language{color:var(--t1)!important;text-decoration:underline;text-underline-offset:3px}
/* the questions at the end of every page */
.faq-section{margin-top:56px;padding-top:28px;border-top:1px solid var(--border)}
.faq-head{display:flex;justify-content:space-between;align-items:baseline;gap:20px;flex-wrap:wrap;margin-bottom:16px}
.faq-head h2{margin:0;border:none;padding:0;font-size:1.5rem}
.faq-list{display:grid;grid-template-columns:1fr 1fr;gap:6px 24px;align-items:start}
.faq-item{border-bottom:1px solid var(--border);padding:12px 0}
.faq-item summary{cursor:pointer;font-weight:600;color:var(--t1)}
.faq-item p{margin:10px 0 4px}
.faq-section .wrap{max-width:none;padding:0}
@media(max-width:900px){.faq-list{grid-template-columns:1fr}}
.sitenav-word{background:none!important;-webkit-background-clip:initial!important;background-clip:initial!important;-webkit-text-fill-color:var(--t1)!important;color:var(--t1)!important}
