/* ── Help Drawer — injected Starlight content styles ── */ .help-drawer-prose { font-size: 0.875rem; line-height: 1.6; color: var(--color-foreground, inherit); } .help-drawer-prose h1 { display: none; } .help-drawer-prose h2 { font-size: 0.875rem; font-weight: 600; margin-top: 1.25rem; margin-bottom: 0.5rem; color: var(--color-foreground, inherit); } .help-drawer-prose h3 { font-size: 0.875rem; font-weight: 500; margin-top: 1rem; margin-bottom: 0.375rem; color: var(--color-foreground, inherit); } .help-drawer-prose h4, .help-drawer-prose h5, .help-drawer-prose h6 { font-size: 0.8125rem; font-weight: 500; margin-top: 0.75rem; margin-bottom: 0.25rem; } .help-drawer-prose p { margin-bottom: 0.75rem; color: var(--color-secondary-foreground, inherit); } .help-drawer-prose ul { list-style-type: disc; padding-left: 1.25rem; margin-bottom: 0.75rem; color: var(--color-secondary-foreground, inherit); } .help-drawer-prose ol { list-style-type: decimal; padding-left: 1.25rem; margin-bottom: 0.75rem; color: var(--color-secondary-foreground, inherit); } .help-drawer-prose li { margin-bottom: 0.25rem; } .help-drawer-prose code { font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace; font-size: 0.75rem; background-color: var(--color-muted, #f1f5f9); padding: 0.125rem 0.3rem; border-radius: 0.25rem; } .help-drawer-prose pre { font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace; font-size: 0.75rem; background-color: var(--color-muted, #f1f5f9); padding: 0.75rem; border-radius: 0.5rem; overflow-x: auto; margin-bottom: 0.75rem; } .help-drawer-prose pre code { background: none; padding: 0; font-size: inherit; } .help-drawer-prose a { color: var(--color-primary, #3b82f6); text-decoration: underline; } .help-drawer-prose img { max-width: 100%; border-radius: 0.5rem; height: auto; } .help-drawer-prose blockquote { border-left: 3px solid var(--color-border, #e2e8f0); padding-left: 0.75rem; margin: 0.75rem 0; color: var(--color-secondary-foreground, inherit); font-style: italic; } .help-drawer-prose table { width: 100%; font-size: 0.8125rem; border-collapse: collapse; margin-bottom: 0.75rem; } .help-drawer-prose th, .help-drawer-prose td { padding: 0.375rem 0.5rem; border: 1px solid var(--color-border, #e2e8f0); text-align: left; } .help-drawer-prose th { font-weight: 600; background-color: var(--color-muted, #f1f5f9); } /* Starlight-specific elements to hide inside drawer */ .help-drawer-prose .sl-anchor-link, .help-drawer-prose .sl-heading-wrapper > a { display: none; } /* Starlight aside/callout boxes */ .help-drawer-prose .starlight-aside { border-left: 3px solid var(--color-primary, #3b82f6); padding: 0.5rem 0.75rem; margin-bottom: 0.75rem; background-color: var(--color-muted, #f1f5f9); border-radius: 0 0.375rem 0.375rem 0; font-size: 0.8125rem; } /* Dark mode — Tailwind dark class on */ .dark .help-drawer-prose code, .dark .help-drawer-prose pre, .dark .help-drawer-prose th { background-color: var(--color-muted, #1e293b); }