/* Help (help and API tooling): the guides' Markdown rendered in the app. Tokens only. */
.app-help { max-width: none; font-size: var(--text-base); line-height: 1.55; color: var(--color-text); }
.app-help > * { max-width: calc(var(--app-form-w) + var(--app-drawer-w)); }
.app-help h1 { font-size: var(--text-xl); margin: 0 0 var(--pad-3); }
.app-help h2 { font-size: var(--text-lg); margin: var(--pad-6) 0 var(--pad-3); padding-top: var(--pad-3); border-top: thin solid var(--color-border); }
.app-help h3 { font-size: var(--text-base); margin: var(--pad-5) 0 var(--pad-2); }
.app-help h4 { font-size: var(--text-table); margin: var(--pad-4) 0 var(--pad-2); }
.app-help code { font-family: var(--font-mono); font-size: var(--text-sm); background: var(--color-bg-sunken); padding: 0 var(--space-1); border-radius: var(--radius-sm); }
.app-help pre { background: var(--color-bg-sunken); padding: var(--pad-3); border-radius: var(--radius-sm); overflow: auto; }
.app-help pre code { background: none; padding: 0; }
.app-help table { border-collapse: collapse; font-size: var(--text-compact); margin: var(--pad-3) 0; }
.app-help th, .app-help td { border: thin solid var(--color-border); padding: var(--space-1) var(--pad-2); text-align: left; vertical-align: top; }
.app-help th { background: var(--color-bg-sunken); }
.app-help img { max-width: 100%; height: auto; border: thin solid var(--color-border); border-radius: var(--radius-sm); box-shadow: var(--shadow-1); }
.app-help .app-help-shot { display: inline-block; cursor: zoom-in; }
.app-help blockquote { margin: var(--pad-3) 0; padding: var(--pad-2) var(--pad-3); border-left: thick solid var(--color-accent); background: var(--color-accent-soft); }
.app-help-toc { display: block; padding: var(--space-1) var(--pad-4); color: var(--color-text-2); text-decoration: none; font-size: var(--text-compact); }
.app-help-toc:hover { background: var(--color-bg-hover); color: var(--color-text); }
.app-help-toc-3 { padding-left: var(--pad-6); font-size: var(--text-sm); }