.program-process-grid{display:grid;grid-template-columns:1fr 80px 1fr;gap:16px;align-items:stretch;margin-top:24px}.program-process-grid article{padding:23px;border:1px solid var(--os-line);border-radius:17px;background:#f7faff}.program-process-grid article:last-child{background:#0b2947;color:#fff}.program-process-grid span{color:#9a7100;font-size:.73rem;font-weight:950;letter-spacing:.09em}.program-process-grid article:last-child span{color:#63d8ec}.program-process-grid h3{margin:8px 0}.program-process-grid p{color:#4d6680;line-height:1.6}.program-process-grid article:last-child p{color:#cbddec}.program-to-process{display:grid;place-items:center;color:var(--os-blue);font-weight:950;text-align:center}.program-to-process b{display:grid;width:58px;height:58px;place-items:center;border-radius:50%;background:#e4efff;font-size:1.4rem}
.state-lab{margin-top:24px;border:1px solid #1a4165;border-radius:19px;background:#071b32;color:white;overflow:hidden}.state-controls{display:flex;flex-wrap:wrap;gap:8px;padding:18px;border-bottom:1px solid #284b6c;background:#0a2541}.state-controls button{padding:10px 13px;border:1px solid #41698e;border-radius:9px;background:#103452;color:#e6f2fb;font-weight:850;cursor:pointer}.state-controls button:hover:not(:disabled){border-color:#52d6eb;color:#7ce8f7}.state-controls button:disabled{opacity:.35;cursor:not-allowed}.state-controls button.danger{border-color:#8e4d55;color:#ffbac1}.state-workspace{display:grid;grid-template-columns:1.35fr .65fr;min-height:390px}.state-board{padding:28px}.state-map{display:grid;grid-template-columns:repeat(5,minmax(90px,1fr));gap:12px;align-items:center}.state-node{display:grid;min-height:92px;place-items:center;padding:12px;border:1px solid #345a7d;border-radius:13px;background:#0d2c49;color:#819bb3;text-align:center}.state-node b{font-size:.94rem}.state-node small{display:block;margin-top:5px}.state-node.is-active{border-color:#f0c23d;background:#473a0c;color:#ffe58b;box-shadow:0 0 0 4px rgba(240,194,61,.12)}.state-node.is-past{border-color:#178397;background:#0c4155;color:#88e9f6}.state-arrow{display:none}.transition-log{margin-top:24px;padding:18px;border:1px solid #264968;border-radius:13px;background:#0a263f}.transition-log>span{color:#61d9ed;font-size:.72rem;font-weight:950;letter-spacing:.08em}.transition-log h3{margin:7px 0}.transition-log p{margin:0;color:#c6d9e9;line-height:1.6}.state-facts{padding:25px;border-left:1px solid #284b6c;background:#0a2139}.state-facts>span{color:#8aa6bf;font-size:.72rem;font-weight:950}.state-facts dl{margin:15px 0}.state-facts div{display:flex;justify-content:space-between;gap:10px;padding:10px 0;border-bottom:1px solid #294a68}.state-facts dt{color:#8ca7c0}.state-facts dd{margin:0;color:#fff;font-weight:850}.state-history{margin-top:16px}.state-history strong{font-size:.78rem}.state-history ol{max-height:125px;margin:8px 0;padding-left:22px;overflow:auto;color:#b8cde0;font-size:.84rem;line-height:1.65}
.pcb-lab{display:grid;grid-template-columns:minmax(230px,.65fr) minmax(0,1.35fr);gap:18px;margin-top:24px}.pcb-card{padding:17px;border:1px solid #244a70;border-radius:17px;background:#071b32;color:white}.pcb-card>span{display:block;margin-bottom:12px;color:#61d9ed;font-size:.73rem;font-weight:950;letter-spacing:.08em}.pcb-field{display:flex;width:100%;justify-content:space-between;gap:12px;margin:6px 0;padding:11px;border:1px solid #315676;border-radius:9px;background:#0d2c49;color:#dfeefa;text-align:left;cursor:pointer}.pcb-field:hover,.pcb-field.is-active{border-color:#f0c23d;background:#44380d}.pcb-field b{color:#6edced}.pcb-field em{font-family:var(--font-code);font-style:normal}.pcb-detail{display:grid;align-content:center;padding:25px;border:1px solid var(--os-line);border-radius:17px;background:#f8fbff}.pcb-detail>span{color:#9a7100;font-size:.73rem;font-weight:950;letter-spacing:.08em}.pcb-detail h3{margin:8px 0}.pcb-detail p{color:#48627d;line-height:1.65}.pcb-detail .pcb-why{padding:15px;border-left:4px solid var(--os-blue);background:#eaf2ff;color:#284f78}
.queue-model{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:23px}.queue-model article{padding:22px;border:1px solid var(--os-line);border-radius:15px;background:#f8fbff}.queue-model article:nth-child(2){border-top:4px solid #e3ae17}.queue-model h3{margin:0 0 8px}.queue-model p{color:#4d6680;line-height:1.58}.queue-pills{display:flex;flex-wrap:wrap;gap:7px;margin-top:12px}.queue-pills span{padding:7px 10px;border-radius:99px;background:#e5effb;color:#174b82;font-size:.78rem;font-weight:850}
.switch-lab{display:grid;grid-template-columns:.75fr 1.25fr;gap:18px;margin-top:24px}.switch-controls{padding:22px;border-radius:16px;background:#edf4fd}.switch-controls label{display:block;color:#465f7b;font-size:.75rem;font-weight:950;letter-spacing:.08em}.switch-controls select{width:100%;margin:7px 0 14px;padding:12px;border:1px solid #adc2dc;border-radius:9px;background:white}.switch-controls button{width:100%;padding:12px;border:0;border-radius:9px;background:var(--os-blue);color:white;font-weight:900;cursor:pointer}.switch-cost{margin-top:15px;padding:15px;border-radius:11px;background:white}.switch-cost span{display:block;color:#697e93;font-size:.74rem}.switch-cost strong{display:block;margin-top:5px;color:#0c4e98}.switch-stage{padding:24px;border-radius:17px;background:#071b32;color:white}.switch-stage-head{display:flex;justify-content:space-between;gap:12px;color:#5fd7eb;font-size:.75rem;font-weight:950}.switch-track{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin:19px 0}.switch-track span{padding:10px 5px;border:1px solid #345777;border-radius:8px;color:#829ab2;text-align:center;font-size:.72rem;font-weight:900}.switch-track span.done{border-color:#168194;background:#0c4053;color:#84e8f5}.switch-track span.current{border-color:#edbd32;background:#44390d;color:#ffe689}.switch-stage h3{margin:9px 0}.switch-stage p{color:#c7d9e8;line-height:1.65}.context-snapshot{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:15px}.context-snapshot div{padding:12px;border:1px solid #2d5172;border-radius:9px;background:#0c2945}.context-snapshot span{display:block;color:#819db6;font-size:.7rem}.context-snapshot code{color:#ffe27e}
.creation-flow{display:grid;grid-template-columns:repeat(4,1fr);gap:11px;margin-top:23px}.creation-flow article{padding:19px;border:1px solid var(--os-line);border-radius:14px;background:#f7faff}.creation-flow b{color:var(--os-blue);font-size:.75rem}.creation-flow h3{margin:7px 0}.creation-flow p{margin:0;color:#4f6983;line-height:1.55}.relationship-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-top:20px}.relationship-grid article{padding:20px;border-left:5px solid var(--os-cyan);border-radius:0 14px 14px 0;background:#edf5ff}.relationship-grid h3{margin:0 0 7px}.relationship-grid p{color:#45617d;line-height:1.6}
.termination-table{width:100%;border-collapse:collapse;margin-top:22px}.termination-table th,.termination-table td{padding:14px;border:1px solid var(--os-line);text-align:left}.termination-table th{background:#eaf2fc}.termination-table td{color:#49637e;line-height:1.55}.termination-table code{color:#0b5cb8}
@media(max-width:1080px){.state-workspace,.switch-lab{grid-template-columns:1fr}.state-facts{border-top:1px solid #284b6c;border-left:0}.state-map{grid-template-columns:repeat(3,1fr)}.creation-flow{grid-template-columns:repeat(2,1fr)}}
@media(max-width:820px){.program-process-grid,.pcb-lab,.queue-model,.relationship-grid{grid-template-columns:1fr}.program-to-process{padding:4px}.state-map{grid-template-columns:1fr 1fr}.creation-flow{grid-template-columns:1fr}.context-snapshot{grid-template-columns:1fr}.switch-track{grid-template-columns:1fr 1fr}}