.help-layout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:24px;align-items:start}
.help-contents{position:sticky;top:24px;padding:22px 18px;display:grid;gap:4px}
.help-contents .eyebrow{margin:0 10px 12px}.help-contents a{padding:8px 10px;font-size:14px;border-radius:4px;color:var(--muted)}
.help-contents a:hover,.help-contents a:focus-visible{background:var(--raised);color:var(--gold)}
.help-sections{min-width:0;display:grid;gap:20px}.help-sections section{scroll-margin-top:24px}
.help-sections h2{font-size:23px;margin:7px 0 15px}.help-sections .step-number{font-size:22px;margin-bottom:8px}
.help-sections p,.help-sections li{color:#bbc6d3;font-size:15px;line-height:1.75}.help-sections strong{color:var(--text)}
.help-sections ul,.help-sections ol{padding-left:24px;margin:15px 0}.help-sections li+li{margin-top:10px;padding-left:4px}
.help-sections a{color:var(--gold);text-decoration:underline;text-underline-offset:3px}.help-sections code{font-size:13px;overflow-wrap:anywhere}
.help-note{padding:14px 17px;border-left:3px solid var(--gold);background:#22272b;border-radius:0 4px 4px 0;margin-top:20px}
.help-sections details{border-top:1px solid var(--line);padding:16px 0 0;margin-top:16px;scroll-margin-top:24px}
.help-sections summary{cursor:pointer;font-size:15px;font-weight:600;line-height:1.6}.help-sections summary:focus-visible{outline:2px solid var(--gold);outline-offset:5px}.help-sections details[open] summary{color:var(--gold)}
.help-shortcuts{display:flex;flex-wrap:wrap;gap:16px 30px;margin:15px 0}.help-shortcuts span{display:block;font-size:13px;margin-top:10px}.help-shortcuts kbd{border:1px solid #526174;background:#111820;border-radius:4px;padding:4px 7px;font:13px 'Segoe UI',sans-serif;color:var(--text)}
.help-sections pre{max-width:100%;white-space:pre-wrap;overflow-wrap:anywhere;padding:16px;background:#111820;border:1px solid var(--line);border-radius:6px}
.tracker-help-banner{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:18px;margin-bottom:24px}.tracker-help-banner p{color:var(--muted);font-size:14px}
@media(max-width:1100px){.help-layout{grid-template-columns:1fr}.help-contents{position:static;grid-template-columns:repeat(2,minmax(0,1fr))}.help-contents .eyebrow{grid-column:1/-1}}
@media(max-width:500px){.help-contents{grid-template-columns:1fr}.help-sections h2{font-size:21px}.help-sections .panel{padding:19px}.help-shortcuts{display:block}}
