/* Documentation shares the public site's native-inspired color tokens. */
.help-docs .header-inner,.help-docs .footer-inner { max-width:80rem; }
.help-docs header { background:var(--surface); }
.help-brand-docs { font-size:.9375rem; font-weight:500; letter-spacing:0; color:var(--muted); margin-inline-start:.7rem; }
.help-language { display:flex; align-items:center; gap:.7rem; color:var(--muted); font-size:.9375rem; }
.help-language select { max-width:14rem; border:1px solid var(--border); border-radius:.65rem; background:var(--surface); color:var(--ink); font:inherit; min-height:44px; padding:.4rem .75rem; }
.help-review { display:flex; flex-wrap:wrap; justify-content:center; gap:.25rem .8rem; padding:.65rem 1.2rem; background:var(--review); color:var(--review-ink); font-size:.875rem; }
.help-translation-note,.help-language-note { margin:0; text-align:center; padding:.45rem 1rem; color:var(--muted); font-size:.875rem; border-bottom:1px solid var(--line); }
.help-docs main { max-width:80rem; }
.help-index { padding-top:clamp(1.7rem,4vw,3rem); }
.help-intro { max-width:44rem; }
.help-docs h1 { max-width:25ch; font-size:clamp(2rem,4.5vw,3.2rem); }
.help-free,.help-muted,.help-updated { color:var(--muted); font-size:1rem; }
.help-search { margin:2rem 0; max-width:44rem; }
.help-search label { display:block; font-weight:650; margin-bottom:.5rem; }
.help-search input { width:100%; min-height:48px; border:1px solid var(--border); border-radius:.8rem; background:var(--surface); color:var(--ink); font:inherit; padding:.65rem 1rem; }
.help-search input:focus-visible,.help-language select:focus-visible { outline:3px solid var(--accent); outline-offset:3px; }
.help-search [role=status] { font-size:.9375rem; color:var(--muted); margin:.5rem 0; min-height:1.4em; }
.help-group { margin:2.25rem 0; }
.help-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,17rem),1fr)); gap:.8rem; }
.help-steps { grid-template-columns:repeat(auto-fit,minmax(min(100%,12rem),1fr)); }
.help-card { display:block; position:relative; padding:1.2rem 1.2rem 2.2rem; border:1px solid var(--line); border-radius:1rem; background:var(--surface); color:var(--ink); text-decoration:none; }
.help-card:hover { border-color:var(--accent); }
.help-card h3 { margin:0 0 .6rem; line-height:1.35; font-size:1.05rem; }
.help-card p { color:var(--muted); font-size:1rem; line-height:1.6; margin:0; }
.help-card>span:last-child { position:absolute; inset-inline-end:1.1rem; bottom:.7rem; color:var(--accent); }
.help-step { display:grid; place-items:center; width:2rem; height:2rem; margin-bottom:.9rem; border-radius:50%; background:var(--soft); color:var(--accent); font-size:1rem; font-weight:750; }
.help-feedback { padding:1.5rem; border-radius:1rem; background:var(--soft); }
.help-feedback p { margin-bottom:.4rem; }
.help-layout { display:grid; grid-template-columns:16rem minmax(0,1fr); gap:clamp(2rem,5vw,5rem); padding-top:2rem; align-items:start; }
.help-sidebar { position:sticky; top:1rem; max-height:calc(100dvh - 2rem); overflow:auto; padding-inline-end:.8rem; }
.help-nav-group { margin-bottom:1.1rem; }
.help-nav-group strong { display:block; font-size:.875rem; color:var(--muted); margin-bottom:.3rem; }
.help-nav-group a { display:block; font-size:1rem; line-height:1.4; padding:.4rem 0; text-decoration:none; }
.help-reading { max-width:47rem; }
.help-breadcrumb { color:var(--muted); gap:.55rem; font-size:.875rem; margin-bottom:1.2rem; }
.help-breadcrumb a { padding:0; font-weight:500; }
.help-article-heading h1 { font-size:clamp(1.9rem,4vw,2.7rem); max-width:27ch; }
.help-pro { display:inline-block; font-size:.875rem; font-weight:650; color:var(--accent); background:var(--soft); border-radius:.4rem; padding:.1rem .5rem; margin-top:.7rem; }
.help-updated { margin:1rem 0 1.8rem; font-size:.875rem; }
.help-reading article>p { line-height:1.8; font-size:1.0625rem; margin-bottom:1.25rem; }
.help-related { border-top:1px solid var(--line); padding-top:1.4rem; margin-top:2rem; }
.help-related h2 { font-size:1.1rem; }
.help-related ul { margin:0; }
.help-pager { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1rem; margin-top:2rem; }
.help-pager a { border:1px solid var(--line); border-radius:.8rem; padding:1rem; background:var(--surface); font-size:1rem; }
.help-pager small { display:block; color:var(--muted); margin-bottom:.35rem; font-weight:450; }
.help-back { font-size:1rem; }
.help-mobile-contents { display:none; }
.help-docs footer p { max-width:35rem; font-size:.875rem; color:var(--muted); }
.help-docs [hidden] { display:none !important; }
@media(max-width:850px) { .help-layout { display:block; }.help-sidebar { display:none; }.help-mobile-contents { display:block; margin-bottom:1.5rem; border-bottom:1px solid var(--line); padding-bottom:.8rem; }.help-mobile-contents summary { cursor:pointer; font-weight:600; color:var(--accent); min-height:44px; }.help-mobile-contents nav { display:block; padding-top:.8rem; }.help-reading { margin:auto; } }
@media(max-width:480px) { .help-language { width:100%; justify-content:space-between; }.help-language select { max-width:75%; }.help-docs .header-inner { gap:.65rem; padding-top:1rem; padding-bottom:1rem; }.help-brand-docs { font-size:.875rem; }.help-pager { grid-template-columns:1fr; } }
@media print { .help-sidebar,.help-mobile-contents,.help-language,.help-search,.help-pager,.help-review,.help-translation-note { display:none; }.help-layout { display:block; }.help-reading { max-width:none; } }

.help-language-links { position:relative; color:var(--accent); font-size:.9375rem; }
.help-language-links summary { min-height:44px; display:flex; align-items:center; cursor:pointer; }
.help-language-links nav { max-height:60vh; overflow:auto; display:grid; gap:.4rem; padding:.75rem; border:1px solid var(--line); border-radius:.65rem; background:var(--surface); }
.help-language-links nav a { display:block; padding:.35rem; }
@media(max-width:480px) { .help-language-links { width:100%; } }

@media(max-width:850px) { .help-mobile-contents .help-nav-group a,.help-language-links nav a { min-height:44px; display:flex; align-items:center; } }