/* Extra styles of the developer guide (index.html), on top of ../style.css. */
.guide h3 { margin: 16px 0 4px; font-size: 16px; }
.guide ul, .guide ol { padding-left: 22px; }
.guide li { margin-bottom: 6px; }
.guide code { font: 13px ui-monospace, Consolas, monospace; background: var(--soft); padding: 1px 4px; border-radius: 4px;
  overflow-wrap: anywhere; }
.guide pre { background: var(--soft); border: 1px solid var(--line); border-radius: 8px; padding: 12px; overflow-x: auto; }
.guide pre code { background: none; padding: 0; overflow-wrap: normal; }
.guide table { border-collapse: collapse; width: 100%; }
.guide th, .guide td { text-align: left; vertical-align: top; padding: 6px 8px; border-top: 1px solid var(--line); }
.guide th { width: 34%; font-weight: 600; }
.guide a { color: var(--accent); }
/* Wide tables scroll sideways on a phone instead of widening the page. */
.guide .scroll { overflow-x: auto; }
.guide table.fields th { width: auto; }
.guide table.fields th, .guide table.fields td { white-space: normal; }
/* The download button of the AI-assistant guide, in the accent colour. */
.guide a.button { background: var(--accent); color: var(--accent-fg); border-color: var(--accent); }