/* Securex Docs R11 — wide professional documentation layout */
:root{--header:66px;--sidebar:292px;--brand:#2563eb;--line:#e7eaf0;--panel:#f7f9fc;--soft:#f3f6fb}
.top{height:66px;padding:0 28px;gap:18px;background:rgba(255,255,255,.96);box-shadow:0 1px 0 rgba(15,23,42,.03)}
.brand{min-width:248px;gap:11px}.brand-logo{width:34px;height:34px;border-radius:10px;background:transparent}.brand-logo img{width:31px;height:31px;object-fit:contain}.brand-title{font-size:15px;font-weight:800;letter-spacing:-.01em}
.searchbtn{width:170px;height:38px;border-radius:10px;background:#f6f8fb;border-color:#e4e8ef;color:#697386}
.global-nav{gap:8px}.global-nav a{position:relative;padding:8px 13px;border-radius:9px;font-weight:650;font-size:14px;color:#4b5563}.global-nav a:hover{background:#f3f6fa;color:#111827}.global-nav a.active{background:#edf3ff;color:#1d4ed8}.global-nav a.active:after{display:none}
.top-tools{margin-left:4px}.iconbtn{border-radius:10px}
.layout{grid-template-columns:292px minmax(0,1fr)}.sidebar{width:auto;background:#fafbfc;border-right:1px solid #e8ebf0;padding:18px 14px 60px}.sg{padding:4px 0 12px;border-bottom:0}.sg-title{font-size:12px;text-transform:none;letter-spacing:.01em;color:#8a93a3;padding:10px 10px 5px;font-weight:800}.sg a{font-size:13.5px;padding:7px 10px;border-radius:8px;color:#4f5968}.sg a:hover{background:#f0f3f7;color:#111827}.sg a.active{background:#eaf1ff;color:#1e56c9;box-shadow:inset 3px 0 0 #2f6feb;font-weight:700}
.article-wrap{grid-template-columns:minmax(0,920px) 205px;gap:58px;padding:50px 54px 96px;justify-content:center}.article h1{font-size:42px;letter-spacing:-.035em;margin-bottom:14px}.lead{font-size:18px;line-height:1.75;max-width:800px}.article h2{font-size:25px;margin-top:44px}.article h3{font-size:19px}.article p,.article li{color:#374151}.toc{top:94px;padding-left:20px}.toc b{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:#9aa3b2}.toc a{font-size:12.5px;padding:5px 0}.doc-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.doc-cards a{padding:18px;border-radius:13px;background:#fff;transition:.16s ease}.doc-cards a:hover{border-color:#b9cdf8;box-shadow:0 10px 30px rgba(37,99,235,.08);transform:translateY(-1px)}
.callout{border-radius:12px;background:#f7f9fd}.pager a{border-radius:11px}
/* direct docs landing */
.docs-home-hero{padding:4px 0 10px}.docs-home-badge{display:inline-flex;align-items:center;gap:8px;padding:7px 10px;border-radius:999px;background:#edf3ff;color:#1d4ed8;font-size:12px;font-weight:800}.docs-home-hero h1{font-size:46px;max-width:760px;margin:18px 0 14px}.docs-home-hero p{font-size:18px;line-height:1.8;color:#687386;max-width:820px}.docs-quick{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:28px 0 6px}.docs-quick a{display:block;border:1px solid var(--line);border-radius:16px;padding:20px;color:#172033;background:linear-gradient(180deg,#fff,#fbfcfe)}.docs-quick a:hover{border-color:#bfd0f4;box-shadow:0 12px 28px rgba(37,99,235,.08)}.docs-quick .ico{font-size:24px}.docs-quick b{display:block;margin:10px 0 5px;font-size:16px}.docs-quick span{display:block;color:#7a8493;font-size:13px;line-height:1.55}.docs-section-title{font-size:14px!important;text-transform:uppercase;letter-spacing:.08em;color:#8a94a4;margin-top:38px!important}.docs-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.docs-group{border:1px solid var(--line);border-radius:15px;padding:19px;background:#fff}.docs-group h3{margin:0 0 12px;font-size:17px}.docs-group a{display:flex;justify-content:space-between;padding:7px 0;color:#465160;font-size:13.5px;border-bottom:1px dashed #edf0f4}.docs-group a:last-child{border-bottom:0}.docs-group a:hover{color:#1d4ed8}.docs-group a:after{content:'→';color:#a6afbc}
[data-theme="dark"] .top{background:rgba(17,19,24,.96)}[data-theme="dark"] .searchbtn{background:#171b22;border-color:#2a303a}[data-theme="dark"] .global-nav a{color:#c3c8d0}[data-theme="dark"] .global-nav a:hover{background:#1d222b;color:#fff}[data-theme="dark"] .global-nav a.active{background:#1b2b4c;color:#8db3ff}[data-theme="dark"] .sidebar{background:#12151a;border-color:#252a32}[data-theme="dark"] .docs-quick a,[data-theme="dark"] .docs-group{background:#141820;border-color:#2a3039;color:#eef1f5}[data-theme="dark"] .docs-group a{color:#b9c0cb;border-color:#252a32}
@media(max-width:1180px){.article-wrap{grid-template-columns:minmax(0,1fr);padding:42px 38px}.toc{display:none}.searchbtn{width:44px;font-size:0}.searchbtn:after{content:'⌕';font-size:18px}.global-nav{gap:2px}.global-nav a{padding-inline:9px}}
@media(max-width:900px){.top{padding:0 14px}.brand{min-width:0}.global-nav{display:flex;overflow-x:auto;white-space:nowrap;margin-left:auto}.global-nav a{font-size:13px}.top-tools{display:none}.layout{grid-template-columns:1fr}.docs-quick{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.brand-title{display:none!important}.global-nav{gap:0}.global-nav a{padding:7px 8px;font-size:12px}.article-wrap{padding:28px 18px 62px}.docs-home-hero h1{font-size:35px}.docs-quick,.docs-grid{grid-template-columns:1fr}.mobilebtn{display:block}}
.docs-home-wrap{grid-template-columns:minmax(0,980px);padding-right:54px}.docs-home-wrap .article{max-width:980px;width:100%}
@media(max-width:1180px){.docs-home-wrap{padding-right:38px}}
@media(max-width:620px){.docs-home-wrap{padding-right:18px}}