/* Help / FAQ page (help.html): role G. Base styles: style.css */
.help-toc { display: flex; flex-wrap: wrap; gap: 8px 18px; margin: 0 0 1.6rem; padding: .8rem 1rem; border: 1px solid #3a2c1a; background: rgba(11,10,18,.45);
  font: 600 .95rem/1.4 var(--display); letter-spacing: .04em; }
.help h2 { scroll-margin-top: 100px; }
.faq { border: 1px solid #3a2c1a; background: rgba(11,10,18,.35); margin: 0 0 .6rem; }
.faq summary { cursor: pointer; position: relative; padding: .8rem 1rem .8rem 2.5rem; color: var(--bone); font-weight: 700; list-style: none; }
.faq summary::-webkit-details-marker { display: none; }
.faq summary::before { content: "▸"; position: absolute; left: 1rem; color: var(--gold); } .faq[open] summary::before { content: "▾"; }
.faq summary:hover { color: var(--gold); }
.faq[open] summary { border-bottom: 1px solid #3a2c1a; }
.faq > :not(summary) { margin: .8rem 1.2rem; }
.faq ol, .help ul { padding-left: 1.3em; } .faq li, .help ul li { margin-bottom: .4rem; }
.help .note { color: var(--ash); font-size: 1rem; }
/* item grade lines in the game's own tooltip colours (stringtable_color.txt) */
.q-magic { color: #74aee4; } .q-noble { color: #c1c1ff; } .q-divine { color: #fcfc00; } .q-exceed { color: #ff0000; }
.q-magic, .q-noble, .q-divine, .q-exceed { white-space: nowrap; }