/* Systems Detective (/cherokee/detective): light dossier surfaces from /aircraft/dossier.css for the case file, the
   result and the method; one dark panel for the investigation board. Tokens from /style.css. */
.detective-page .symptoms{margin:0;padding-left:20px;font-size:16px;line-height:1.7;color:#2f3e4a}
.detective-page .symptoms li+li{margin-top:6px}
.detective-page .plain-note{margin-top:22px}
.detective-page .challenge-done{margin-top:18px}

/* ---------- the board (dark) ---------- */
.det-panel{background:var(--navy);color:#eef2f5;padding:54px 7% 58px}
.det-panel .eyebrow{color:#bdcbd8;margin-bottom:14px}
.det-panel .section-top{margin-bottom:24px}
.det-panel .meta{color:#bdcbd8}
.det-panel h2{color:#fff}
.det-panel h2 em{color:#a4b8c8}
.det-panel .lede{color:#d5dee6}
.det-panel h3{font-size:22px;color:#fff;margin-bottom:12px}
.control-help{font-size:12.5px;line-height:1.6;color:#c4d0da;margin:0 0 12px}
.control-help.warn{color:#f0c9a4;margin-top:14px}
.board{margin-top:26px;display:grid;gap:18px}
.inv-status{display:flex;flex-wrap:wrap;gap:8px 26px;padding:12px 18px;background:#132230;border:1px solid #2b3d4f;font-size:13px;font-weight:650;letter-spacing:.04em}
.inv-status[data-state=closed]{border-color:#7fc8a9}
.inv-status #inv-state{color:#7fc8a9;text-transform:uppercase;letter-spacing:.12em;font-size:12px}
.board-grid{display:grid;grid-template-columns:1.1fr 1fr 1.1fr;gap:18px;align-items:start}
.board-col{padding:18px 18px 20px;background:#132230;border:1px solid #2b3d4f;min-width:0}
.det-panel .dossier-button{background:#0b1520;color:#eef2f5;border-color:#4a5d70;display:inline-flex;align-items:center;gap:8px}
.det-panel .dossier-button small{font-size:11px;font-weight:500;color:#bdcbd8}
.det-panel .dossier-button:hover{border-color:#e0a072}
.det-panel .dossier-button.is-selected{background:#e0a072;color:#101c29;border-color:#e0a072}
.det-panel .dossier-button.is-selected small{color:#3b2312}
.det-panel .dossier-button:disabled{opacity:.45}
.det-panel .text-link{color:#eef2f5;min-height:44px;display:inline-flex;align-items:center;border-bottom:1px solid #6f8496;font-size:13.5px;font-weight:650;padding:4px 0}
.det-panel .text-link:hover{color:#e0a072;border-color:#e0a072}
.det-panel button:focus-visible,.det-panel a:focus-visible,.det-panel [tabindex="-1"]:focus-visible{outline:3px solid #8fc4ea;outline-offset:3px}
.det-panel .chip.verified{background:#1f5a47;color:#e4f1ea}
.det-panel .chip.unverified{background:#2b3d4f;color:#eef2f5;border:0}
.det-panel .chip.illustrative{background:#7a3d12;color:#fbe9dd}

.obs-group+.obs-group{margin-top:16px}
.obs-group .eyebrow{margin-bottom:8px;font-size:11px}
.obs{padding:12px 0;border-top:1px solid #2b3d4f;display:grid;gap:8px}
.obs-head{display:flex;justify-content:space-between;gap:12px;align-items:center;flex-wrap:wrap}
.obs-label{font-size:14.5px;line-height:1.5;color:#eef2f5;flex:1 1 180px}
.obs-value{margin:0;padding:10px 12px;background:#0b1520;border-left:3px solid #7fc8a9;font-size:14px;line-height:1.6;color:#eef2f5}
.obs.is-observed .obs-label{color:#bdcbd8}

.comp{padding:8px 0;border-top:1px solid #2b3d4f}
.comp-head{display:flex;justify-content:space-between;gap:10px;align-items:center}
.comp-toggle{min-height:44px;flex:1;display:flex;justify-content:space-between;align-items:center;gap:10px;padding:6px 0;text-align:left;font-size:14.5px;font-weight:650;color:#eef2f5}
.comp-toggle span{color:#e0a072;font-size:20px;font-weight:300}
.comp-note{display:grid;gap:8px;padding:4px 0 12px}
.comp-note p{margin:0;font-size:13.5px;line-height:1.65;color:#d5dee6}
.comp-sources{font-size:12px!important;color:#bdcbd8!important}

.hyp{padding:14px 0;border-top:1px solid #2b3d4f;display:grid;gap:8px}
.hyp-head{display:flex;justify-content:space-between;gap:10px;align-items:center;flex-wrap:wrap}
.hyp-head strong{font-family:var(--serif);font-weight:400;font-size:20px;line-height:1.2;color:#fff}
.hyp p{margin:0;font-size:13.5px;line-height:1.6;color:#d5dee6}
.hyp-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.hyp-confirm{display:flex;flex-wrap:wrap;gap:8px 14px;align-items:center}
.verdict{margin-top:14px;padding:14px 16px;background:#0b1520;border-left:3px solid #e0a072;font-size:14px;line-height:1.65;color:#eef2f5}
.verdict .eyebrow{margin-bottom:6px;font-size:11px;color:#f0c9a4}
.verdict p{margin:0}

/* ---------- the result (light) ---------- */
.outcome[data-outcome=supported]{color:var(--green)}
.outcome[data-outcome=contradicted]{color:var(--red)}
.outcome[data-outcome=unresolved]{color:var(--copper)}
.result-grid{margin-top:30px}
.result-evidence{display:grid;gap:18px}
.ev-block{padding:16px 18px;background:#fff;border:1px solid var(--line)}
.ev-block .eyebrow{margin-bottom:8px;font-size:11px}
.ev-block ul{margin:0;padding-left:18px;font-size:14px;line-height:1.6;color:#2f3e4a}
.ev-block li+li{margin-top:8px}
.ev-block .small-note{color:#4f5e68}
.result-record{max-width:860px}
.detective-page .result-record p{margin-top:0}
.detective-page .result-record .share-line{margin-top:10px}
.detective-page code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.92em;background:#eef2f5;padding:1px 5px}

/* ---------- responsive ---------- */
@media(max-width:1100px){.det-panel{padding-inline:5%}.board-grid{grid-template-columns:1fr 1fr}.board-col:last-child{grid-column:1/-1}}
@media(max-width:800px){.det-panel{padding:44px 6% 48px}.board-grid{grid-template-columns:1fr}.board-col:last-child{grid-column:auto}.inv-status{gap:6px 18px}}
@media(max-width:480px){.hyp-actions .dossier-button,.obs-request{width:100%;justify-content:space-between}}