.docs{display:grid;grid-template-columns:260px minmax(0,1fr);gap:40px;padding:36px 0 70px}
.side{position:sticky;top:20px;align-self:start}
.search{width:100%;padding:11px 14px;border:1px solid #d8dfee;border-radius:14px;font:inherit;background:#fff}
.search:focus{outline:3px solid #00c9d566;border-color:#087cff}
.results{list-style:none;margin:8px 0 0;padding:0;max-height:340px;overflow:auto}
.results a{display:block;padding:8px 10px;border-radius:10px;font-size:14px}.results a:hover{background:#eef5ff}
.results small{display:block;color:#52617e;font-size:12px}
.toc{list-style:none;margin:18px 0 0;padding:0}.toc a{display:flex;gap:8px;padding:9px 12px;border-radius:12px;font-weight:600;font-size:14px;color:#2b3a5c}
.toc a:hover{background:#eef5ff}.toc a.active{background:#e6f0ff;color:#0a63d8}
.toc .sub{list-style:none;padding:2px 0 6px 34px;margin:0}.toc .sub a{font-weight:500;padding:5px 10px;font-size:13px}
article.doc{min-width:0}
.doc h1{font:800 clamp(30px,3vw,42px)/1.15 'Plus Jakarta Sans',sans-serif;letter-spacing:-1.5px;margin:6px 0 8px}
.doc .intro{font-size:18px;color:#394b72;margin-bottom:26px}
.doc h2{font:800 24px/1.3 'Plus Jakarta Sans',sans-serif;letter-spacing:-.6px;margin:42px 0 12px;scroll-margin-top:20px}
.doc h2 a.anchor{opacity:0;margin-left:8px;color:#ff8712;font-size:18px}.doc h2:hover a.anchor{opacity:1}
.doc p,.doc li{font-size:16px;line-height:1.7;color:#24324f}.doc ul,.doc ol{padding-left:22px}
.doc a{color:#0a63d8;font-weight:600}.doc a:hover{text-decoration:underline}
kbd{display:inline-block;min-width:22px;padding:2px 7px;border:1px solid #c9d2e8;border-bottom-width:3px;border-radius:7px;background:#fff;font:600 13px/1.4 'DM Sans',sans-serif;color:#111a47;text-align:center}
code{background:#eef2fb;padding:2px 6px;border-radius:6px;font-size:14px}
.steps{counter-reset:s;list-style:none;padding:0}.steps li{counter-increment:s;position:relative;padding:4px 0 10px 46px}
.steps li:before{content:counter(s);position:absolute;left:0;top:4px;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;color:#fff;font-weight:800;font-size:14px;background:linear-gradient(105deg,#027efb,#0a6be8 55%,#ff9a3c)}
.callout{border-radius:18px;padding:16px 20px;margin:20px 0;border:1px solid}.callout p{margin:4px 0 0}
.callout.tip{background:linear-gradient(125deg,#edffff,#f1f8ff);border-color:#bfeeee}.callout.tip strong{color:#05807c}
.callout.warn{background:#fff7ed;border-color:#ffd8a8}.callout.warn strong{color:#b45309}
figure.shot{margin:24px 0;background:rgba(255,255,255,.75);padding:10px;border:1px solid #fff;border-radius:22px;box-shadow:0 18px 50px rgba(52,88,171,.16)}
figure.shot img{width:100%;height:auto;border-radius:14px}figure.shot figcaption{text-align:center;color:#52617e;font-size:13px;padding:10px 6px 2px}
.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px}
.card{display:block;padding:18px 18px;border-radius:20px;background:linear-gradient(125deg,#fff8f0,#eef4ff);border:1px solid #ffffffb3;box-shadow:0 8px 22px rgba(52,78,143,.08);transition:transform .15s}
.card:hover{transform:translateY(-2px);text-decoration:none!important}.card b{display:block;font:800 17px 'Plus Jakarta Sans',sans-serif;color:#111a47;margin-bottom:4px}.card span{color:#52617e;font-size:14px;font-weight:500}
.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 6px 18px rgba(52,78,143,.07)}
th,td{text-align:left;padding:11px 14px;border-bottom:1px solid #eef1f8;font-size:15px}th{background:#f3f6ff;font-weight:700;color:#2b3a5c}
.pager{display:flex;justify-content:space-between;gap:12px;margin-top:50px;padding-top:22px;border-top:1px solid #e2e8f4}
.pager a{padding:12px 16px;border-radius:14px;background:#fff;border:1px solid #e2e8f4;font-weight:700}
.doc-hero{background:linear-gradient(115deg,#fcfdff 0%,#eef7ff 58%,#fff3e6 100%);border-bottom:1px solid rgba(42,77,139,.10)}
.doc-hero .container{padding:26px 0}.crumbs{color:#52617e;font-size:14px}.crumbs a{color:#0a63d8;font-weight:600}
@media(max-width:900px){.docs{grid-template-columns:1fr;gap:20px}.side{position:static}}