/* The analytical record, the investigation and the proposed service hand-offs. */
#inspect-analysis{width:100%;text-align:left;border-color:var(--accent);color:var(--accent);font-size:15px;margin:12px 0}
#brief-shortcut{font-size:14px;margin-top:12px}
.analysis-document,.investigation{padding:25px 28px;color:#1a3039;font-size:17px;line-height:1.6}
.analysis-document h2,.investigation h2{font:normal 30px/1.15 Georgia,serif;margin:0 0 15px;letter-spacing:-.02em}
.analysis-document h3,.investigation h3{font-size:19px;line-height:1.35;margin:25px 0 12px}
.analysis-document .eyebrow,.investigation .eyebrow{font-size:12px;letter-spacing:.1em;color:#456e73;margin:0 0 12px}
.analysis-document .evidence-note,.investigation .evidence-note{font-size:13px;line-height:1.5;color:#536d73}
.analysis-lead{font:normal 22px/1.45 Georgia,serif}.finding-list{padding:0;list-style:none;display:grid;gap:8px}.finding-list li{padding:12px;border-left:3px solid #558a86;background:#dfe6df}
.topic-parents{display:flex;flex-wrap:wrap;gap:8px}.topic-parents span{font-size:14px;padding:7px 10px;background:#d6dfdb;border:1px solid #9bafa9;border-radius:3px}
.lens-controls{display:flex;flex-wrap:wrap;gap:7px}.analysis-document button,.investigation button{background:#dde8e2;color:#163b45;border:1px solid #859f99;font-size:14px;padding:10px 13px}
.lens-controls button[aria-pressed=true]{background:#173c44;color:#f1f5ed}
#lens-result{padding:20px;margin:14px 0;border:1px solid #92aaa3;background:#edf0e7}
#lens-result p{margin:10px 0}#lens-result details{font-size:14px}#lens-result summary{cursor:pointer;color:#315c66}
.apo-lens{padding:20px;background:#dae7e4;border-left:3px solid #376e73;margin:28px 0}.apo-lens h3{margin-top:0}
#analysis-sources{display:grid;gap:8px}.investigate-from-topic{width:100%;margin:20px 0}
.investigation-controls{position:sticky;top:-1px;display:flex;flex-wrap:wrap;gap:8px;background:#eae6da;padding:12px 0;z-index:1;border-bottom:1px solid #a1b5ad}.investigation-controls span{font-size:13px;align-self:center;margin-left:auto;color:#496c72}
.log-person{margin:20px 0;padding:20px;border-left:3px solid #4d7974;background:#dce7df}.log-person small,.log-tool>small{font-size:12px;letter-spacing:.09em;color:#476b72}.log-person p{font:normal 22px/1.45 Georgia,serif;margin:10px 0 0}
.log-tool{border-bottom:1px solid #a7b5af;padding:22px 0}.log-tool h3{margin:8px 0 12px}.log-tool p{margin:10px 0}.log-tool ul{padding-left:20px;font-size:15px}.tool-call{display:flex;flex-wrap:wrap;gap:10px;padding:10px;background:#16343f;color:#d8e9df;font-size:13px}.tool-call code{font-size:14px;color:#b6e7cf}.tool-call>span:last-child{margin-left:auto;color:#afc9c2}.log-tool summary{font-size:14px;cursor:pointer;color:#426c75}.log-tool pre{white-space:pre-wrap;overflow-wrap:anywhere;font-size:13px;background:#dce4dd;padding:14px}.log-tool blockquote{font-size:15px;line-height:1.6;border-left:2px solid #648880;padding-left:15px;margin:15px 0;overflow-wrap:anywhere}.brief-ready{padding:16px;border:1px solid #668c7e;background:#dceadc}
body[data-stage="2"] #narrative h2{font-size:clamp(2.6rem,4.1vw,4.3rem);line-height:1.05}body[data-stage="2"] #narrative .intro{font-size:17px;line-height:1.55}
#preparation{margin-top:20px;border-top:1px solid #b8cdd33a;padding-top:18px}.preparation-tabs{display:grid;grid-template-columns:1fr 1fr;gap:7px}.preparation-tabs button{font-size:14px;line-height:1.35;text-align:left;padding:10px 12px}.preparation-tabs button[aria-pressed=true]{background:#23404a;border-color:#d3bf8b;color:#f1e6c9}#preparation-detail{font-size:16px;line-height:1.5;min-height:80px;color:#cfdddf}#preparation .caption{font-size:14px;line-height:1.5}
body[data-stage="6"] #narrative{width:31%;max-width:none}body[data-stage="6"] #narrative h2{font-size:clamp(2.5rem,4vw,4rem)}body[data-stage="6"] #narrative .intro{font-size:17px}
body[data-stage="6"] #architecture{display:block;left:39%;right:3%;width:auto;top:20%;bottom:120px;overflow:auto;scrollbar-width:thin}
.architecture-workbench{padding:22px;background:#0a1725eb;border:1px solid #849d9d50;border-radius:5px}.architecture-workbench>.eyebrow{font-size:12px;letter-spacing:.12em;color:#afc8ce}
.service-map{display:grid;grid-template-columns:1fr 35px 1fr 35px 1fr;align-items:center;gap:5px;margin:25px 0}.service-map [data-service]{min-height:100px;padding:14px 10px;background:#101e2c;border:1px solid #486070;border-radius:3px;transition:background .35s,border-color .35s,box-shadow .35s}.service-map [data-service].active{border-color:#dfc18b;background:#284049;box-shadow:0 0 22px #e6bf7d20}.service-map small{display:block;font-size:11px;line-height:1.4;color:#afc9cf;letter-spacing:.06em}.service-map strong{display:block;font:normal 20px/1.2 Georgia,serif;margin-top:10px}.service-edge{font-size:11px;text-align:center;color:#d8bf8b}
.architecture-steps{display:grid;grid-template-columns:1fr 1fr;gap:7px}.architecture-steps button{text-align:left;font-size:14px;line-height:1.4;padding:9px 12px}.architecture-steps button[aria-pressed=true]{border-color:#d4b77d;background:#25434b;color:#ffefd0}
.architecture-explanation{border-top:1px solid #ffffff25;margin-top:20px;padding-top:18px;min-height:170px}.architecture-explanation .eyebrow{font-size:12px;color:#d1b880}.architecture-explanation h3{font:normal 25px/1.2 Georgia,serif;margin:12px 0}.architecture-explanation p:not(.eyebrow){font-size:16px;line-height:1.6;color:#c7d7df}#architecture-next{margin-top:10px;font-size:15px}
@media(max-width:800px){body[data-stage="6"] #narrative{width:auto;max-width:none}body[data-stage="6"] #architecture{position:relative;left:auto;right:auto;top:auto;bottom:auto;margin:0 20px 120px;overflow:visible}body[data-stage="6"] #experience{display:block;height:auto;min-height:100svh;overflow:auto}body[data-stage="6"] #narrative{position:relative;margin:130px 20px 30px;padding:0}.architecture-workbench{padding:16px}.service-map{grid-template-columns:1fr;gap:8px}.service-map [data-service]{min-height:0}.service-edge{transform:rotate(90deg);height:20px}.architecture-steps{grid-template-columns:1fr}.analysis-document,.investigation{padding:20px}.analysis-document h2,.investigation h2{font-size:26px}}
@media(prefers-reduced-motion:reduce){.service-map [data-service]{transition:none}}

@media(min-width:801px){body[data-stage="2"] #experience{min-height:800px}body[data-stage="2"] #narrative{margin-bottom:0}body[data-stage="2"] #narrative h2{font-size:clamp(2.5rem,3.5vw,3.8rem);margin-bottom:16px}body[data-stage="2"] #narrative>.eyebrow{margin-bottom:14px}#preparation{margin-top:14px;padding-top:14px}#preparation>.eyebrow{margin-bottom:12px}#preparation-detail{min-height:72px;margin:12px 0}#preparation .caption{margin:10px 0}.preparation-tabs button{padding:8px 10px}}
/* Conversation first; explanatory notes sit beneath each reply. */
.log-tool{padding:24px 0;border-bottom:0}
.agent-message{margin-right:8%;padding:18px 20px;background:#f6f7f0;border:1px solid #b9c9bf;border-radius:3px 15px 15px 15px}
.agent-message>small{font-size:12px;letter-spacing:.1em;color:#416866}
.agent-message>p{font-size:18px;line-height:1.65;margin:10px 0 0;color:#19363c}
.step-annotation{margin:12px 8% 0 18px;padding:4px 0 4px 16px;border-left:2px solid #9aafa6;color:#4a6265}
.step-annotation>small{font-size:11px;letter-spacing:.09em;color:#547572}
.step-annotation h3{font-size:14px;margin:8px 0 6px;font-weight:600}
.step-annotation>p{font-size:14px;line-height:1.55;margin:6px 0 10px}
.step-evidence>summary{font-size:13px}.step-evidence .tool-call{margin-top:12px}.step-evidence ul{font-size:14px}
.investigation .log-person{margin-left:8%;border-radius:15px 3px 15px 15px}.log-person p{font-family:inherit;font-size:18px;line-height:1.65;font-weight:400}
@media(max-width:650px){.agent-message{margin-right:0;padding:16px}.step-annotation{margin-right:0;margin-left:8px}.investigation .log-person{margin-left:4%}}