/* ============================================================
   MASTER VORTEX — Functionality Q&A view styles.
   Pairs with help.js (view: #helpView). Tokens match
   styles.css / meme.css (--green, --panel, --panel-2,
   --edge, --dim, --ink, --red). Every weight in this file
   is 400 — the platform unbold rule; emphasis is carried
   by color (.help-em), matching the global strong rule.
   ============================================================ */

/* When the Q&A view is open it owns the workspace: the
   chart grid steps aside. */
body.mv-help-open .main{display:none}
body.mv-help-open .tf-group{visibility:hidden}

.help-view{flex:1; min-height:0; display:flex; flex-direction:column;
  background:var(--panel); margin:10px; border:1px solid var(--edge); border-radius:14px;
  overflow:hidden}
.help-view[hidden]{display:none}

.help-head{padding:14px 18px 10px; border-bottom:1px solid var(--edge); background:var(--panel-2)}
.help-title{font-size:17px; font-weight:400; letter-spacing:1.2px; color:var(--ink)}
.help-sub{margin-top:5px; font-size:12.5px; font-weight:400; color:var(--dim); max-width:760px; line-height:1.5}
.help-searchrow{display:flex; align-items:center; gap:12px; margin-top:11px; flex-wrap:wrap}
.help-search{font:inherit; font-size:13px; font-weight:400; color:var(--ink);
  background:var(--panel); border:1px solid var(--edge); border-radius:10px;
  padding:8px 12px; width:min(440px, 100%)}
.help-search:focus{outline:none; border-color:var(--green)}
.help-searchnote{font-size:12px; font-weight:400; color:var(--dim)}

.help-body{flex:1; min-height:0; overflow:auto; padding:6px 18px 22px}
.help-loading{padding:30px 6px; color:var(--dim); font-size:13.5px; font-weight:400}

.help-group{margin-top:16px}
.help-groupname{font-size:12px; font-weight:400; letter-spacing:1.6px; color:var(--green);
  text-transform:uppercase; margin:0 0 6px}

.help-item{border-bottom:1px solid #101c2e}
.help-q{font:inherit; display:flex; align-items:center; gap:10px; width:100%;
  background:transparent; border:0; cursor:pointer; text-align:left;
  padding:11px 2px; color:var(--ink); font-size:14.5px; font-weight:400}
.help-q:hover{color:var(--green)}
.help-qtext{flex:1}
.help-chev{color:var(--dim); font-size:12px}
.help-item.open .help-qtext, .help-item.search-open .help-qtext{color:var(--green)}

.help-a{padding:2px 2px 14px; max-width:820px}
.help-a[hidden]{display:none}
.help-a p{margin:0 0 9px; font-size:13.5px; font-weight:400; line-height:1.65; color:#c6d6ea}
.help-a ul{margin:0 0 9px; padding-left:18px}
.help-a li{font-size:13.5px; font-weight:400; line-height:1.65; color:#c6d6ea}
.help-em{color:var(--ink); font-weight:400}
.help-code{font-family:inherit; font-size:12.5px; color:var(--green);
  background:#0a1322; border:1px solid var(--edge); border-radius:6px; padding:0 5px}
.help-img{display:block; max-width:min(680px, 100%); height:auto; margin:8px 0 10px;
  border:1px solid var(--edge); border-radius:10px}

.help-closing{margin-top:22px; padding-top:12px; border-top:1px solid var(--edge);
  font-size:12px; font-weight:400; line-height:1.6; color:var(--dim); max-width:820px}