:root{
  --sx-brand:#1665d8;--sx-brand-dark:#0e4fae;--sx-navy:#071523;--sx-cyan:#21b8b0;
  --sx-ink:#102033;--sx-muted:#667085;--sx-line:#dce4ee;--sx-soft:#f6f9fc;
  --sx-header:70px;--sx-sidebar:300px;--sx-page:1540px;
}
/* Shared Securex corporate header */
.top{height:var(--sx-header);padding:0;background:#fff;border-bottom:1px solid var(--sx-line);backdrop-filter:none;box-shadow:none}
.top-inner{width:100%;max-width:var(--sx-page);height:100%;margin:0 auto;padding:0 28px;display:flex;align-items:center;gap:22px}
.brand{min-width:265px;display:flex;align-items:center;gap:11px;color:var(--sx-ink);font-weight:800}
.brand-logo{width:30px;height:30px;background:transparent;border-radius:0;display:block}.brand-logo img{width:30px;height:30px;object-fit:contain;display:block}
.brand-copy{display:flex;flex-direction:column;line-height:1.02}.brand-copy b{font-size:16px;letter-spacing:.035em}.brand-copy small{font-size:9px;letter-spacing:.15em;color:#7c8797;margin-top:5px;font-weight:800}.brand-doc-badge{margin-left:4px;padding:5px 8px;border-radius:7px;background:#eef4ff;color:var(--sx-brand);font-size:10px;font-weight:900;letter-spacing:.07em}
.searchbtn{width:156px;height:38px;border:1px solid var(--sx-line);border-radius:10px;background:#f8fafc;color:#6d7888;padding:0 12px;box-shadow:none}.searchbtn:hover{border-color:#bed0e6;background:#fff}
.global-nav{margin-left:auto;gap:5px;display:flex;align-items:center}.global-nav a{padding:9px 13px;border-radius:9px;font-size:13px;font-weight:800;color:#243449}.global-nav a:hover{background:#f1f5fa;color:var(--sx-brand)}.global-nav a.active{background:#eaf2ff;color:var(--sx-brand);box-shadow:inset 0 0 0 1px #d8e7fb}
.top-tools{display:flex;align-items:center;gap:9px}.doc-lang{display:flex;align-items:center;padding:3px;border:1px solid var(--sx-line);border-radius:10px;background:#fff}.doc-lang button{border:0;background:transparent;padding:7px 9px;border-radius:7px;font-size:11px;font-weight:850;color:#728095;cursor:pointer}.doc-lang button.active{background:#10233a;color:#fff}.iconbtn{width:38px;height:38px;border:1px solid var(--sx-line);border-radius:10px;background:#fff;color:#314156}
/* Documentation shell */
.layout{grid-template-columns:var(--sx-sidebar) minmax(0,1fr);min-height:calc(100vh - var(--sx-header));background:#fff}.sidebar{top:var(--sx-header);height:calc(100vh - var(--sx-header));background:#f7f9fc;border-right:1px solid #e2e8f0;padding:17px 13px 70px}.sg{padding:7px 0 10px;border-bottom:1px solid #e7ecf2}.sg-title{font-size:11.5px;letter-spacing:.025em;color:#35445a;padding:8px 10px;font-weight:900}.sg-title.sg-toggle{border-radius:8px}.sg-title.sg-toggle:hover{background:#eef3f8}.sg a{font-size:13px;color:#546479;padding:7px 10px;border-radius:8px;line-height:1.35}.sg a:hover{background:#eef3f8;color:#183d69}.sg a.active{background:#e8f1ff;color:#0f5dcc;font-weight:800;box-shadow:inset 3px 0 0 var(--sx-brand)}
.article-wrap{width:100%;max-width:1240px;margin:0 auto;display:grid;grid-template-columns:minmax(0,900px) 190px;gap:56px;padding:48px 48px 96px;justify-content:center}.article{min-width:0;color:var(--sx-ink);font-size:15.5px}.article h1{font-size:40px;line-height:1.1;letter-spacing:-.04em;margin:0 0 15px;color:#101828}.article .lead{font-size:17px;line-height:1.8;color:var(--sx-muted);margin-bottom:26px}.article h2{font-size:25px;line-height:1.25;letter-spacing:-.025em;margin:42px 0 14px;color:#172335}.article h2:before{content:"";display:block;width:28px;height:3px;background:var(--sx-brand);border-radius:999px;margin-bottom:11px}.article h3{font-size:18px;color:#1b2b40}.article p,.article li{line-height:1.8}.article a{color:#0b63ce}.article pre{border-radius:12px;border:1px solid #1c2a3a;background:#0a1420;box-shadow:0 10px 24px rgba(7,21,35,.08)}.article table{border-radius:10px;overflow:hidden}.article th{background:#f4f7fb}.callout{border:1px solid #dbe7f6;border-left:4px solid var(--sx-brand);border-radius:11px;background:#f5f9ff;padding:15px 17px}.doc-cards{gap:13px}.doc-cards a{border:1px solid var(--sx-line);border-radius:12px;padding:16px;background:#fff;transition:.18s}.doc-cards a:hover{border-color:#b7cff0;box-shadow:0 12px 28px rgba(9,30,66,.07);transform:translateY(-1px)}.pager a{border-color:var(--sx-line);border-radius:11px;background:#fff}.toc{top:98px;border-left:1px solid var(--sx-line);padding-left:17px}.toc b{font-size:12px;color:#344054}.toc a{font-size:12.5px;color:#7b8797}.toc a.active{color:var(--sx-brand);font-weight:800}
/* Docs landing page: corporate visual language, not a second website */
.docs-home-wrap{grid-template-columns:minmax(0,980px);max-width:1100px;padding:42px 42px 90px}.docs-home-hero{position:relative;overflow:hidden;border-radius:22px;background:linear-gradient(125deg,#071523,#0d2a48 62%,#124a6b);color:#fff;padding:34px 36px 31px;margin-bottom:24px}.docs-home-hero:after{content:"";position:absolute;right:-120px;top:-130px;width:360px;height:360px;border-radius:50%;background:radial-gradient(circle,rgba(33,184,176,.22),transparent 68%)}.docs-home-badge{position:relative;z-index:1;display:inline-flex;padding:6px 10px;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.09);color:#72ded3;font-size:10px;font-weight:900;letter-spacing:.1em}.docs-home-hero h1{position:relative;z-index:1;font-size:43px;line-height:1.08;margin:16px 0 10px;color:#fff;letter-spacing:-.045em}.docs-home-hero .lead{position:relative;z-index:1;color:#b9c8d8;font-size:16px;max-width:760px;line-height:1.75;margin:0}.docs-quick{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0 0 34px}.docs-quick a{border:1px solid var(--sx-line);border-radius:14px;padding:18px;background:#fff;color:var(--sx-ink);min-height:132px;transition:.18s;box-shadow:0 5px 16px rgba(9,30,66,.025)}.docs-quick a:hover{border-color:#bad1ef;box-shadow:0 12px 28px rgba(9,30,66,.075);transform:translateY(-2px)}.docs-quick .ico{font-size:21px;display:block;margin-bottom:12px}.docs-quick b{font-size:16px;display:block;margin-bottom:6px}.docs-quick small{font-size:12.5px;line-height:1.65;color:#6c7889}.docs-section-title{font-size:20px!important;margin:30px 0 13px!important;color:#233248!important}.docs-section-title:before{width:24px!important;height:3px!important;margin-bottom:9px!important}.docs-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.docs-group{border:1px solid var(--sx-line);border-radius:14px;padding:18px;background:#fff}.docs-group h3{margin:0 0 10px;font-size:16px}.docs-group a{display:flex;align-items:center;justify-content:space-between;padding:7px 0;border-bottom:1px solid #edf1f5;color:#405068;font-size:13px}.docs-group a:last-child{border-bottom:0}.docs-group a:hover{color:var(--sx-brand)}
/* Search */
.search-panel{border-radius:16px;border-color:#d9e2ec}.results a:hover{background:#f1f6fc}
/* Dark mode */
[data-theme="dark"] body{background:#10141b;color:#e7edf4}[data-theme="dark"] .top{background:#0d1219;border-color:#27303a}[data-theme="dark"] .brand{color:#eef3f8}[data-theme="dark"] .brand-copy small{color:#7f91a4}[data-theme="dark"] .brand-doc-badge{background:#172a43;color:#7cb5ff}[data-theme="dark"] .searchbtn{background:#121922;border-color:#2b3440;color:#8fa0b2}[data-theme="dark"] .global-nav a{color:#d7dfe8}[data-theme="dark"] .global-nav a:hover{background:#162231}[data-theme="dark"] .global-nav a.active{background:#193154;color:#8fc0ff;box-shadow:none}[data-theme="dark"] .doc-lang{background:#111821;border-color:#2d3642}[data-theme="dark"] .doc-lang button.active{background:#2a68c3}[data-theme="dark"] .iconbtn{background:#111821;border-color:#2d3642;color:#dbe4ee}[data-theme="dark"] .layout{background:#10141b}[data-theme="dark"] .sidebar{background:#121821;border-color:#252e38}[data-theme="dark"] .sg{border-color:#222b35}[data-theme="dark"] .sg-title{color:#cdd7e2}[data-theme="dark"] .sg a{color:#99a7b7}[data-theme="dark"] .sg a.active{background:#17365f;color:#93c2ff}[data-theme="dark"] .article h1,[data-theme="dark"] .article h2,[data-theme="dark"] .article h3{color:#edf3f8}[data-theme="dark"] .callout{background:#111d2b;border-color:#273b53;border-left-color:#2d78da}[data-theme="dark"] .docs-quick a,[data-theme="dark"] .docs-group,[data-theme="dark"] .doc-cards a,[data-theme="dark"] .pager a{background:#131922;border-color:#2a3340;color:#eaf0f6}[data-theme="dark"] .docs-group a{border-color:#252e38;color:#b4c0cd}
@media(max-width:1160px){.article-wrap{grid-template-columns:minmax(0,1fr);max-width:930px;padding-inline:34px}.toc{display:none}.top-inner{padding-inline:18px}.brand{min-width:230px}.brand-doc-badge{display:none}}
@media(max-width:940px){.top{height:66px}.top-inner{padding-inline:14px;gap:10px}.global-nav{display:none}.doc-lang{display:none}.brand{min-width:0}.brand-copy small{display:none}.searchbtn{margin-left:auto;width:42px;font-size:0}.searchbtn:after{content:'⌕';font-size:17px}.mobilebtn{display:block}.layout{grid-template-columns:1fr}.sidebar{top:66px;height:calc(100vh - 66px)}.article-wrap{padding:34px 22px 76px}.docs-home-wrap{padding:30px 22px 70px}.docs-quick{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){.brand-copy b{font-size:14px}.brand-logo,.brand-logo img{width:27px;height:27px}.docs-home-hero{padding:27px 22px 24px;border-radius:16px}.docs-home-hero h1{font-size:33px}.docs-quick,.docs-grid{grid-template-columns:1fr}.article h1{font-size:33px}.article-wrap{padding-inline:17px}.docs-home-wrap{padding-inline:17px}}
