/* Planner is a product schematic, not a live agent execution view. Its three
   planes inherit the portfolio's existing depth and user-controlled reveal. */
.planner-case .plc-svg{display:block;width:100%;font-family:var(--mono);shape-rendering:geometricPrecision}
.planner-case .plc-interface-svg{height:calc(100% - 35px);background:#111b2d}
.planner-case .plc-process-svg{position:absolute;left:0;top:37px;height:calc(100% - 44px)}
.planner-case .plc-caption{fill:#8399bf;font-size:8px;letter-spacing:.1em}
.planner-case .plc-workspace-label{fill:#5f769c;font-size:6.5px;letter-spacing:.06em}
.planner-case .plc-role-node{fill:#18253d;stroke:#50668e;stroke-width:.8}
.planner-case .plc-role-node--focus{fill:#20314e;stroke:#8fa4d0}
.planner-case .plc-role-index{fill:#7189b3;font-size:6.8px;letter-spacing:.1em}
.planner-case .plc-role-name{fill:#d5e1fa;font-family:var(--sans);font-size:13px;font-weight:500;letter-spacing:-.02em}
.planner-case .plc-review-node,.planner-case .plc-logic-node{fill:#17243b;stroke:#6279a4;stroke-width:.8}
.planner-case .plc-node-label{fill:#c8d7f3;font-family:var(--sans);font-size:11px;font-weight:500;letter-spacing:-.015em}
.planner-case .plc-review-caption{fill:#7f96bf;font-size:7px;letter-spacing:.07em}
.planner-case .plc-accept-node{fill:#23334f;stroke:#9db2dc;stroke-width:.85}
.planner-case .plc-accept-caption{fill:#748caf;font-size:6.8px;letter-spacing:.075em}
.planner-case .plc-wire{stroke:#6d86b3;stroke-width:.85;stroke-linejoin:round;stroke-linecap:round}
.planner-case .plc-flow-signal{stroke:#dce6ff;stroke-width:1.1;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:9 72;opacity:.7;animation:plc-process-signal 6s linear infinite;animation-play-state:paused}
.planner-case .plc-port{fill:#b8ccef}
.planner-case .plc-activity-mark{fill:#d1dfff;animation:plc-activity 3.6s ease-in-out infinite;animation-play-state:paused}
.planner-case .plc-attention-panel{fill:#131e31;stroke:#354a6c;stroke-width:.8}
.planner-case .plc-attention-dot{fill:#7c94be}
.planner-case .plc-attention-label{fill:#99afd2;font-family:var(--sans);font-size:10px;letter-spacing:-.01em}
.planner-case .plc-divider{stroke:#344965;stroke-width:.7}
.planner-case .plc-logic-note{fill:#7189af;font-size:7.5px;letter-spacing:.09em}
.planner-case .plc-attention-chip{fill:#1b2a43;stroke:#425a81;stroke-width:.7}
.planner-case .plc-chip-label{fill:#a7bbdf;font-size:9px}
.planner-case .plc-wire,.planner-case .plc-flow-signal,.planner-case .plc-role-node,.planner-case .plc-review-node,.planner-case .plc-logic-node,.planner-case .plc-accept-node,.planner-case .plc-attention-panel,.planner-case .plc-attention-chip,.planner-case .plc-divider{vector-effect:non-scaling-stroke}
.planner-case .plc-context-grid{position:absolute;left:7%;right:7%;top:31%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.planner-case .plc-context-card{padding:12px 10px 13px;border:1px solid #3b506f;background:#19263d;border-radius:2px}
.planner-case .plc-context-card>span{display:block;color:#b5c8eb;font:10px/1.4 var(--mono);margin-bottom:12px}
.planner-case .plc-context-card>i{display:block;height:1px;background:#5d749b;opacity:.6;margin-top:7px;width:83%}
.planner-case .plc-context-card>i:nth-of-type(2){width:57%;opacity:.4}
.planner-case .plc-context-card>i:nth-of-type(3){width:71%;opacity:.25}
.planner-case .plc-context-footer{position:absolute;left:7%;right:7%;bottom:13%;display:flex;justify-content:space-between;gap:10px;color:#758db3;font:8px var(--mono)}
.planner-case .plc-story h3{font-size:clamp(24px,2.15vw,32px);line-height:1.12}
.planner-case .plc-case-cta{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;margin-top:21px;padding:11px 14px;border:1px solid #526a91;border-radius:2px;background:#192840;color:#cbdaf7;font-size:11px;transition:background .2s,border-color .2s}
.planner-case .plc-case-cta>span{font:16px/1 var(--mono);color:#a3b9e2}
.planner-case .plc-case-cta:hover{background:#263b5c;border-color:#95acd5}
.wp-section[data-motion="running"] .wp-panel:not([hidden]) .plc-flow-signal,.wp-section[data-motion="running"] .wp-panel:not([hidden]) .plc-activity-mark{animation-play-state:running}
@keyframes plc-process-signal{to{stroke-dashoffset:-162}}
@keyframes plc-activity{0%,100%{opacity:.35}50%{opacity:.9}}
@media(max-width:1120px){.planner-case .plc-context-grid{gap:10px}.planner-case .plc-context-card{padding:10px 8px}.planner-case .plc-context-card>span{font-size:8px;margin-bottom:9px}.planner-case .plc-context-footer{font-size:6px;gap:7px}}
@media(max-width:860px){.planner-case .plc-interface-svg{height:calc(100% - 28px)}.planner-case .plc-process-svg{top:28px;height:calc(100% - 34px)}.planner-case .plc-context-grid{gap:8px}.planner-case .plc-context-card{padding:8px 6px}.planner-case .plc-context-card>span{font-size:7px;margin-bottom:7px}.planner-case .plc-context-card>i{margin-top:5px}.planner-case .plc-context-footer{font-size:5px}.planner-case .plc-case-cta{margin-top:18px;font-size:10px;padding:10px 12px}}
@media(max-width:620px){.planner-case .plc-interface-svg{height:calc(100% - 29px)}.planner-case .plc-story h3{font-size:28px}.planner-case .plc-context-card>span{font-size:8px}.planner-case .plc-context-footer{font-size:6px}.planner-case .plc-case-cta{font-size:11px;padding:11px 14px;margin-top:20px}}
@media(max-width:365px){.planner-case .plc-context-card>span{font-size:7px}.planner-case .plc-context-card{padding:7px 5px}.planner-case .plc-context-footer{font-size:5px}.planner-case .plc-story h3{font-size:26px}}
@media(prefers-reduced-motion:reduce){.planner-case .plc-flow-signal{animation:none;display:none}.planner-case .plc-activity-mark{animation:none;opacity:.7}.planner-case .plc-case-cta{transition:none}}
