/* trade-commander.com - generated documentation pages (manual, FAQ) by tools/build_docs.py. site.css tokens only. */
.doc-hero{padding-bottom:28px;border-bottom:1px solid var(--line)}
.doc-hero h1{margin:.3em 0 .4em}
.doc-hero .lead{max-width:70ch;margin:0 0 .5em;color:var(--muted)}
.doc-support{margin:.8em 0 0;color:var(--muted)}
.doc-note{display:inline-block;margin:.8em 0 0;padding:8px 14px;border-left:3px solid var(--red-ui);background:var(--panel);color:var(--muted)}
.doc-links{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}
.doc-links a{font-family:var(--mono);font-size:13px;letter-spacing:.08em;text-transform:uppercase;padding:7px 12px;border:1px solid var(--line2);color:var(--muted)}
.doc-links a:hover{color:var(--text);border-color:var(--text);text-decoration:none}
.doc-links a[aria-current="page"]{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}

.doc{display:grid;grid-template-columns:270px minmax(0,1fr);gap:48px;padding-top:36px;padding-bottom:80px}
.doc-faq{grid-template-columns:minmax(0,860px)}
.doc-toc{position:sticky;top:84px;align-self:start;max-height:calc(100vh - 100px);overflow:auto;font-size:14px;line-height:1.4;padding-right:6px}
.doc-toc .kicker{margin:0 0 10px}
.doc-toc ol{list-style:none;margin:0;padding:0}
.doc-toc > ol > li{margin:0 0 10px}
.doc-toc > ol > li > a{font-weight:600;color:var(--text)}
.doc-toc ol ol{margin:4px 0 0;padding-left:10px;border-left:1px solid var(--line)}
.doc-toc ol ol li{margin:3px 0}
.doc-toc ol ol a{color:var(--muted)}
.doc-toc a:hover{color:var(--accent-text)}

.doc-body{min-width:0}
.doc-body h2{font-size:28px;line-height:1.25;margin:2.2em 0 .6em;padding-top:.6em;border-top:1px solid var(--line)}
.doc-body h2:first-child{margin-top:0;border-top:0;padding-top:0}
.doc-body h3{font-size:21px;line-height:1.3;margin:1.8em 0 .5em}
.doc-body h4{font-size:17px;margin:1.4em 0 .4em}
.doc-body h2,.doc-body h3,.doc-body h4{scroll-margin-top:84px;position:relative}
.doc-body .anchor{position:absolute;left:-1.1em;padding-right:.3em;color:var(--dim);font-weight:400;opacity:0;text-decoration:none}
.doc-body h2:hover .anchor,.doc-body h3:hover .anchor,.doc-body h4:hover .anchor,.doc-body .anchor:focus{opacity:1}
.doc-body p,.doc-body li{max-width:78ch}
.doc-body ul,.doc-body ol{padding-left:1.4em}
.doc-body li{margin:.3em 0}
.doc-body code{font-family:var(--mono);font-size:.86em;background:var(--sec-alt);border:1px solid var(--line);padding:0 5px;overflow-wrap:anywhere}
.doc-body pre{background:var(--sec-alt);border:1px solid var(--line);padding:14px 16px;overflow-x:auto;font-size:14px;line-height:1.5}
.doc-body pre code{background:none;border:0;padding:0;font-size:inherit;overflow-wrap:normal}
.doc-body hr{display:none}
.doc-body .table-wrap{overflow-x:auto;margin:1em 0}
.doc-body table{border-collapse:collapse;font-size:15px;min-width:100%}
.doc-body th,.doc-body td{border-bottom:1px solid var(--line);padding:8px 10px;text-align:left;vertical-align:top}
.doc-body th{font-family:var(--mono);font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--dim);font-weight:500}
.doc-top{margin-top:3em;font-size:14px}

.faq-item{padding:22px 0;border-bottom:1px solid var(--line)}
.faq-item:first-child{padding-top:0}
.faq-item h2{font-size:21px;margin:0 0 .4em;padding:0;border:0;scroll-margin-top:84px}
.faq-item p:last-child{margin-bottom:0}

@media (max-width:900px){
  .doc{grid-template-columns:minmax(0,1fr);gap:24px}
  .doc-toc{position:static;max-height:none;border:1px solid var(--line);background:var(--panel);padding:16px}
  .doc-body .anchor{display:none}
}