/* bot/index.html page styles (were inline; the CSP allows no inline styles) */
    .bot-page {
      position: relative;
      z-index: 1;
      padding: calc(64px + var(--space-xl)) var(--space-md) var(--space-xl);
    }
    .bot-container {
      max-width: 760px;
      margin: 0 auto;
    }
    .bot-container h1 {
      font-size: clamp(1.8rem, 4vw, 2.4rem);
      margin-bottom: var(--space-md);
    }
    .bot-container h2 {
      font-size: 1.2rem;
      margin: var(--space-lg) 0 var(--space-sm);
    }
    .bot-container p,
    .bot-container li {
      color: var(--text-secondary);
      line-height: 1.7;
    }
    .bot-container ul {
      padding-left: 1.2rem;
      margin: var(--space-sm) 0;
    }
    .bot-container code,
    .bot-container pre {
      font-family: 'JetBrains Mono', monospace;
      font-size: 0.9rem;
      color: var(--text);
    }
    .bot-container pre {
      background: var(--surface);
      border: 1px solid var(--border);
      border-radius: var(--radius-lg);
      padding: var(--space-md);
      overflow-x: auto;
      margin: var(--space-sm) 0;
    }