/* SPDX-License-Identifier: Apache-2.0 */
/* Spec 725: the inspect page. No colour of its own, no motion: everything paints by the site's tokens. */
.inspect-page { max-width: 72rem; }
.inspect-page label { display: block; margin-block: 1rem; }
/* The body size: iOS zooms the page when a field under 16px takes focus. */
.inspect-page textarea { display: block; width: 100%; max-width: 100%; font-family: var(--mono); font-size: var(--t-body); padding: .75rem; }
.inspect-page input { font-size: var(--t-body); }
.inspect-page button { min-height: var(--touch); padding: .5rem 1rem; margin-block: .75rem; font: inherit; cursor: pointer; }
.inspect-page .drop-results-zone { cursor: pointer; }
.inspect-page pre { white-space: pre-wrap; overflow-wrap: anywhere; max-height: 32rem; overflow: auto; }
/* Inline: the newline between two lines is already in the text, so a block would add a blank line after each. */
.inspect-line { display: inline; }
.inspect-line:focus { outline: 2px solid currentColor; outline-offset: 1px; }
.inspect-line.is-pointed { text-decoration: underline; }
.inspect-escape { border: 1px solid currentColor; border-radius: var(--radius); }
.inspect-page table { width: 100%; max-width: 100%; table-layout: fixed; border-collapse: collapse; }
.inspect-page caption { text-align: start; margin-block: .5rem; }
.inspect-page th, .inspect-page td { text-align: start; vertical-align: top; padding: .25rem .5rem .25rem 0; overflow-wrap: anywhere; }
.inspect-page dt { margin-block-start: .75rem; }
.inspect-page dd { margin-inline-start: 0; font-family: var(--mono); overflow-wrap: anywhere; }
.inspect-page li[data-inspect-finding] { margin-block: .5rem; overflow-wrap: anywhere; }
.inspect-page li[data-inspect-finding] button { margin-block: 0; margin-inline-end: .5rem; }
.inspect-excerpt { font-family: var(--mono); }
.inspect-classes li { margin-block: .5rem; }