/* Fixtures: this app's own CSS. Loaded after css/app.css (a copy of local-apps-ui).
   Header colour, plus a little layout glue built only from kit tokens. */
:root { --app-header: #3a1c2b; }

/* Sample text: list card and output card side by side */
.bench { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: 16px; align-items: start; }
@media (max-width: 960px) { .bench { grid-template-columns: minmax(0, 1fr); } }
.bench .table { min-width: 0; }
.contains { border-bottom: 1px solid var(--border); }

.output-body { min-height: 360px; padding: 14px; overflow-x: auto; }
.output-code { margin: 0; font: 13px/1.6 var(--font-mono); white-space: pre-wrap; word-break: break-word; }
.table-footer .elements { margin-left: auto; font-family: var(--font-mono); }

/* Home: the tools table doesn't need the list min-width */
.tools .table { min-width: 0; }

/* Not in the kit's .prose yet: tables, task lists, strikethrough.
   Candidates to move into local-apps-ui. */
.prose table { border-collapse: collapse; margin: 10px 0; font-size: 13px; }
.prose th, .prose td { padding: 5px 10px; border: 1px solid var(--border-muted); text-align: left; vertical-align: top; }
.prose th { background: var(--surface-sunken); font-weight: 600; }
.prose li:has(> input[type="checkbox"]) { list-style: none; margin-left: -18px; }
.prose del { color: var(--text-muted); }