#guide-open { background:#28475d; border-color:#5b788b; color:#f0f7ff; font-size:12px; white-space:nowrap; }
#guide-open:hover { background:#365b73; }
#trading-guide { width:min(1160px,calc(100vw - 32px)); height:min(880px,calc(100dvh - 32px)); max-height:calc(100dvh - 32px); padding:0; overflow:hidden; background:#fff; }
#trading-guide[open] { display:flex; flex-direction:column; }
.guide-top { display:flex; align-items:center; justify-content:space-between; gap:20px; padding:20px 24px; border-bottom:1px solid #dce5ed; flex-shrink:0; }
.guide-top h2 { font-size:21px; margin-top:5px; }.guide-top button { font-size:12px; }.guide-top button span { margin-left:8px; font-size:19px; }
.guide-layout { display:grid; grid-template-columns:270px minmax(0,1fr); flex:1; min-height:0; }
.guide-sidebar { display:flex; flex-direction:column; min-height:0; overflow:hidden; padding:20px 15px; border-right:1px solid #dce5ed; background:#f5f8fb; }
.guide-sidebar>* { flex-shrink:0; }#guide-menu { overflow:auto; min-height:0; flex:1; }
.guide-sidebar label { font-size:12px; font-weight:650; display:block; margin-bottom:8px; }
.guide-search-wrap { display:flex; gap:4px; }.guide-search-wrap input { width:100%; min-width:0; padding:10px; border:1px solid #bccddb; border-radius:5px; background:white; color:#243e51; font-size:12px; }
.guide-search-wrap button { padding:3px 9px; }
#guide-count { font-size:11px; color:#587184; margin:9px 0 20px; }
#guide-menu section { margin-bottom:20px; }#guide-menu h3 { margin:0 8px 7px; font-size:10px; letter-spacing:.6px; text-transform:uppercase; color:#617c90; }
#guide-menu button { display:block; text-align:left; width:100%; padding:10px; border:1px solid transparent; background:transparent; line-height:1.5; margin-bottom:3px; }
#guide-menu button span { display:block; font-size:12px; }#guide-menu button small { display:block; font-size:10px; color:#6e8393; margin-top:3px; }
#guide-menu button:hover { background:#eaf0f6; }#guide-menu button[aria-current] { border-color:#bed3e6; background:#e5f0fa; color:#155b99; }
#trading-guide .guide-sidebar-note { border-top:1px solid #dce5ed; padding-top:13px; font-size:11px; color:#637b8d; }
.guide-article { min-width:0; overflow:auto; padding:26px 32px; scroll-padding-top:20px; }
.guide-article-heading h2 { font-size:27px; line-height:1.2; letter-spacing:-.5px; margin-top:8px; }
#trading-guide p { line-height:1.75; font-size:13px; }.guide-article-heading p { color:#546f82; }
.guide-article-actions { display:flex; align-items:center; flex-wrap:wrap; gap:18px; margin:18px 0; font-size:12px; }.guide-article-actions button { font-size:12px; }
.guide-article-actions .primary { width:auto; }.guide-article mark { color:inherit; background:#ffe9aa; border-radius:2px; }
.guide-in-page { display:flex; gap:8px; flex-wrap:wrap; padding:15px 0 20px; border-top:1px solid #e4ebf1; }.guide-in-page button { border:0; background:#edf3f7; color:#42657f; font-size:11px; }
.guide-section { margin:12px 0 28px; }.guide-section>h3 { font-size:14px; margin-bottom:14px; color:#23465e; }
.guide-panel { border:1px solid #dce5ed; border-radius:6px; margin-bottom:12px; overflow:hidden; }
.guide-panel summary { display:flex; align-items:center; gap:12px; cursor:pointer; padding:13px 15px; background:#f5f8fb; font-size:13px; font-weight:650; }
.guide-panel summary::after { content:'+'; margin-left:7px; }.guide-panel[open] summary::after { content:'−'; }.guide-panel summary>span { font-size:10px; color:#648095; font-weight:500; }.guide-panel summary>small { margin-left:auto; font-size:10px; color:#678194; white-space:nowrap; font-weight:400; }
.guide-panel-body { padding:0 15px; }.guide-panel-body>p { color:#5a7285; margin:12px 0; }
.guide-fields { margin:0; }.guide-fields>div { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.8fr); gap:18px; padding:14px 0; border-top:1px solid #e4ebf1; font-size:12px; line-height:1.7; }
.guide-fields dt { font-weight:600; }.guide-fields dt small { display:block; color:#5c7b8f; font-size:10px; font-weight:400; margin-top:4px; }.guide-fields dd { margin:0; color:#486174; }
.guide-method { background:#f2f7fa; border-left:3px solid #328c9d; padding:17px 20px; margin-bottom:14px; border-radius:0 6px 6px 0; }.guide-method h4 { margin:0 0 12px; font-size:13px; }.guide-method pre { white-space:pre-wrap; overflow-wrap:anywhere; line-height:1.8; font-size:12px; color:#1a566b; margin:0; }.guide-method p { margin:12px 0 0; color:#526f82; }
.guide-try { border:1px solid #dce5ed; border-radius:6px; padding:18px; }.guide-try ol { padding-left:21px; margin:0; font-size:13px; line-height:1.8; }.guide-try li { padding:3px 0 3px 5px; }
.guide-scope { background:#fff8e9; padding:18px; border-radius:6px; }.guide-scope p { margin:8px 0!important; color:#78613f; }.guide-scope h3 { color:#77603d; }
.guide-related>div { display:flex; flex-wrap:wrap; gap:8px; }.guide-related button { font-size:11px; color:#276a9f; text-align:left; }.guide-article-footer { border-top:1px solid #e4ebf1; padding-top:16px; font-size:10px; color:#708494; }
.guide-search-note { padding:10px 13px; background:#edf3fa; color:#3d6685; border-radius:4px; margin-top:0!important; }.guide-no-results { font-size:13px; padding:10px; }
@media(max-width:760px) { #trading-guide { width:calc(100vw - 16px); height:calc(100dvh - 16px); max-height:calc(100dvh - 16px); }.guide-top { padding:14px; }.guide-top h2 { font-size:17px; }.guide-layout { display:flex; flex-direction:column; }.guide-sidebar { max-height:32dvh; flex-shrink:0; border-right:0; border-bottom:1px solid #dce5ed; padding:12px 14px; }.guide-sidebar-note { display:none; }#guide-count { margin:8px 0; }#guide-menu section { margin-bottom:10px; }#guide-menu button { padding:7px 10px; }.guide-article { padding:21px 18px; }.guide-article-heading h2 { font-size:23px; }.guide-fields>div { grid-template-columns:minmax(0,1fr); gap:5px; }.guide-fields dt small { display:inline; margin-left:8px; }.guide-panel summary { flex-wrap:wrap; gap:8px; }.guide-panel summary>small { display:none; }.guide-top .eyebrow { font-size:8px; }.guide-method { padding:14px; } }
@media(max-width:420px) { .topbar { padding:12px 14px; }.topbar .session { width:100%; margin:0; justify-content:space-between; }#guide-open { font-size:11px; }.guide-top { gap:8px; }.guide-top button { padding:6px 8px; }.guide-top button span { margin-left:4px; } }