.help-hero{padding-block:clamp(42px,7vw,82px) 30px}.help-hero h1{max-width:900px;font-size:clamp(38px,6vw,74px);line-height:1.08;letter-spacing:-.05em;margin:18px 0}.help-hero>p{max-width:760px;color:var(--muted);font-size:clamp(15px,1.6vw,19px);line-height:1.75}.help-hero .disclosure{max-width:850px}
.help-search-panel{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px 15px;align-items:end;padding:20px;margin-bottom:22px;border:1px solid var(--line);border-radius:var(--radius);background:var(--glass)}.help-search-panel label{display:block;font-size:13px;font-weight:700}.help-search-panel input{margin-top:8px}.help-count{grid-column:1/-1;margin:0;color:var(--muted);font-size:12px}
.help-input,.help-composer input,.help-composer textarea,.help-composer select{display:block;width:100%;max-width:100%;min-width:0;min-height:46px;border:1px solid var(--line);border-radius:9px;padding:11px 13px;background:var(--panel);color:var(--text);font:400 16px/1.5 "DM Sans",Arial,sans-serif}.help-input:focus-visible,.help-composer :is(input,textarea,select,button):focus-visible,.help-tutorial summary:focus-visible{outline:3px solid var(--accent);outline-offset:4px}
.help-tutorials{display:grid;gap:14px}.help-tutorial{min-width:0;border:1px solid var(--line);border-radius:14px;background:var(--glass);overflow:hidden}.help-tutorial[hidden]{display:none}.help-tutorial summary{display:grid;grid-template-columns:48px minmax(0,1fr) 24px;align-items:center;gap:14px;min-height:90px;padding:20px;cursor:pointer;list-style:none}.help-tutorial summary::-webkit-details-marker{display:none}.help-tutorial summary::after{content:"+";font-size:24px;line-height:1;color:var(--accent)}.help-tutorial[open] summary::after{content:"−"}.help-step{display:grid;place-items:center;width:42px;height:42px;border:1px solid var(--line);border-radius:10px;color:var(--accent);font:700 12px/1 ui-monospace,Consolas,monospace}.help-tutorial h3{font-size:clamp(17px,2vw,23px);line-height:1.25;letter-spacing:-.02em;margin:0 0 6px}.help-tutorial summary p{font-size:12px;line-height:1.5;color:var(--muted);margin:0}.help-lesson-body{padding:0 24px 22px 82px;border-top:1px solid transparent}.help-lesson-body p,.help-lesson-body li{font-size:14px;line-height:1.8;color:var(--muted)}.help-lesson-body li{margin:8px 0;padding-left:3px}.help-lesson-body ol{padding-left:22px;margin:4px 0 18px}.help-lesson-body strong{color:var(--text)}.help-lesson-body code{font-size:.9em;color:var(--text);background:var(--panel);padding:2px 5px;border-radius:4px;overflow-wrap:anywhere}.help-note{padding:12px 15px;border-left:2px solid var(--accent);background:color-mix(in srgb,var(--accent) 7%,var(--panel));border-radius:0 8px 8px 0}
.help-support-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(260px,.65fr);gap:22px;align-items:start}.help-composer,.help-support-notes{padding:clamp(18px,3vw,30px);min-width:0}.help-support-grid h2{font-size:clamp(24px,3vw,35px);letter-spacing:-.035em;margin:8px 0 16px}.help-composer>p,.help-support-notes p,.help-support-notes li{font-size:13px;line-height:1.75;color:var(--muted)}.help-fields{display:grid;grid-template-columns:1fr 1fr;gap:16px}.help-fields label{display:block;font-size:12px;font-weight:700;min-width:0}.help-fields input,.help-fields select,.help-fields textarea{margin-top:8px}.help-wide{grid-column:1/-1}.help-composer textarea{resize:vertical;min-height:160px}.help-composer .help-output{min-height:190px;white-space:pre-wrap;overflow-wrap:anywhere;font-family:ui-monospace,Consolas,monospace;font-size:13px}.help-character-count{display:block;text-align:right;margin-top:6px;color:var(--muted);font-size:11px}.help-actions{display:flex;flex-wrap:wrap;gap:10px;margin-block:18px}.help-actions>*{min-height:46px;flex:0 1 auto}.help-actions button:disabled{opacity:.45;cursor:not-allowed}.help-draft-status{min-height:2.8em;color:var(--accent)!important;overflow-wrap:anywhere}.help-support-notes{position:sticky;top:112px}.help-support-notes ul{padding-left:18px}.help-support-notes strong{color:var(--text)}.help-contact-pending{border-top:1px solid var(--line);padding-top:17px;margin-top:20px}.help-contact-pending code{color:var(--text);overflow-wrap:anywhere}.help-empty{padding:22px;border:1px dashed var(--line);border-radius:12px;color:var(--muted)}.help-review-note{font-size:12px;color:var(--muted);margin-top:20px}
@media(max-width:850px){.help-support-grid{grid-template-columns:minmax(0,1fr)}.help-support-notes{position:static}.help-lesson-body{padding-left:25px}.help-tutorial summary{min-height:90px}}
@media(max-width:560px){.help-hero{padding-top:32px}.help-search-panel,.help-fields{grid-template-columns:minmax(0,1fr)}.help-search-panel>button{width:100%}.help-search-panel{padding:15px}.help-tutorial summary{grid-template-columns:36px minmax(0,1fr) 18px;gap:10px;padding:16px 12px}.help-step{width:34px;height:38px;font-size:11px}.help-tutorial h3{font-size:17px}.help-lesson-body{padding:0 16px 18px}.help-actions>*{flex:1 1 140px}.help-composer .help-output{font-size:13px}.help-composer{padding:18px 14px}}
@media(prefers-reduced-motion:reduce){.help-tutorial,.help-actions>*{transition:none!important}}

.help-preview{margin:18px auto 35px;padding:10px;border:1px solid var(--line);border-radius:16px;background:var(--glass)}.help-preview img{display:block;width:100%;height:auto;border-radius:10px;object-fit:contain}.help-preview figcaption{font-size:12px;line-height:1.6;color:var(--muted);padding:10px 6px 3px}