/* The add-on format page only: code blocks and tables, in the site's own tokens (site.css). */
.addon-format pre { margin: 12px 0 0; padding: 14px 16px; overflow-x: auto; border-radius: var(--r-card);
                    background: var(--ground-low); border: 1px solid rgba(239, 230, 216, 0.08); }
.addon-format pre code { padding: 0; background: none; font-size: 0.86rem; line-height: 1.5; white-space: pre; }
.addon-format .table-scroll { margin-top: 12px; overflow-x: auto; }
.addon-format table { width: 100%; border-collapse: collapse; font-size: 0.92rem; color: var(--ivory-secondary); }
.addon-format th, .addon-format td { padding: 8px 10px; text-align: left; vertical-align: top;
                                     border-bottom: 1px solid rgba(239, 230, 216, 0.10); }
.addon-format th { color: var(--ivory); font-weight: 600; background: var(--ground-low); }
.addon-format p code, .addon-format li code, .addon-format td code, .addon-format th code { overflow-wrap: anywhere; }
.addon-format .toc li { padding-left: 4px; }
.addon-format .message.warning p { margin: 0; }
.addon-format h3 { margin-top: 28px; }