.help-button { height: 38px; padding: 0 14px; border: 1px solid #d9dddc; border-radius: 7px; background: #f4f1e9; color: #17212a; font-weight: 800; font-size: 13px; cursor: pointer; }
.generated-nav { position: relative; z-index: 8; }
.generated-nav > div:nth-child(2) > a { color: inherit; text-decoration: none; font-weight: 700; cursor: pointer; }
.generated-nav > div:nth-child(2) > a:hover { color: var(--g-primary); text-decoration: underline; text-underline-offset: 4px; }
.help-drawer { position: fixed; inset: 0; z-index: 100; display: none; justify-content: flex-end; background: #07111c99; }
.help-drawer.open { display: flex; }
.help-panel { width: min(560px, 95vw); height: 100%; overflow-y: auto; background: #fff; padding: 42px; box-shadow: -24px 0 70px #07111c33; }
.help-panel h2 { max-width: 440px; margin: 10px 0 20px; font: 800 38px/1.04 Manrope, sans-serif; letter-spacing: -.045em; }
.help-index { position: sticky; top: -42px; z-index: 2; display: flex; gap: 7px; overflow-x: auto; margin: 0 -42px 24px; padding: 14px 42px; background: #fff; border-bottom: 1px solid #e1e4e3; }
.help-index a { padding: 7px 10px; border-radius: 999px; background: #f1f3f2; color: #34413e; text-decoration: none; font-size: 11px; font-weight: 800; white-space: nowrap; }
.help-content { display: grid; gap: 0; }
.help-content section { display: grid; grid-template-columns: 42px 1fr; gap: 14px; padding: 23px 0; border-bottom: 1px solid #e3e6e5; scroll-margin-top: 68px; }
.help-content section > b { color: #b88a3e; font: 800 13px Manrope, sans-serif; }
.help-content h3 { margin: 0 0 7px; font: 800 18px Manrope, sans-serif; }
.help-content p { margin: 0; color: #65706d; font-size: 13px; line-height: 1.65; }
.help-footer { display: grid; grid-template-columns: 1fr 1fr; gap: 9px; margin-top: 28px; }
.help-footer button,.help-footer a { border: 1px solid #122735; border-radius: 8px; padding: 12px; background: #122735; color: #fff; text-align: center; text-decoration: none; font-weight: 800; font-size: 12px; cursor: pointer; }
.help-footer a { background: #fff; color: #122735; }
@media (max-width: 700px) { .help-button { padding: 0 10px; } .help-panel { width: 100%; padding: 26px 20px; } .help-panel h2 { font-size: 31px; } .help-index { top: -26px; margin-inline: -20px; padding-inline: 20px; } .help-footer { grid-template-columns: 1fr; } }