/* Tab 1 · Multi-agent system */
:root{--sys-intake:#087d82;--sys-risk-op:#2f5fa7;--sys-risk-inv:#7a4bb0;--sys-plan:#9c5709}
.sys-flow{display:flex;align-items:stretch;gap:10px;margin-top:18px;overflow-x:auto;padding-bottom:6px}
.sys-stage{flex:1 1 0;min-width:230px;background:#0e1729;border:1px solid var(--line);border-radius:10px;padding:14px;display:flex;flex-direction:column;gap:10px}
.sys-stage-label{font-size:.75rem;letter-spacing:.08em;text-transform:uppercase;font-weight:700;color:var(--muted)}
.sys-stage-note{font-size:.78rem;color:var(--muted);text-align:center}
.sys-row{display:flex;flex-direction:column;align-items:stretch;gap:4px}
.sys-row .sys-arrow{text-align:center;line-height:1}
.sys-parallel{display:grid;grid-template-columns:1fr 1fr;gap:8px;flex:1;align-items:center}
.sys-arrow{color:#94a3b8;font-weight:700}
.sys-arrow-big{align-self:center;font-size:1.3rem}
.sys-node{display:flex;flex-direction:column;gap:2px;padding:9px 11px;border-radius:8px;background:#0e1729;border:1px solid var(--line);border-left:4px solid var(--sys-intake);color:var(--ink);text-decoration:none;font-size:.85rem;line-height:1.3;transition:transform .15s,box-shadow .15s}
.sys-node b{font:700 .74rem ui-monospace,monospace;color:var(--muted)}
.sys-node:hover{transform:translateY(-1px);box-shadow:0 4px 12px #10284014}
.sys-node.sys-risk:nth-child(1){border-left-color:var(--sys-risk-op)}
.sys-node.sys-risk:nth-child(2){border-left-color:var(--sys-risk-inv)}
.sys-node.sys-plan{border-left-color:var(--sys-plan)}
.sys-gate{display:flex;flex-direction:column;align-items:center;font-size:.7rem;color:#eec781;font-weight:700}
.sys-gate i{font-style:normal;font-size:1.2rem;line-height:1;color:#eec981}
.sys-legend{display:flex;flex-wrap:wrap;gap:16px;margin-top:14px;font-size:.8rem;color:var(--muted)}
.sys-legend span{display:flex;align-items:center;gap:6px}
.sys-dot{width:10px;height:10px;border-radius:3px;display:inline-block;background:var(--sys-intake)}
.sys-dot.sys-risk{background:linear-gradient(90deg,var(--sys-risk-op) 50%,var(--sys-risk-inv) 50%)}
.sys-dot.sys-plan{background:var(--sys-plan)}
.sys-diamond{color:#eec981;font-weight:700}
.sys-split-explainer h3{margin:4px 0 6px;font-size:1rem}
.sys-op{color:var(--sys-risk-op)}
.sys-inv{color:var(--sys-risk-inv)}
.sys-split-explainer p{line-height:1.6;margin:0}
.sys-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:18px 0}
.sys-card{background:#0e1729;border:1px solid var(--line);border-top:4px solid var(--sys-intake);border-radius:10px;padding:20px 22px;scroll-margin-top:20px;line-height:1.55}
.sys-card.sys-plan{border-top-color:var(--sys-plan)}
#sys-A3{border-top-color:var(--sys-risk-op)}
#sys-A4{border-top-color:var(--sys-risk-inv)}
.sys-card:target{box-shadow:0 0 0 3px #e7b554}
.sys-card header{display:flex;gap:12px;align-items:center}
.sys-card h2{margin:2px 0 0;font-size:1.2rem}
.sys-card h3{font-size:.85rem;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin:16px 0 6px}
.sys-id{width:40px;height:40px;border-radius:9px;background:var(--navy);color:#fff;display:flex;align-items:center;justify-content:center;font:700 .85rem ui-monospace,monospace;flex-shrink:0}
.sys-question{font-weight:650;color:var(--ink);margin:14px 0 6px;font-size:1rem}
.sys-card>p{margin:0 0 6px;color:#90bedf}
.sys-card ul{margin:0;padding-left:18px;font-size:.9rem}
.sys-card li{margin:4px 0}
.sys-io{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:16px 0 0}
.sys-io div{background:#0e1729;border:1px solid var(--line);border-radius:7px;padding:9px 10px}
.sys-io dt{font-size:.72rem;text-transform:uppercase;letter-spacing:.07em;font-weight:700;color:var(--muted)}
.sys-io dd{margin:4px 0 0;font-size:.84rem;line-height:1.4}
.sys-guard{margin-top:14px!important;padding:10px 12px;border-radius:7px;background:#33260f;color:#f1c77e!important;font-size:.86rem}
.sys-human{display:flex;gap:12px;align-items:flex-start}
.sys-human .sys-diamond{font-size:1.6rem;line-height:1}
.sys-human h3{margin:4px 0 4px}
.sys-human p{margin:0;color:#90bedf;line-height:1.55}
@media(max-width:1100px){.sys-cards{grid-template-columns:1fr}.sys-flow{flex-direction:column}.sys-arrow-big{transform:rotate(90deg)}}
@media(max-width:760px){.sys-io{grid-template-columns:1fr}.sys-parallel{grid-template-columns:1fr}}
/* Pipeline track: three phases, seven agents, two human checkpoints, left to right */
.sys-track{--c-intake:#2dd4bf;--c-op:#60a5fa;--c-inv:#c084fc;--c-plan:#f59e0b;display:grid;grid-template-columns:minmax(0,1fr) 78px minmax(0,1fr) minmax(0,1.1fr) minmax(0,1fr) minmax(0,1fr) minmax(0,1fr) 78px;grid-template-rows:auto 1fr;column-gap:14px;row-gap:10px;margin-top:18px}
.sys-phase{grid-row:1;display:flex;align-items:center;gap:8px;font-size:.72rem;font-weight:800;letter-spacing:.09em;text-transform:uppercase;color:#cbd5e1;padding:0 0 8px;border-bottom:2px solid}
.sys-phase span{width:20px;height:20px;border-radius:50%;display:grid;place-items:center;font-size:.7rem;color:#06101e}
.sys-phase.p1{grid-column:1/4;border-color:var(--c-intake)}.sys-phase.p1 span{background:var(--c-intake)}
.sys-phase.p2{grid-column:4/5;border-image:linear-gradient(90deg,var(--c-op),var(--c-inv)) 1}.sys-phase.p2 span{background:linear-gradient(135deg,var(--c-op),var(--c-inv))}
.sys-phase.p3{grid-column:5/9;border-color:var(--c-plan)}.sys-phase.p3 span{background:var(--c-plan)}
.sys-track>.sys-step,.sys-track>.sys-hgate,.sys-track>.sys-par{grid-row:2;position:relative}
.sys-track>*:not(.sys-phase):not(:last-child)::after{content:'';position:absolute;top:50%;right:-13px;width:12px;height:2px;background:#3b4d6e}
.sys-track>*:not(.sys-phase):not(:last-child)::before{content:'';position:absolute;top:calc(50% - 4px);right:-14px;border:5px solid transparent;border-left-color:#3b4d6e;border-right:0;z-index:1}
.sys-step{--c:var(--c-intake);display:flex;flex-direction:column;gap:4px;min-height:132px;padding:12px 12px 11px;border-radius:12px;background:linear-gradient(180deg,#111d34,#0c1528);border:1px solid #22314f;border-top:3px solid var(--c);color:var(--ink);text-decoration:none;transition:transform .12s ease,border-color .12s ease,box-shadow .12s ease}
.sys-step:hover{transform:translateY(-2px);border-color:var(--c);box-shadow:0 8px 22px rgba(0,0,0,.35)}
.sys-step.sys-plan{--c:var(--c-plan)}.sys-step.op{--c:var(--c-op)}.sys-step.inv{--c:var(--c-inv)}
.sys-badge{align-self:flex-start;font:800 .7rem ui-monospace,Menlo,monospace;color:var(--c);background:color-mix(in srgb,var(--c) 14%,transparent);border:1px solid color-mix(in srgb,var(--c) 45%,transparent);border-radius:6px;padding:1px 6px;margin-bottom:2px}
.sys-step b{font-size:.92rem;color:#f4f7fb;line-height:1.25}
.sys-step small{font-size:.76rem;color:#9fb0c6;line-height:1.35}
.sys-step em{margin-top:auto;font-style:normal;font-size:.72rem;font-weight:700;color:var(--c);padding-top:6px;border-top:1px dashed #22314f}
.sys-step em::before{content:'→ '}
.sys-par{display:grid;grid-template-rows:1fr 1fr;gap:8px}
.sys-par .sys-step{min-height:0;padding:9px 11px}.sys-par .sys-step small{display:none}
.sys-hgate{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;text-align:center;border:1px dashed #a3741c;border-radius:12px;background:rgba(245,158,11,.06);padding:8px 4px}
.sys-hgate i{font-style:normal;font-size:1.25rem;line-height:1;color:#fcd34d}.sys-hgate b{font:800 .74rem ui-monospace,Menlo,monospace;color:#fcd34d}.sys-hgate small{font-size:.68rem;color:#d6b97a;line-height:1.25}
@media(max-width:1100px){.sys-track{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:none}.sys-phase{display:none}.sys-track>.sys-step,.sys-track>.sys-hgate,.sys-track>.sys-par{grid-row:auto}.sys-track>*::after,.sys-track>*::before{display:none}}
/* Flowchart */
.sf-wrap{margin-top:14px;overflow-x:auto}
.sf{display:block;width:100%;min-width:900px;height:auto}
.sf-band{stroke-width:1}.sf-band.b1{fill:rgba(45,212,191,.05);stroke:rgba(45,212,191,.35)}.sf-band.b2{fill:rgba(96,165,250,.06);stroke:rgba(129,140,248,.4)}.sf-band.b3{fill:rgba(245,158,11,.05);stroke:rgba(245,158,11,.35)}
.sf-band-t{font:800 11.5px Inter,system-ui,sans-serif;letter-spacing:.09em;fill:#cbd5e1}.sf-band-t .n{fill:#5eead4}
.sf-edge{fill:none;stroke:#e2e8f0;stroke-width:2.6;stroke-linejoin:round}
.sf-edge.loop{stroke:#fbbf24;stroke-dasharray:7 5;stroke-width:2.2}
.sf-loop-t{font:600 12px Inter,system-ui,sans-serif;fill:#d6b97a;text-anchor:middle}
.sf-note{font:600 11px Inter,system-ui,sans-serif;fill:#9fb0c6;text-anchor:middle;letter-spacing:.04em}
.sf-gate path{fill:rgba(245,158,11,.14);stroke:#fbbf24;stroke-width:2}
.sf-gid{font:800 13px ui-monospace,Menlo,monospace;fill:#fcd34d;text-anchor:middle}
.sf-glab{font:600 11.5px Inter,system-ui,sans-serif;fill:#e3c27a;text-anchor:middle}
.sf-node{box-sizing:border-box;height:100%;display:flex;flex-direction:column;gap:3px;padding:9px 11px;border-radius:11px;background:linear-gradient(180deg,#14213b,#0d172b);border:1px solid #2a3a58;border-top:3px solid var(--c);color:#e6edf7;text-decoration:none;font-family:Inter,system-ui,sans-serif;transition:border-color .12s ease,background .12s ease}
.sf-node:hover{border-color:var(--c);background:#16243f}
.sf-id{align-self:flex-start;font:800 11px ui-monospace,Menlo,monospace;color:var(--c);border:1px solid var(--c);border-radius:5px;padding:0 5px;opacity:.95}
.sf-node b{font-size:15px;line-height:1.15;color:#f4f7fb}
.sf-node small{font-size:12px;line-height:1.3;color:#9fb0c6}
.sf-node em{margin-top:auto;font-style:normal;font-size:12px;font-weight:700;line-height:1.25;color:var(--c)}.sf-node em::before{content:'→ '}
.sf-node.compact{padding:7px 10px;gap:2px}.sf-node.compact b{font-size:13.5px;white-space:nowrap}.sf-node.compact em{font-size:11.5px}
.sf-term{box-sizing:border-box;height:100%;display:flex;flex-direction:column;justify-content:center;gap:4px;padding:8px 9px;border-radius:16px;font-family:Inter,system-ui,sans-serif;text-align:center}
.sf-term b{font-size:14px;color:#f4f7fb;line-height:1.2}.sf-term small{font-size:11.5px;line-height:1.3;color:#b6c4d6}
.sf-term.in{background:#111c32;border:1.5px solid #3b4d6e}
.sf-term.out{background:rgba(52,211,153,.1);border:1.5px solid #34d399}.sf-term.out b{color:#6ee7b7}