.coordination-case{--case-green:#afdbca;--case-amber:#e6bb8e;overflow-anchor:none;border:1px solid #647080;border-radius:22px;background:linear-gradient(145deg,#bdc5f006,transparent 65%),#171b20;overflow:hidden}
.case-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 27px;border-bottom:1px solid var(--line)}.case-toolbar>p{display:flex;align-items:center;gap:12px;font-size:13px;color:var(--soft)}.case-toolbar .line-icon{width:21px;height:21px}.case-toolbar button{display:flex;align-items:center;justify-content:center;gap:8px;min-height:42px;min-width:142px;border:1px solid var(--line);background:transparent;border-radius:999px;padding:9px 15px;font-size:12px;color:var(--soft)}.case-toolbar button:hover{border-color:var(--accent);color:var(--ink)}
.case-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding:0 27px;gap:20px;border-bottom:1px solid var(--line)}.case-steps button{display:flex;align-items:center;justify-content:center;gap:12px;min-height:60px;padding:12px 6px;background:none;border:0;border-bottom:2px solid transparent;margin-bottom:-1px;font-size:13px;color:var(--muted)}.case-steps button>span{font-size:10px}.case-steps button[aria-pressed=true]{color:var(--ink);border-color:var(--accent)}.case-steps button:hover{background:#bdc5f006}
.case-body{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);min-height:490px}.case-visual{padding:34px 24px 22px;display:flex;flex-direction:column;justify-content:center;min-width:0;border-right:1px solid var(--line)}.case-map{display:block;width:100%;height:auto;overflow:visible}.case-visual figcaption{color:var(--soft);font-size:12px;line-height:1.65;max-width:47ch;margin:20px auto 0;min-height:40px;text-align:center}.case-system-name{fill:var(--ink);font:500 18px Manrope,Arial,sans-serif}.case-agent-name{fill:var(--soft);font:400 17px Manrope,Arial,sans-serif}.case-agent-plane .iso-top{fill:url(#case-glass);stroke:#8791b2}.case-agent-dot{fill:#9babc1}.case-links path{fill:none;stroke:#899ab3;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round;opacity:.35;transition:stroke .4s,opacity .4s}.case-links .case-record{opacity:.65}.case-links .case-peer{opacity:.2}.case-review-plane .iso-top{fill:#252e38;stroke:#657381}.case-review-icon{fill:none;stroke:#9eaac0;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.case-output-label{fill:var(--muted);font:400 17px Manrope,Arial,sans-serif}.case-gap circle{fill:#2f2925;stroke:var(--case-amber);stroke-width:1.5}.case-gap path{stroke:var(--case-amber);stroke-width:1.8;fill:none;stroke-linecap:round}.case-agent-docs .iso-top{stroke:var(--case-amber)}.case-agent-docs .case-agent-dot{fill:var(--case-amber)}
.coordination-case[data-stage='1'] .case-peer{opacity:1;stroke:var(--accent);stroke-dasharray:5 8;animation:case-flow 1.6s linear infinite}.coordination-case[data-stage='1'] .case-agent-client .iso-top,.coordination-case[data-stage='1'] .case-agent-tender .iso-top{stroke:var(--accent);fill:url(#case-glass)}.coordination-case[data-stage='2'] .case-peer,.coordination-case[data-stage='2'] .case-output{opacity:1;stroke:var(--case-green)}.coordination-case[data-stage='2'] .case-review-plane .iso-top{fill:url(#case-glass);stroke:var(--case-green)}.coordination-case[data-stage='2'] .case-review-icon{stroke:var(--case-green)}.coordination-case[data-playing='false'] .case-peer{animation-play-state:paused}
.case-reading{padding:32px 30px;min-width:0;display:grid;align-content:start}.case-panel .eyebrow{font-size:9px}.case-panel h3{font-size:clamp(26px,2.4vw,36px);line-height:1.15;letter-spacing:-.035em;margin:15px 0 18px}.case-panel>p:not(.eyebrow){color:var(--soft);font-size:14px;line-height:1.8}.case-finding{display:flex;gap:13px;border:1px solid #e6bb8e55;background:#e6bb8e05;border-radius:12px;padding:16px;margin:23px 0}.case-finding .line-icon{color:var(--case-amber);width:22px;height:22px}.case-finding strong{font-size:13px;font-weight:500;color:var(--case-amber)}.case-finding p{font-size:11px;color:var(--muted);margin-top:6px}.case-panel .case-message{font-size:14px}.case-message strong{display:block;font-size:11px;font-weight:500;color:var(--accent);margin-bottom:8px}.case-exchange{list-style:none;padding:0;margin:20px 0 0}.case-exchange li{padding:12px 0;border-top:1px solid var(--line)}.case-exchange strong{display:block;font-size:11px;color:var(--accent);font-weight:500}.case-exchange strong>span{color:var(--muted);font-size:9px;display:block;margin-top:4px}.case-exchange p{font-size:13px;line-height:1.7;color:var(--soft);margin-top:6px}.case-draft{border-left:2px solid var(--case-green);background:#afdbca06;margin:20px 0;padding:13px 17px;font-size:15px;line-height:1.7;color:var(--ink)}.case-review-list{display:grid;gap:6px;margin:18px 0;font-size:12px;color:var(--soft)}.case-review-list p{display:flex;align-items:center;gap:10px}.case-review-list span{color:var(--case-green);min-width:14px;text-align:center}.case-review-list .case-unresolved span{color:var(--case-amber)}.case-panel>p.case-team{font-size:12px;color:var(--muted);border-top:1px solid var(--line);padding-top:15px}.case-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding:18px 27px}.case-footer>p:first-child{font-size:13px;color:var(--soft)}.case-footer>p:last-child{font-size:10px;color:var(--muted);flex:none}.case-nojs{font-size:13px;padding:0 27px 22px;color:var(--soft)}
.coordination-case:not(.case-ready) .case-steps,.coordination-case:not(.case-ready) #case-play{display:none}
.case-panel{grid-area:1/1}.case-panel[hidden]{display:block!important;visibility:hidden;pointer-events:none}
@keyframes case-flow{to{stroke-dashoffset:-26}}
@media(max-width:1100px){.case-body{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);min-height:520px}.case-reading{padding:28px 24px}.case-visual{padding-inline:17px}.case-system-name{font-size:20px}.case-agent-name,.case-output-label{font-size:19px}.case-footer{align-items:flex-start}.case-footer>p:last-child{max-width:24ch;flex-shrink:1}}
@media(max-width:850px){.case-body{grid-template-columns:1fr;min-height:0}.case-visual{border-right:0;border-bottom:1px solid var(--line);padding:24px 24px 20px}.case-map{max-width:650px;margin:auto}.case-visual figcaption{margin-top:15px;min-height:40px}.case-reading{min-height:440px;padding:27px 30px}.case-panel h3{font-size:32px}.case-panel>p:not(.eyebrow){max-width:65ch}.case-finding{max-width:500px}.case-footer{padding:20px 27px}}
@media(max-width:620px){.coordination-case{border-radius:17px}.case-toolbar{padding:16px;align-items:flex-start;gap:12px}.case-toolbar>p{font-size:11px;line-height:1.7;max-width:19ch;gap:10px}.case-toolbar .line-icon{width:19px;height:19px;margin-top:2px}.case-toolbar button{min-height:44px;min-width:110px;padding:9px 11px;font-size:10px;gap:6px}.case-steps{padding:0 10px;gap:4px}.case-steps button{font-size:10px;line-height:1.6;flex-direction:column;gap:2px;min-height:65px;padding:10px 2px}.case-steps button>span{font-size:8px}.case-visual{padding:19px 8px 16px}.case-system-name{font-size:25px}.case-agent-name,.case-output-label{font-size:23px}.case-visual figcaption{font-size:11px;max-width:36ch;padding-inline:12px;margin-top:12px;min-height:54px}.case-reading{padding:25px 20px;min-height:506px}.case-panel h3{font-size:28px;margin:13px 0 17px}.case-panel .eyebrow{font-size:8px;letter-spacing:.09em}.case-panel>p:not(.eyebrow){font-size:13px}.case-finding{margin:20px 0;padding:13px 12px;gap:10px}.case-finding strong{font-size:12px}.case-finding p{font-size:10px}.case-message strong{font-size:10px}.case-panel .case-message{font-size:13px}.case-exchange{margin-top:17px}.case-exchange p{font-size:12px}.case-exchange strong{font-size:10px}.case-exchange strong>span{font-size:9px}.case-draft{font-size:13px;padding:12px 14px;margin:18px 0}.case-review-list{font-size:11px}.case-panel>p.case-team{font-size:11px}.case-footer{flex-direction:column;padding:17px 20px;gap:10px;min-height:112px}.case-footer>p:first-child{font-size:12px;min-height:40px}.case-footer>p:last-child{font-size:9px;max-width:none}.case-nojs{padding-inline:20px}}
@media(prefers-reduced-motion:reduce){.coordination-case *{animation:none!important;transition:none!important}}