:root { color-scheme: light; font-family: ui-sans-serif, system-ui, sans-serif; color: #17202a; }
body { margin: 0 auto; max-width: 86rem; padding: 1.25rem; line-height: 1.45; background: #faf9f6; }
a { color: #174f75; }
header { display: flex; align-items: center; justify-content: space-between; gap: 1rem; }
.mode-badge { display: inline-block; padding: .35rem .7rem; font-weight: 800; text-transform: uppercase; }
.mode-badge--fake { color: #123; background: #9de1ff; border: 2px solid #26708d; }
.mode-badge--real { color: white; background: #9b1828; border: 4px solid #ffbf00; }
.mode-badge--mixed { color: #302100; background: #ffd76a; border: 3px solid #6d4a00; }
.overview-thing, section, article, details { background: white; border: 1px solid #d8d6cf; border-radius: .35rem; padding: 1rem; margin: 1rem 0; }
.stage-strip { display: grid; grid-template-columns: repeat(auto-fit, minmax(13rem, 1fr)); gap: .65rem; }
.stage { border-left: .45rem solid #778; padding: .65rem; background: #f4f4f2; }
.stage--stored { border-color: #287a55; }
.stage--not_passed { border-color: #bd8015; background: #fff2cf; }
.stage--ineligible { border-color: #bd8015; background: #fff2cf; }
.stage--crashed { border-color: #b2172c; background: #fff0f2; }
.stage--not_run { border-color: #776c58; background: #eeeae1; }
.stage--running { border-color: #26708d; }
.diagnostic { background: #fff2cf; border-color: #bd8015; }
.withheld-thinking { background: #f4e9f7; border-color: #785087; }
.placement { padding: .75rem; border-left: .5rem solid #778; }
.output-marks { letter-spacing: .02em; }
.item-payload dt { font-weight: 700; }
.item-payload dd { margin-bottom: .65rem; }
.annotation-context { border-style: dashed; }
.uncertainty--incomplete { border-left: .5rem solid #b2172c; }
.uncertainty--degraded { border-left: .5rem solid #cf7610; }
.uncertainty--caveats { border-left: .5rem solid #c5a113; }
table { width: 100%; border-collapse: collapse; background: white; }
th, td { vertical-align: top; border: 1px solid #cbc9c1; padding: .55rem; }
pre, .source { white-space: pre-wrap; overflow-wrap: anywhere; background: #f4f3ef; padding: 1rem; }
.source-span { background: #e4e7e9; scroll-margin-top: 2rem; }
.source-span--clicked { background: #ffd86a; outline: 3px solid #8b5d00; }
.not-citable { background: #fff0f2; border: 2px solid #9b1828; padding: .7rem; font-weight: 700; }
.evidence-number small { color: #5c5b57; font-weight: normal; }
label { display: block; margin: .7rem 0; }
input, select, textarea { display: block; width: min(100%, 48rem); padding: .45rem; }
button { padding: .55rem .9rem; }