#view-meridian { padding: 1.5rem; max-width: 1500px; margin: auto; }
#view-meridian .meridian-header, #view-meridian .meridian-controls { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 1rem; margin-bottom: 1.5rem; }
#view-meridian h1 { margin: 0 0 .5rem; }
#view-meridian p { line-height: 1.6; }
#view-meridian button, #view-meridian select { font: inherit; color: inherit; background: var(--surface, #161b24); border: 1px solid var(--border, #465063); border-radius: .5rem; padding: .65rem .85rem; cursor: pointer; }
#view-meridian button:focus-visible, #view-meridian select:focus-visible { outline: 2px solid var(--accent, #7499ed); outline-offset: 2px; }
#view-meridian .meridian-layout { display: grid; grid-template-columns: minmax(220px, 1fr) minmax(0, 2fr); gap: 1.5rem; }
#view-meridian .meridian-run { display: flex; flex-direction: column; align-items: flex-start; gap: .5rem; width: 100%; margin-bottom: .75rem; text-align: left; overflow-wrap: anywhere; }
#view-meridian .meridian-run[aria-pressed="true"] { border-color: var(--accent, #7499ed); }
#view-meridian article { min-width: 0; overflow-wrap: anywhere; }
#view-meridian .meridian-notice { padding: .75rem 1rem; background: var(--surface, #161b24); }
#view-meridian .meridian-facts { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; }
#view-meridian dt { opacity: .7; font-size: .85rem; margin-bottom: .35rem; }
#view-meridian dd { margin: 0; overflow-wrap: anywhere; }
#view-meridian .meridian-list-hint { font-size: .85rem; opacity: .7; }
#view-meridian .meridian-run-list { max-height: min(32rem, 60vh); overflow-y: auto; border: 1px solid var(--border, #465063); border-radius: .5rem; padding: .5rem; margin-bottom: .75rem; }
@media (max-width: 680px) {
  #view-meridian { padding: 1rem; }
  #view-meridian .meridian-layout, #view-meridian .meridian-facts { grid-template-columns: 1fr; }
  #view-meridian .meridian-run-list { max-height: 17rem; }
}
#view-meridian .meridian-events { max-height: 28rem; overflow-y: auto; padding-left: 1.5rem; line-height: 1.6; }
#view-meridian .meridian-events li { margin-bottom: .6rem; }
#view-meridian .meridian-events time { opacity: .7; }

#view-meridian .meridian-artifact { border: 1px solid var(--border, #465063); border-radius: .5rem; padding: .85rem; margin-bottom: .8rem; min-width: 0; }
#view-meridian .meridian-preview { white-space: pre-wrap; overflow-wrap: anywhere; max-height: 28rem; overflow: auto; padding: 1rem; background: var(--surface, #161b24); font-size: .85rem; line-height: 1.6; }

#view-meridian .meridian-panel { border-top: 1px solid var(--border, #465063); margin-top: 1.5rem; padding: 1rem 0; }
#view-meridian .meridian-selected { opacity: .7; font-size: .85rem; overflow-wrap: anywhere; }
#view-meridian h2 { text-transform: none; margin-bottom: .4rem; }
#view-meridian .meridian-tabs, #view-meridian .meridian-content-controls { display: flex; flex-wrap: wrap; gap: .6rem; margin: 1rem 0; }
#view-meridian .meridian-tabs [aria-pressed="true"] { border-color: var(--accent, #7499ed); font-weight: bold; }
#view-meridian .meridian-comparison-columns { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; }
#view-meridian .meridian-comparison-arm { min-width: 0; border: 1px solid var(--border, #465063); border-radius: .5rem; padding: 1rem; }
#view-meridian .meridian-artifact-picker { display: flex; flex-direction: column; gap: .5rem; margin: 1rem 0; }
#view-meridian .meridian-artifact-picker select { width: 100%; min-width: 0; }
@media (max-width: 1000px) {
  #view-meridian .meridian-comparison-columns { grid-template-columns: 1fr; }
}
#view-meridian .meridian-layout.meridian-reading { grid-template-columns: minmax(0, 1fr); gap: .5rem; }
#view-meridian .meridian-reading .meridian-panel { margin: .5rem 0; padding: .25rem 0; }
#view-meridian .meridian-comparison-arm > h3 { margin: 0 0 .5rem; }
#view-meridian .meridian-comparison-arm > p { margin: .35rem 0; }
#view-meridian .meridian-field-scroll { overflow-x: auto; }
#view-meridian .meridian-field-table { width: 100%; border-collapse: collapse; text-align: left; }
#view-meridian .meridian-field-table th, #view-meridian .meridian-field-table td { padding: .65rem; border-bottom: 1px solid var(--border, #465063); }
#view-meridian .meridian-field-table small { display: block; font-weight: normal; }
#view-meridian .meridian-field-changed { background: var(--surface, #161b24); }

