{% extends "admin/base.html" %}

{% block title %}{{ title }} · Help — cmdop admin{% endblock %}

{% block head %}
<style>
  /* Plan 61/2a — minimal prose styles for rendered markdown.
     Local to this template (the help corpus is the only consumer). */
  .help-prose h1 { font-size: 28px; font-weight: 600; letter-spacing: -0.022em; line-height: 1.2; margin: 1.5rem 0 1rem; color: #f5f5f5; }
  .help-prose h2 { font-size: 20px; font-weight: 600; letter-spacing: -0.019em; line-height: 1.3; margin: 1.75rem 0 0.75rem; color: #e5e5e5; border-top: 1px solid rgba(255,255,255,0.06); padding-top: 1.5rem; }
  .help-prose h3 { font-size: 16px; font-weight: 600; line-height: 1.35; margin: 1.25rem 0 0.5rem; color: #d4d4d4; }
  .help-prose p, .help-prose ul, .help-prose ol { margin: 0.75rem 0; line-height: 1.65; }
  .help-prose ul, .help-prose ol { padding-left: 1.5rem; }
  .help-prose ul li { list-style: disc; }
  .help-prose ol li { list-style: decimal; }
  .help-prose a { color: #5994ff; text-decoration: underline; text-underline-offset: 2px; }
  .help-prose a:hover { color: #8eb8ff; }
  .help-prose code { font-family: "Geist Mono", ui-monospace, monospace; font-size: 12.5px; background-color: rgba(255,255,255,0.06); padding: 1px 6px; border-radius: 4px; color: #f5f5f5; }
  .help-prose pre { background-color: rgba(255,255,255,0.04); border: 1px solid rgba(255,255,255,0.06); border-radius: 8px; padding: 12px 16px; overflow-x: auto; margin: 1rem 0; }
  .help-prose pre code { background-color: transparent; padding: 0; font-size: 12px; }
  .help-prose blockquote { border-left: 2px solid rgba(255,255,255,0.16); padding-left: 1rem; color: #a3a3a3; margin: 1rem 0; }
  .help-prose table { width: 100%; border-collapse: collapse; margin: 1rem 0; font-size: 13px; }
  .help-prose th, .help-prose td { border: 1px solid rgba(255,255,255,0.08); padding: 8px 12px; text-align: left; }
  .help-prose th { background-color: rgba(255,255,255,0.03); font-weight: 500; }
  .help-prose hr { border: 0; border-top: 1px solid rgba(255,255,255,0.08); margin: 1.5rem 0; }
  html.theme-light .help-prose h1 { color: #171717; }
  html.theme-light .help-prose h2 { color: #262626; border-top-color: rgba(0,0,0,0.08); }
  html.theme-light .help-prose h3 { color: #404040; }
  html.theme-light .help-prose code { background-color: rgba(0,0,0,0.04); color: #171717; }
  html.theme-light .help-prose pre { background-color: rgba(0,0,0,0.03); border-color: rgba(0,0,0,0.08); }
</style>
{% endblock %}

{% block content %}
{% from 'admin/components/ui.html' import page_header, card %}

{{ page_header(
  title,
  eyebrow='Help',
  actions=[{'label':'All docs','href':'/admin/help','kind':'secondary','icon':'arrow-left'}]
) }}

{% call card(kind='roomy') %}
  <div class="help-prose">{{ body|safe }}</div>
{% endcall %}
{% endblock %}