.botchat-page { gap: 18px; }
.botchat-header h2 { text-align: left; margin: 0 0 8px; color: #f1d58b; font-size: 1.5rem; }
.botchat-header p { margin: 0; color: #c3d0dc; line-height: 1.55; }
.botchat-syntax { display: flex; flex-wrap: wrap; align-items: baseline; gap: 8px 14px; margin-top: 12px; font-size: 0.82rem; }
.botchat-syntax code { color: #f1d58b; }
.botchat-syntax span { color: #9eb2c3; }
.botchat-context { margin-top: 10px; font-size: 0.83rem; }
.botchat-context summary { width: fit-content; color: #a5d4eb; cursor: pointer; }
.botchat-context p { margin-top: 8px; max-width: 100ch; }
.botchat-reference { min-width: 0; }
.botchat-page .command-search { gap: 6px; font-size: 0.85rem; }
.botchat-page .command-search input { padding: 10px 12px; }
.botchat-page .command-filters { display: flex; gap: 6px; margin: 12px 0 16px; }
.botchat-page .command-filter { padding: 7px 10px; font-size: 0.8rem; }
.botchat-page .command-results-heading h3 { font-size: 1rem; }
.botchat-table { width: 100%; border-collapse: collapse; table-layout: fixed; }
.botchat-table thead th { padding: 9px 12px; text-align: left; font-size: 0.76rem; color: #a9bccb; background: #152332; border-bottom: 1px solid #3c5061; }
.botchat-table thead th:first-child { width: 28%; }
.botchat-table thead th:nth-child(2) { width: 30%; }
.botchat-table tbody th, .botchat-table td { padding: 10px 12px; text-align: left; vertical-align: top; border-bottom: 1px solid #273949; font-size: 0.82rem; line-height: 1.45; }
.botchat-table tbody tr:nth-child(odd) { background: rgba(10, 21, 32, 0.55); }
.botchat-table tbody tr:hover { background: #142535; }
.botchat-command { display: flex; align-items: start; justify-content: space-between; gap: 8px; }
.botchat-command code { min-width: 0; color: #f1d58b; overflow-wrap: anywhere; }
.botchat-page .feature-copy-button { flex: 0 0 auto; width: auto; min-height: 30px; padding: 4px 8px; font-size: 0.72rem; }
.botchat-topic { display: block; margin-top: 3px; font-size: 0.69rem; font-weight: 400; color: #8fa8ba; }
.botchat-description { color: #e0e8ef; }
.botchat-requirements { color: #b0c2cf; }
.botchat-footer { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 10px; margin-top: 16px; color: #a1b7c7; font-size: 0.8rem; }

@media (max-width: 760px) {
  .botchat-header h2 { font-size: 1.3rem; }
  .botchat-page .command-filters { flex-wrap: nowrap; overflow-x: auto; padding-bottom: 8px; scrollbar-color: #587084 #102031; scrollbar-width: thin; }
  .botchat-page .command-filter { flex: 0 0 auto; white-space: nowrap; }
  .botchat-table thead { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); }
  .botchat-table tbody, .botchat-table tr { display: block; }
  .botchat-table tr { padding: 10px; border-bottom: 1px solid #344a5d; }
  .botchat-table tbody th, .botchat-table td { display: block; width: auto; padding: 0; border: 0; }
  .botchat-table .botchat-description { margin-top: 6px; }
  .botchat-table .botchat-requirements:not(:empty) { margin-top: 5px; font-size: 0.78rem; }
  .botchat-page .feature-copy-button { min-height: 44px; padding: 8px 12px; font-size: 0.8rem; }
}