.meridian-review { margin-top: 1.5rem; padding: 1rem; border: 1px solid var(--border, #303844); border-radius: 8px; }
.meridian-review label { display: block; margin: .75rem 0; }
.meridian-review select, .meridian-review textarea { display: block; width: 100%; max-width: 100%; box-sizing: border-box; margin-top: .35rem; }
.meridian-review textarea { resize: vertical; min-height: 6rem; color: inherit; background: var(--bg, #111827); border: 1px solid var(--border, #303844); padding: .6rem; }
.meridian-review-note { white-space: pre-wrap; overflow-wrap: anywhere; }

/* Results stay visible; diagnostics have their own tab, without disclosure trees. */
#view-meridian .meridian-list-heading { font-size: .9rem; }
#view-meridian .meridian-server { padding: 1rem 1.2rem; margin-bottom: 1.2rem; border: 1px solid var(--border, #465063); border-radius: .75rem; background: var(--surface, #161b24); }
#view-meridian .meridian-server h2 { font-size: 1rem; margin: 0; }
#view-meridian .meridian-server p { margin: .3rem 0; font-size: .8rem; }
#view-meridian .meridian-server-metrics { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 1rem; margin: .8rem 0; }
#view-meridian .meridian-server dd { font-weight: 600; }
#view-meridian .meridian-validation-present { color: var(--bull-text, var(--text)); }
#view-meridian .meridian-validation-invalid, #view-meridian .meridian-validation-missing { color: var(--bear-text, var(--text)); }
#view-meridian .meridian-empty { border: 1px solid var(--border, #465063); padding: 1.2rem; border-radius: .65rem; }
#view-meridian .meridian-output-table { min-width: 32rem; }
#view-meridian .meridian-output-table th, #view-meridian .meridian-output-table td { padding: .45rem .6rem; font-size: .85rem; overflow-wrap: normal; word-break: normal; }
#view-meridian .meridian-output-table button { padding: .3rem .55rem; }
#view-meridian .meridian-output-table small { display: block; font-size: .75rem; line-height: 1.4; }
@media (max-width: 1000px) { #view-meridian .meridian-server-metrics { grid-template-columns: repeat(2, minmax(0, 1fr)); } }

/* Compact overview keeps the saved result close to the checks. */
#view-meridian .meridian-header, #view-meridian .meridian-controls { margin-bottom: .5rem; gap: .5rem; }
#view-meridian .meridian-header h1 { font-size: 1.35rem; margin: 0; }
#view-meridian .meridian-server { padding: .6rem .8rem; margin-bottom: .5rem; }
#view-meridian .meridian-server-metrics { margin: .4rem 0; gap: .6rem; }
#view-meridian .meridian-tabs, #view-meridian .meridian-content-controls { margin: .5rem 0; gap: .4rem; }
#view-meridian .meridian-run-summary p, #view-meridian .meridian-result-intro { margin: .2rem 0; font-size: .8rem; }
#view-meridian .meridian-output-checks h3 { margin: .6rem 0 .2rem; font-size: 1rem; }
#view-meridian .meridian-output-checks .meridian-list-hint { margin: .2rem 0; }
#view-meridian .meridian-output-toolbar { display: flex; gap: .3rem .6rem; align-items: center; flex-wrap: wrap; margin: .4rem 0 .2rem; scroll-margin-top: 5rem; }
#view-meridian .meridian-output-toolbar .meridian-artifact-picker { flex: 1 1 220px; flex-direction: row; align-items: center; gap: .4rem; margin: 0; font-size: .8rem; white-space: nowrap; }
#view-meridian .meridian-output-toolbar select { padding: .25rem .45rem; font-size: .82rem; }
#view-meridian .meridian-output-toolbar .meridian-content-controls { margin: 0; gap: 0; }
#view-meridian .meridian-output-toolbar button { padding: .25rem .6rem; font-size: .8rem; }
#view-meridian .meridian-output-toolbar .meridian-content-controls button:first-child { border-radius: .4rem 0 0 .4rem; }
#view-meridian .meridian-output-toolbar .meridian-content-controls button:last-child { border-radius: 0 .4rem .4rem 0; border-left: 0; }
#view-meridian .meridian-output-toolbar [aria-pressed="true"] { border-color: var(--accent, #7499ed); font-weight: 600; }
/* One artifact: its name as the heading and Readable/Raw as a segmented control on the right. */
#view-meridian .meridian-output-title { flex: 1 1 auto; margin: 0; font-size: 1rem; }
#view-meridian .meridian-output-toolbar .meridian-segmented { margin-left: auto; }
#view-meridian .meridian-segmented [aria-pressed="true"] { background: var(--text, #e6edf3); color: var(--bg, #111827); border-color: var(--text, #e6edf3); }
#view-meridian .meridian-difference-nav { margin: .2rem 0; }
#view-meridian .meridian-section-verdict { margin: .2rem 0 .3rem; }
#view-meridian .meridian-readable { max-height: 32rem; overflow: auto; overflow-wrap: anywhere; line-height: 1.65; padding: .5rem; }
#view-meridian .meridian-readable pre { white-space: pre-wrap; overflow-wrap: anywhere; }
#view-meridian .meridian-content-controls + [role=status] { font-size: .75rem; opacity: .7; }

#view-meridian .meridian-comparison-status { margin: .2rem 0; font-size: .75rem; opacity: .85; }
#view-meridian .meridian-comparison-status button { padding: .15rem .4rem; font-size: inherit; }

#view-meridian .meridian-regeneration { border: 1px solid var(--border, #465063); border-radius: .65rem; padding: .8rem; margin: .6rem 0; }
#view-meridian .meridian-regeneration-heading { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: .65rem; }
#view-meridian .meridian-regeneration h2 { font-size: 1rem; margin: 0; }
#view-meridian .meridian-regeneration p { font-size: .8rem; margin: .4rem 0; }
#view-meridian .meridian-regeneration label { display: flex; flex-wrap: wrap; align-items: center; gap: .5rem; font-size: .8rem; }
#view-meridian .meridian-regeneration-actions { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .8rem; margin: .7rem 0; }
#view-meridian .meridian-regeneration-actions button { width: 100%; text-align: left; }
#view-meridian button:disabled, #view-meridian select:disabled { cursor: not-allowed; opacity: .6; }
@media (max-width: 680px) { #view-meridian .meridian-regeneration-actions { grid-template-columns: 1fr; gap: .4rem; } }

#view-meridian .meridian-attempt-history { display: flex; flex-wrap: wrap; align-items: center; gap: .6rem; margin: .6rem 0; font-size: .8rem; }
#view-meridian .meridian-attempt-history label { display: flex; flex-wrap: wrap; align-items: center; gap: .5rem; min-width: 0; max-width: 100%; }
#view-meridian .meridian-attempt-history select { min-width: 0; max-width: 100%; }
#view-meridian .meridian-attempt-history p { flex-basis: 100%; margin: 0; }

/* A single labelled history chooser replaces clipped technical run cards. */
#view-meridian .meridian-generation-history { min-width: 0; margin: .6rem 0; }
#view-meridian .meridian-generation-history label { display: grid; gap: .4rem; font-size: .95rem; }
#view-meridian .meridian-generation-history select { width: 100%; min-width: 0; max-width: 100%; font-size: 1rem; }
#view-meridian .meridian-history-navigation { display: flex; flex-wrap: wrap; gap: .5rem; margin-top: .4rem; }
#view-meridian .meridian-history-navigation:empty { display: none; }
#view-meridian .meridian-generation-heading { margin: .8rem 0 .6rem; }
#view-meridian .meridian-generation-heading h2 { margin: 0 0 .35rem; font-size: 1.3rem; }
#view-meridian .meridian-generation-heading p { margin: 0; font-size: .95rem; overflow-wrap: anywhere; }

#view-meridian .meridian-row-time { font-variant-numeric: tabular-nums; min-width: 11rem; }
#view-meridian .meridian-row-actions { display: flex; flex-wrap: wrap; gap: .4rem; }
#view-meridian .meridian-row-actions button { min-height: 2.5rem; }

/* Reading panes size to their text up to a cap; the subgrid keeps both headers and bodies level. */
#view-meridian .meridian-output-columns { grid-template-rows: auto auto auto; gap: .25rem .6rem; }
#view-meridian .meridian-output-columns > .meridian-comparison-arm { display: grid; grid-template-rows: subgrid; grid-row: span 3; align-content: start; padding: .4rem .55rem; }
#view-meridian .meridian-output-columns .meridian-output-body { max-height: min(36rem, 70vh); min-height: 0; box-sizing: border-box; overflow: auto; margin: 0; }
#view-meridian .meridian-output-columns footer { display: flex; flex-wrap: wrap; align-items: center; gap: .4rem; font-size: .75rem; opacity: .85; }
#view-meridian .meridian-output-columns footer > p { margin: 0; }
#view-meridian .meridian-output-columns footer .meridian-content-controls { margin: 0; }
#view-meridian .meridian-output-columns footer button { padding: .15rem .5rem; font-size: .75rem; }
@media (max-width: 1000px) {
  #view-meridian .meridian-output-columns { grid-template-rows: none; }
  #view-meridian .meridian-output-columns > .meridian-comparison-arm { grid-template-rows: none; grid-row: auto; }
}
/* One-line arm header: label, time, unusual state, small Copy/Download; status text only when there is one. */
#view-meridian .meridian-output-header { display: flex; flex-wrap: wrap; align-items: baseline; gap: .1rem .5rem; min-width: 0; }
#view-meridian .meridian-output-header > h3 { margin: 0; font-size: .9rem; }
#view-meridian .meridian-output-meta { font-size: .75rem; opacity: .7; }
#view-meridian .meridian-output-actions { display: flex; align-items: center; gap: .3rem; margin-left: auto; }
#view-meridian .meridian-output-actions button { padding: .1rem .5rem; font-size: .75rem; border-radius: .35rem; }
#view-meridian button.meridian-link-button { border: 0; background: none; padding: 0 .1rem; color: var(--accent, #7499ed); font-size: .78rem; }
#view-meridian button.meridian-link-button:hover { text-decoration: underline; }
#view-meridian .meridian-diff-head-extra .meridian-output-meta { display: inline-block; margin-left: .5rem; }
#view-meridian .meridian-diff-head-extra .meridian-output-actions { display: inline-flex; margin-left: .5rem; }
#view-meridian .meridian-output-status { font-size: .72rem; opacity: .75; }
#view-meridian .meridian-output-status:empty { display: none; }
#view-meridian .meridian-output-header > p { flex-basis: 100%; margin: .1rem 0 0; font-size: .78rem; line-height: 1.4; }
#view-meridian .meridian-output-header > p.meridian-notice { padding: .25rem .5rem; }
/* Readable JSON on both sides: one aligned comparison, its column headers carrying time and Copy/Download. */
#view-meridian .meridian-output-combined { min-width: 0; margin-top: .3rem; }
#view-meridian .meridian-compare-identical { border-left-color: #15803d; }
#view-meridian .meridian-compare-material { border-left-color: var(--warn-text, #b7791f); }

/* Paired comparison first: plain source choice, one-line server status, component overview. */
#view-meridian .meridian-source { display: inline-flex; gap: 0; }
#view-meridian .meridian-source button { border-radius: 0; }
#view-meridian .meridian-source button:first-child { border-radius: .5rem 0 0 .5rem; }
#view-meridian .meridian-source button:last-child { border-radius: 0 .5rem .5rem 0; border-left: 0; }
#view-meridian .meridian-source [aria-pressed="true"] { border-color: var(--accent, #7499ed); font-weight: 600; }
#view-meridian .meridian-header .meridian-list-hint { margin: .2rem 0 0; }
#view-meridian .meridian-server-compact { padding: .45rem .8rem; }
#view-meridian .meridian-server-line { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: .5rem; }
#view-meridian .meridian-server-line p { margin: 0; font-size: .8rem; }
#view-meridian .meridian-server-line button { padding: .25rem .55rem; font-size: .8rem; }
#view-meridian .meridian-components h3 { margin: .8rem 0 .2rem; font-size: 1.05rem; }
#view-meridian .meridian-components-summary { margin: .2rem 0 .5rem; font-size: .9rem; }
#view-meridian .meridian-components-table { min-width: 40rem; }
#view-meridian .meridian-components-table th, #view-meridian .meridian-components-table td { padding: .5rem .6rem; font-size: .88rem; vertical-align: top; }
#view-meridian .meridian-components-table small { display: block; font-size: .75rem; opacity: .8; line-height: 1.4; margin-top: .15rem; }
#view-meridian .meridian-components-table button { padding: .3rem .65rem; white-space: nowrap; }
#view-meridian .meridian-component-open { background: var(--surface, #161b24); }
#view-meridian .meridian-components-actions { margin: .5rem 0 1rem; }
#view-meridian .meridian-components-actions button { min-height: 0; padding: .35rem .65rem; font-size: .82rem; }
#view-meridian .meridian-state-same { color: var(--bull-text, var(--text)); }
#view-meridian .meridian-state-differs { color: var(--warn-text, #b7791f); }
#view-meridian .meridian-state-missing { color: var(--bear-text, var(--text)); }
#view-meridian .meridian-difference-nav { align-items: center; font-size: .85rem; }
#view-meridian .meridian-difference-nav button { padding: .3rem .6rem; }
#view-meridian .meridian-sr { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }

/* Scoreboard and verdicts: who wrote the better analysis, at a glance. */
#view-meridian { --meridian-side: #6d4fc2; --meridian-api: #c2410c; --meridian-equal: #8a8f98; }
#view-meridian .meridian-scoreboard { margin: .8rem 0 1.4rem; }
#view-meridian .meridian-scoreboard h3 { margin: 0 0 .2rem; font-size: 1.15rem; }
#view-meridian .meridian-scoreboard > .meridian-list-hint { margin: 0 0 .7rem; }
#view-meridian .meridian-score-cards { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: .8rem; margin-bottom: 1rem; }
#view-meridian .meridian-score-card { border: 1px solid var(--border, #465063); border-radius: .65rem; padding: .75rem .9rem; background: var(--surface, #161b24); }
#view-meridian .meridian-score-card h4 { margin: 0 0 .45rem; font-size: .78rem; text-transform: uppercase; letter-spacing: .04em; opacity: .75; }
#view-meridian .meridian-score-card p { margin: .2rem 0; font-size: .95rem; }
#view-meridian .meridian-score-card small { display: block; font-size: .78rem; opacity: .8; line-height: 1.4; }
#view-meridian .meridian-score-bar { display: flex; height: .6rem; border-radius: .3rem; overflow: hidden; background: var(--border, #465063); margin: .2rem 0 .5rem; }
#view-meridian .meridian-score-bar > span { display: block; }
#view-meridian .meridian-side-meridian { background: var(--meridian-side); }
#view-meridian .meridian-side-claude_api { background: var(--meridian-api); }
#view-meridian .meridian-side-equal { background: var(--meridian-equal); }
#view-meridian .meridian-score-table { margin-bottom: 1rem; min-width: 36rem; }
#view-meridian .meridian-score-table caption { text-align: left; font-weight: 600; padding: .3rem 0; }
#view-meridian .meridian-score-table th, #view-meridian .meridian-score-table td { padding: .45rem .6rem; font-size: .86rem; vertical-align: top; }
#view-meridian .meridian-score-table small { display: block; font-size: .75rem; opacity: .8; }
#view-meridian .meridian-score-table button { padding: .25rem .6rem; font-size: .8rem; }
#view-meridian .meridian-badge { display: inline-block; padding: .1rem .5rem; border-radius: 999px; font-size: .78rem; font-weight: 600; color: #fff; white-space: nowrap; }
#view-meridian .meridian-badge.meridian-side-meridian { background: var(--meridian-side); }
#view-meridian .meridian-badge.meridian-side-claude_api { background: var(--meridian-api); }
#view-meridian .meridian-badge.meridian-side-equal { background: var(--meridian-equal); }
#view-meridian .meridian-align-aligned { background: #15803d; }
#view-meridian .meridian-align-partly { background: #b7791f; }
#view-meridian .meridian-align-different { background: #b91c1c; }
#view-meridian .meridian-components-table td small { display: block; }
#view-meridian .meridian-section-verdict { margin: .4rem 0 .6rem; padding: .5rem .75rem; border-left: 3px solid var(--accent, #7499ed); background: var(--surface, #161b24); font-size: .88rem; }
@media (max-width: 1000px) { #view-meridian .meridian-score-cards { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 680px) { #view-meridian .meridian-score-cards { grid-template-columns: 1fr; } }
#view-meridian .meridian-components-table { min-width: 58rem; }
#view-meridian .meridian-components-table thead th { white-space: nowrap; }
#view-meridian .meridian-components-table th[scope="row"] { min-width: 8rem; }
#view-meridian .meridian-components-table td:nth-child(2) { white-space: nowrap; }
#view-meridian .meridian-components-table td:nth-child(5), #view-meridian .meridian-components-table td:nth-child(6) { min-width: 7.5rem; }
#view-meridian .meridian-components-table td { overflow-wrap: normal; word-break: normal; }
#view-meridian .meridian-breakdown-row > td { padding: 0 0 .8rem 1.4rem; background: transparent; }
#view-meridian .meridian-breakdown-table { width: 100%; border-left: 3px solid var(--border, #465063); }
#view-meridian .meridian-breakdown-table caption { text-align: left; font-weight: 600; font-size: .85rem; padding: .4rem .6rem; }
#view-meridian .meridian-breakdown-table th, #view-meridian .meridian-breakdown-table td { padding: .3rem .6rem; font-size: .82rem; }
#view-meridian .meridian-breakdown-table td:nth-child(2), #view-meridian .meridian-breakdown-table td:nth-child(3) { font-variant-numeric: tabular-nums; white-space: nowrap; }
#view-meridian .meridian-breakdown-table button { padding: .15rem .5rem; font-size: .78rem; }
#view-meridian .meridian-entity-differs { background: var(--surface, #161b24); }
#view-meridian .meridian-server-compact p { margin: 0; font-size: .8rem; }

/* Runs live in a clickable sidebar beside the selected run. */
#view-meridian .meridian-layout.meridian-reading { grid-template-columns: minmax(15rem, 18rem) minmax(0, 1fr); gap: 1.4rem; align-items: start; }
#view-meridian .meridian-reading > aside { position: sticky; top: 1rem; max-height: calc(100vh - 2rem); overflow-y: auto; padding-right: .3rem; }
#view-meridian .meridian-generation-history h3 { margin: 0 0 .5rem; font-size: 1rem; }
#view-meridian .meridian-run-items { list-style: none; margin: 0; padding: 0; display: grid; gap: 1px; }
#view-meridian .meridian-run-item { display: block; width: 100%; text-align: left; padding: .28rem .5rem .3rem .6rem; border: 0; border-radius: .3rem; background: transparent; line-height: 1.3; }
#view-meridian .meridian-run-item:hover { background: var(--surface, #161b24); }
#view-meridian .meridian-run-line { display: flex; align-items: center; gap: .4rem; min-width: 0; }
#view-meridian .meridian-run-line strong { flex: 1 1 auto; min-width: 0; font-size: .84rem; font-weight: 600; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
#view-meridian .meridian-run-dot { flex: none; margin-left: auto; width: .5rem; height: .5rem; border-radius: 50%; background: currentColor; color: var(--meridian-equal, #8a8f98); }
#view-meridian .meridian-run-items-skipped .meridian-run-line strong { font-weight: 400; }
#view-meridian .meridian-run-item small { display: block; font-size: .72rem; opacity: .65; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
#view-meridian .meridian-run-item[aria-current="true"] { background: var(--surface, #161b24); box-shadow: inset 3px 0 0 var(--accent, #7499ed); }
#view-meridian .meridian-run-item[aria-current="true"] strong { color: var(--accent, #7499ed); }
#view-meridian .meridian-run-completed { color: #15803d; }
#view-meridian .meridian-run-running, #view-meridian .meridian-run-captured, #view-meridian .meridian-run-accepted, #view-meridian .meridian-run-preparing, #view-meridian .meridian-run-validating { color: #1d4ed8; }
#view-meridian .meridian-run-queued { color: #b45309; }
#view-meridian .meridian-run-incomplete, #view-meridian .meridian-run-failed { color: #b91c1c; }
#view-meridian .meridian-run-skipped-heading { margin: .6rem 0 .2rem; font-size: .72rem; opacity: .7; text-transform: uppercase; letter-spacing: .04em; }
#view-meridian .meridian-run-items-skipped .meridian-run-item { opacity: .6; }
#view-meridian .meridian-history-navigation button { width: 100%; margin-top: .4rem; padding: .3rem .6rem; font-size: .8rem; }
@media (max-width: 1000px) {
  #view-meridian .meridian-layout.meridian-reading { grid-template-columns: 1fr; }
  #view-meridian .meridian-reading > aside { position: static; max-height: 18rem; }
}

/* Readable JSON: labelled fields, flat record lists as tables, other records as cards. */
#view-meridian .meridian-json-view { font-size: .88rem; line-height: 1.5; }
#view-meridian .meridian-json-fields { margin: 0; display: grid; gap: .35rem; }
#view-meridian .meridian-json-fields > div { display: grid; grid-template-columns: minmax(6rem, 8rem) minmax(0, 1fr); gap: .75rem; }
/* Nested fields stack label over value, so a narrow column never wraps a value letter by letter. */
#view-meridian .meridian-json-nested > div { grid-template-columns: 1fr; gap: .05rem; }
#view-meridian .meridian-json-fields dt { font-weight: 600; opacity: .7; font-size: .78rem; margin: 0; }
#view-meridian .meridian-json-fields dd { margin: 0; min-width: 0; overflow-wrap: break-word; word-break: normal; }
#view-meridian .meridian-json-list { list-style: none; margin: .2rem 0; padding: 0; display: grid; gap: .5rem; }
#view-meridian .meridian-json-card { border: 1px solid var(--border, #465063); border-radius: .5rem; padding: .5rem .7rem; }
#view-meridian .meridian-json-card > h5 { margin: 0 0 .35rem; font-size: .9rem; }
#view-meridian .meridian-json-table { border-collapse: collapse; width: auto; min-width: 12rem; font-size: .84rem; }
#view-meridian .meridian-json-table th, #view-meridian .meridian-json-table td { padding: .2rem .7rem .2rem 0; text-align: left; white-space: nowrap; border-bottom: 1px solid var(--border, #465063); }
#view-meridian .meridian-json-table th { font-weight: 600; opacity: .7; font-size: .76rem; }
#view-meridian .meridian-json-bullets { margin: .1rem 0; padding-left: 1.1rem; }
#view-meridian .meridian-json-empty { opacity: .55; }