/* GENERATED by scripts/help/generate-site.mjs; edits here are overwritten.
   The Help guide's styles, on top of /styles.css (the site's tokens, nav and footer). Sizes follow the app's guide:
   body 15 on 22 (17 on 26 here), section labels 11 letter-spaced 2, row titles 15/700, matched sentences 12. */
.help-wrap { padding: 112px 0 72px; min-height: 100vh; }
.help { max-width: 720px; margin: 0 auto; padding: 0 16px; }
.help h1 { font-size: clamp(28px, 5vw, 40px); font-weight: 900; line-height: 1.15; letter-spacing: -1px; color: var(--text, #fff); margin: 6px 0 14px; }
.help-eyebrow { font-size: 11px; font-weight: 800; letter-spacing: 2px; text-transform: uppercase; color: var(--orange); }
.help-lead { font-size: 15px; line-height: 1.6; color: var(--text-2); margin-bottom: 22px; }
.help-sr { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }

.help-search { position: relative; display: flex; align-items: center; gap: 10px; background: #0d0d0d; border: 1.5px solid rgba(252, 76, 2, 0.32); border-radius: 12px; padding: 0 14px; min-height: 50px; }
.help-search:focus-within { border-color: rgba(252, 76, 2, 0.7); }
.help-search__glyph { color: #888; flex: none; }
.help-search:focus-within .help-search__glyph { color: var(--orange); }
.help-search input { flex: 1; min-width: 0; background: transparent; border: 0; outline: 0; color: #fff; font: inherit; font-size: 16px; font-weight: 500; padding: 13px 0; }
.help-search input::placeholder { color: #888; }

.help-section { font-size: 11px; font-weight: 800; letter-spacing: 2px; text-transform: uppercase; color: var(--text-3); margin: 28px 2px 10px; }
.help-section-row { display: flex; align-items: baseline; justify-content: space-between; gap: 8px; }
.help-section__right { font-size: 12px; font-weight: 700; color: var(--orange); margin-right: 2px; flex: none; }
.help-category { scroll-margin-top: 90px; }

.help-list { list-style: none; margin: 0; padding: 0; background: #17171a; border: 1px solid rgba(255, 255, 255, 0.08); border-radius: 14px; overflow: hidden; }
.help-list li + li { border-top: 1px solid rgba(255, 255, 255, 0.08); }
.help-row { display: flex; align-items: center; gap: 11px; padding: 13px 14px; min-height: 48px; color: #fff; transition: background 0.15s; }
.help-row:hover, .help-row:focus-visible { background: rgba(252, 76, 2, 0.08); }
.help-row__text { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 3px; }
.help-row__title { flex: 1; min-width: 0; font-size: 15px; font-weight: 700; line-height: 1.35; }
.help-row--small .help-row__title { font-size: 14px; }
.help-row__sentence { font-size: 12px; line-height: 1.45; color: var(--text-3); }
.help-hit { background: none; color: var(--orange); }
.help-row__sentence .help-hit { font-weight: 800; }
.help-tile { width: 30px; height: 30px; flex: none; border-radius: 9px; background: rgba(252, 76, 2, 0.12); color: var(--orange); font-size: 13px; font-weight: 900; display: inline-flex; align-items: center; justify-content: center; }
.help-count { font-size: 12px; font-weight: 700; color: var(--text-3); }
.help-chev { color: #666; font-size: 18px; line-height: 1; flex: none; }

.help-crumbs { font-size: 13px; color: var(--text-3); margin-bottom: 18px; display: flex; flex-wrap: wrap; gap: 8px; }
.help-crumbs a { color: var(--text-3); }
.help-crumbs a:hover { color: var(--orange); }
.help-crumbs__sep { color: #444; }
.help-body { font-size: 17px; line-height: 1.55; color: #d9d5ce; margin-top: 14px; }
.help-steps { margin-top: 16px; background: #17171a; border: 1px solid rgba(255, 255, 255, 0.08); border-radius: 12px; padding: 13px 15px; font-size: 15px; line-height: 1.5; color: #c9c5be; }
.help-steps strong { color: #fff; font-weight: 700; }

.help-support { margin-top: 28px; background: #17171a; border: 1px solid rgba(252, 76, 2, 0.35); border-radius: 14px; padding: 16px; }
.help-support__title { font-size: 15px; font-weight: 800; color: #fff; }
.help-support p { font-size: 13px; line-height: 1.5; color: var(--text-3); margin-top: 4px; }
.help-support__key { display: inline-flex; align-items: center; gap: 6px; margin-top: 12px; min-height: 44px; padding: 0 14px; border-radius: 9px; border: 1px solid #333; background: rgba(255, 255, 255, 0.05); font-size: 13px; font-weight: 800; color: var(--orange); overflow-wrap: anywhere; }
.help-support__key:hover { border-color: rgba(252, 76, 2, 0.5); }
.help-all { margin-top: 22px; font-size: 14px; font-weight: 700; }
.help-all a { color: var(--orange); }

.help-none { padding: 28px 6px 6px; text-align: center; display: flex; flex-direction: column; gap: 10px; align-items: stretch; }
.help-none__title { font-size: 18px; font-weight: 800; color: #fff; }
.help-none__text { font-size: 14px; line-height: 1.5; color: var(--text-3); margin-bottom: 8px; }
.help-key { display: flex; align-items: center; justify-content: center; min-height: 54px; border-radius: 14px; background: var(--orange); color: #fff; font-size: 17px; font-weight: 800; box-shadow: 0 0 9px rgba(252, 76, 2, 0.5); }
.help-key--ghost { background: transparent; border: 1.5px solid #333; color: #c9c5be; box-shadow: none; }