/* Shared styling for anything rendered through markdown.js's renderMarkdownHTML.
         Every consumer (dashboard log lines, user input bubbles, reasoning group,
         config's schedule-details popup, ...) wraps its output in an element carrying
         this class, so markdown content looks and behaves identically everywhere
         instead of each page maintaining its own copy of these rules. */
      .md-render .md-h1, .md-render .md-h2, .md-render .md-h3,
      .md-render .md-h4, .md-render .md-h5, .md-render .md-h6 {
        display: block; font-weight: 700; padding: 1rem 0 0.5rem;
        font-family: "Inter", sans-serif;
      }
      .md-render .md-h1 { font-size: 20px; }
      .md-render .md-h2 { font-size: 17px; }
      .md-render .md-h3 { font-size: 15px; }
      .md-render .md-h4 { font-size: 13.5px; }
      .md-render .md-h5 { font-size: 12.5px; }
      .md-render .md-h6 { font-size: 12px; }
      .md-render .md-bold { color: var(--ink); font-weight: 700; }
      .md-render .md-line { display: block; line-height: 1.7; }
      .md-render blockquote.md-quote {
        display: block; margin: 4px 0; padding: 2px 0 2px 10px;
        border-left: 3px solid var(--accent); color: var(--mute);
      }
      .md-render hr { border: none; border-top: 1px solid var(--line); margin: 10px 0; }
      .md-render .md-link { color: var(--accent); text-decoration: none; }
      .md-render .md-link:hover { text-decoration: underline; }
      .md-render .md-file-img { max-width: 100%; max-height: 320px; border-radius: 4px; margin-top: 4px; }
      /* wide tables scroll horizontally inside their own container, never the page */
      .md-render .md-table-wrap { overflow-x: auto; max-width: 100%; margin: 4px 0; }
      .md-render table.md-table {
        border-collapse: collapse; white-space: normal;
        width: max-content; max-width: none; font-family: inherit; font-size: inherit;
      }
      .md-render table.md-table th, .md-render table.md-table td {
        border: 1px solid var(--line); padding: 3px 10px; text-align: left; color: var(--ink);
      }
      .md-render table.md-table th { font-weight: 700; }
      .md-render table.md-table tbody tr:nth-child(2n-1) { background: var(--surface); }
      .md-render ul.md-list, .md-render ol.md-list {
        display: block; margin: 4px 0; padding-left: 1.6em; white-space: normal;
      }
      .md-render ul.md-list { list-style: disc; }
      .md-render ol.md-list { list-style: decimal; }
      .md-render .md-list li { padding: 1px 0; overflow-wrap: anywhere; }
      .md-render pre.md-code {
        display: block; margin: 6px 0; padding: 8px 12px;
        background: var(--surface-2); border: 1px solid var(--line); border-radius: 6px;
        overflow-x: auto; white-space: pre;
        font-family: "JetBrains Mono", monospace; font-size: 12px; color: var(--ink);
      }
      .md-render code {
        background: var(--surface-2); border: 1px solid var(--line); border-radius: 3px;
        padding: 1px 4px; font-family: "JetBrains Mono", monospace; font-size: 0.92em;
      }
      .md-render pre.md-code code { background: none; border: none; padding: 0; font-size: inherit; }