.help-page { min-height: 100vh; color: var(--ink); background: linear-gradient(180deg, #f6f7ed 0%, #eef7e5 55%, #e4f1e5 100%); }
.help-page .site-header { border-bottom: 1px solid rgba(32,48,38,.15); }
.help-nav { display: flex; flex-wrap: wrap; gap: 19px; margin-left: auto; color: var(--ink-soft); font: 500 10px var(--mono); text-transform: uppercase; }
.help-nav a { position: relative; }
.help-nav a:hover, .help-nav a:focus-visible, .help-nav a.is-current { color: var(--grass-deep); }
.help-nav a.is-current::after { content: ''; position: absolute; left: 0; right: 0; bottom: -9px; height: 2px; background: var(--grass); }
.help-actions { display: flex; align-items: center; gap: 10px; }
.help-main { position: relative; padding: 80px 0 112px; }
.help-hero { display: grid; grid-template-columns: 1.1fr .9fr; gap: 62px; align-items: end; margin-bottom: 48px; }
.help-hero h1 { margin: 18px 0 20px; font: 700 clamp(3.5rem, 8vw, 7.5rem)/.87 var(--display); letter-spacing: -.08em; }
.help-hero h1 span { color: var(--grass-deep); }
.help-hero > div > p { max-width: 650px; margin: 0; color: var(--ink-soft); font-size: 17px; line-height: 1.65; }
.help-hero-note { padding: 27px; background: #fff1c8; border: 2px solid var(--ink); box-shadow: 8px 9px 0 rgba(32,48,38,.1); }
.help-book { display: inline-grid; place-items: center; width: 46px; height: 46px; color: #fff; background: var(--grass-deep); border: 2px solid var(--ink); font: 700 28px/1 var(--display); }
.help-hero-note strong { display: block; margin-top: 20px; font: 700 23px/1 var(--display); }
.help-hero-note p { margin: 11px 0 18px; color: var(--ink-soft); font-size: 13px; line-height: 1.6; }
.help-search { display: grid; grid-template-columns: .75fr 1.25fr; gap: 30px; align-items: end; margin-bottom: 32px; padding: 22px 25px; background: #d9f1df; border: 2px solid var(--ink); box-shadow: 7px 8px 0 rgba(32,48,38,.1); }
.help-search-heading h2 { margin: 9px 0 0; font: 700 clamp(1.6rem, 3vw, 2.5rem)/1 var(--display); letter-spacing: -.04em; }
.help-search-control label { display: block; margin-bottom: 7px; color: var(--ink-soft); font: 700 10px var(--mono); text-transform: uppercase; letter-spacing: .04em; }
.help-search-input { display: flex; gap: 8px; }
.help-search-input input { min-width: 0; flex: 1; padding: 13px 14px; color: var(--ink); background: #fffdf5; border: 2px solid var(--ink); border-radius: 0; font: 500 12px var(--mono); }
.help-search-input input:focus-visible { outline: 3px solid var(--diamond); outline-offset: 2px; }
.help-search-input button { padding: 0 13px; color: var(--ink); background: #fffdf5; border: 2px solid var(--ink); font: 700 10px var(--mono); cursor: pointer; }
.help-search-input button:hover, .help-search-input button:focus-visible { color: #fff; background: var(--grass-deep); }
.help-search-status { min-height: 1.2em; margin: 8px 0 0; color: var(--ink-soft); font: 500 10px var(--mono); }
.help-language { min-width: 0; }
.help-section-intro { max-width: 720px; margin: 0 0 28px; }
.help-section-intro p { margin: 9px 0 0; color: var(--ink-soft); font-size: 14px; line-height: 1.6; }
.help-topic-group + .help-topic-group { margin-top: 35px; }
.help-group-heading { display: flex; align-items: center; gap: 12px; margin-bottom: 12px; }
.help-group-heading h2 { margin: 0; font: 700 clamp(1.55rem, 3vw, 2.2rem)/1 var(--display); letter-spacing: -.04em; }
.help-group-icon { display: inline-grid; place-items: center; flex: 0 0 35px; width: 35px; height: 35px; color: var(--grass-deep); background: #eaf7e1; border: 2px solid var(--ink); font: 700 17px/1 var(--mono); }
.help-entry { background: var(--paper); border: 2px solid var(--ink); box-shadow: 5px 6px 0 rgba(32,48,38,.08); }
.help-entry + .help-entry { margin-top: 9px; }
.help-entry[open] { background: #fffef8; }
.help-entry summary { display: flex; align-items: center; justify-content: space-between; gap: 18px; padding: 16px 18px; color: var(--ink); font: 700 16px/1.25 var(--display); cursor: pointer; list-style: none; }
.help-entry summary::-webkit-details-marker { display: none; }
.help-entry summary::after { content: '+'; flex: 0 0 auto; color: var(--grass-deep); font: 700 19px/1 var(--mono); }
.help-entry[open] summary { border-bottom: 1px dashed rgba(32,48,38,.22); }
.help-entry[open] summary::after { content: '−'; }
.help-entry summary:hover, .help-entry summary:focus-visible { color: var(--grass-deep); background: rgba(217,241,223,.38); }
.help-entry summary:focus-visible { outline: 3px solid var(--diamond); outline-offset: -3px; }
.help-entry-body { padding: 0 19px 18px; color: var(--ink-soft); font-size: 13px; line-height: 1.65; }
.help-entry-body p { margin: 15px 0 0; }
.help-entry-body strong { color: var(--ink); }
.help-entry-body code { padding: 2px 4px; color: var(--grass-deep); background: #eaf7e1; border: 1px solid rgba(46,139,87,.16); font: 500 .9em var(--mono); overflow-wrap: anywhere; }
.help-entry-body a { color: var(--grass-deep); font-weight: 800; text-decoration: underline; text-underline-offset: 3px; }
.help-entry.is-filtered { display: none; }
.help-group-is-empty { display: none; }
.help-support-checklist { padding: 22px; background: #fff1c8; border: 2px solid var(--ink); box-shadow: 7px 8px 0 rgba(32,48,38,.1); }
.help-support-checklist .help-entry-body { padding: 0; }
.help-support-checklist .help-group-heading { margin-bottom: 0; }
.help-support-checklist .help-entry-body p:first-child { margin-top: 12px; }
.help-support-checklist .help-entry-body a { color: #8e5f15; }
@media (max-width: 960px) { .help-hero, .help-search { grid-template-columns: 1fr; gap: 28px; }.help-hero-note { max-width: 650px; }.help-search { align-items: start; } }
@media (max-width: 760px) { .help-nav { display: none; }.help-actions .header-discord { display: none; }.help-main { padding: 58px 0 82px; }.help-hero h1 { font-size: clamp(3.35rem, 15vw, 5.8rem); }.help-hero > div > p { font-size: 16px; }.help-search { padding: 19px; }.help-entry summary { padding: 14px; font-size: 15px; }.help-entry-body { padding: 0 14px 16px; }.help-support-checklist { padding: 18px 14px; } }
@media (prefers-reduced-motion: reduce) { .help-page *, .help-page *::before, .help-page *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; scroll-behavior: auto !important; transition-duration: .01ms !important; } }