/* Mizora Perps help content. The shared site shell is loaded after this layer. */
:root {
  color-scheme: dark;
  --page: #0b0b0d;
  --header: #101012;
  --card: #171719;
  --line: #302c2e;
  --text: #f5f1eb;
  --muted: #aaa3a3;
  --green: #e73536;
  --green-hover: #f4544d;
  --help-link: #ee897d;
}
.mz-help-site { background: #0b0b0d; color: #f5f1eb; }
.mz-help-site::before {
  inset: 76px 0 auto;
  height: 390px;
  background: radial-gradient(ellipse at 48% -16%, #8735321a 0, #5520290c 38%, transparent 72%);
  opacity: 1;
}
.mz-help-site::after { display: none; }
.mz-help-site ::selection { background: #e7353655; color: #fff6f0; }
.mz-help-site .skip-link { background: #e73536; color: #180708; }
.help-main, .docs-main { padding-top: 76px; }
.help-main .hero h1, .docs-main .hero h1 { font-weight: 530; letter-spacing: -.055em; }
.help-main .hero h1 span, .docs-main .hero h1 span { color: #ef786b; }
.help-main .hero-description, .docs-main .hero-description { color: #aaa3a3; }
.docs-main .eyebrow { color: #ec8579; font-weight: 450; letter-spacing: .12em; }
.search-field, .docs-link { background: #111013; border-color: #3a3034; border-radius: 10px; }
.search-field { min-height: 48px; }
.search-field:focus-within { border-color: #e46d63; box-shadow: 0 0 0 3px #e7353612; }
.search-field input::placeholder { color: #92878d; }
.search-field > svg, .clear-search, .copy-link { color: #a69b9e; }
.docs-link { color: #e8dfdb; }
.docs-link svg { color: #ed7a6f; }
.docs-link:hover { border-color: #90605e; background: #1a1417; }
.faq-category, .faq-item, .docs-main section[id], .source-notes { scroll-margin-top: 96px; }
.category-header h2 { color: #f1e9e3; font-weight: 560; }
.question-count { color: #a3989d; }
.faq-item { background: #171719; border-color: #312b2f; }
.faq-item:hover { border-color: #584044; }
.faq-item:target, .faq-item[data-open="true"] { border-color: #784545; }
.question-toggle { color: #eee8e3; }
.toggle-icon { color: #ae9ba0; }
.faq-item[data-open="true"] .toggle-icon { color: #ec8276; }
.copy-link:hover, .copy-link[data-copied="true"] { color: #ef8f81; }
.answer { color: #b4aaaa; }
.answer strong { color: #e8dfd9; }
.answer a, .doc-card a, .source-notes a, .related-link, .dialog-body a { color: var(--help-link); }
.answer a:hover, .doc-card a:hover, .source-notes a:hover, .related-link:hover, .dialog-body a:hover { color: #ffc0ae; }
.answer code { color: #e4c6bc; background: #e8bbab0a; }
.answer mark { background: #e735362b; color: #ffd2c3; }
.table-scroll { border-color: #3b2e33; scrollbar-color: #67484f transparent; }
.table-scroll th, .config-table th { background: #211a1e; color: #e9dfd9; }
.table-scroll th, .table-scroll td, .config-table th, .config-table td { border-color: #382e32; }
.empty-state { background: #171316; border-color: #413036; }
.empty-state > svg, .empty-state > div > svg { color: #ed7b6d; }
.empty-state button, .dialog-body button { background: #282024; border-color: #50383e; }
.empty-state button:hover, .dialog-body button:hover { background: #352429; border-color: #d47368; }
.support-card { border-color: #443035; background: linear-gradient(105deg, #1c1417, #151215); }
.support-card a, .support-card button { border-color: #e7353645; background: #e7353612; color: #f29486; }
.support-card a:hover, .support-card button:hover { background: #e7353623; }
.support-launcher { background: #e73536; color: #180708; }
.support-launcher:hover { background: #f4554d; }
.help-dialog { background: #171316; border-color: #55373f; color: #f5f1eb; }
.dialog-body input, .dialog-body textarea { background: #0e0b0d; border-color: #4a333a; }
.dialog-body .primary-button { background: #e73536; border-color: #e73536; color: #180708; }
.dialog-body .primary-button:hover { background: #f4544d; }
.toast { border-color: #795048; background: #281b1e; color: #efc3b4; }
.doc-card { background: #171719; border-color: #352d31; }
a.doc-card:hover { border-color: #bc655d; background: #1c1619; }
.doc-card > svg { color: #e98578; }
.docs-main .back-link:hover { color: #ef8b7e; }
.source-notes { border-top-color: #382d32; }
.source-notes summary { color: #d8c9c4; }
@media (max-width: 640px) {
  .mz-help-site::before { height: 300px; background: radial-gradient(ellipse at 55% -8%, #68272d20, transparent 72%); }
  .help-main, .docs-main { padding-top: 48px; }
  .help-main .hero h1, .docs-main .hero h1 { font-size: clamp(34px, 8.5vw, 43px); }
  .faq-category, .faq-item, .docs-main section[id], .source-notes { scroll-margin-top: 88px; }
}