/* css/modules/help.css: the .help-* module — split out of css/app.css by #360's sibling stage (#362).
   Load order is core.css, then every modules/*.css alphabetically; rules here
   are in their original relative order, and no selector in this file appears in
   any other (asserted in tests/css-split-check.js). */

/* ---------- Help / glossary (collapsible) ---------- */
.help-group{padding:0;overflow:hidden}
.help-group summary,.help-item summary{list-style:none;cursor:pointer}
.help-group summary::-webkit-details-marker,.help-item summary::-webkit-details-marker{display:none}
.help-head{display:flex;justify-content:space-between;align-items:center;padding:16px 22px;font-weight:800;font-size:16px}
.help-head:hover{background:var(--panel-2)}
.help-head__r{display:flex;align-items:center;gap:10px}
.help-count{background:#eef1f6;color:var(--muted);border-radius:999px;padding:2px 10px;font-size:12px;font-weight:800}
.help-caret{transition:.2s;color:var(--muted-2);font-size:13px}
.help-group[open]>.help-head .help-caret{transform:rotate(90deg)}
.help-panel{padding:0 22px 8px}
.help-item{border-top:1px solid var(--line)}
.help-term{display:flex;justify-content:space-between;align-items:center;padding:13px 0;font-weight:800;font-size:14.5px}
.help-term:hover{color:var(--blue)}
.help-term::after{content:"+";color:var(--muted-2);font-weight:900;font-size:16px;margin-left:12px}
.help-item[open]>.help-term::after{content:"–"}
.help-def{color:var(--muted);font-weight:600;line-height:1.6;font-size:14px;padding:0 0 14px}
.help-def b{color:var(--ink)}