.studio-page{max-width:1440px;margin:auto;padding:28px 3vw}.studio-intro{display:flex;justify-content:space-between;align-items:end;gap:24px;margin:15px 0 30px}.studio-intro h1{font-size:34px}.studio-intro p{max-width:760px}.studio-intro select{max-width:420px;padding:12px;border:1px solid #a0b7c5;background:white;font:inherit}.case-studio{--navy:#153b55;--sea:#126e96;--sand:#fff8e3;--gold:#ddb65c;--red:#a44530;background:#fffdf6;border:1px solid #a6beca;border-radius:16px;overflow:hidden;margin:24px 0;color:#153b55}.studio-heading{padding:30px 34px;background:#153b55;color:white;border-bottom:6px solid #ddb65c}.studio-heading .eyebrow{color:#f0ce80}.studio-heading h3{font:700 30px/1.4 var(--display);margin:0 0 12px}.studio-heading p:last-child{margin:0;color:#deedf6}.studio-nav{display:flex;gap:0;background:#e5f1f7;border-bottom:1px solid #a6beca;overflow-x:auto}.studio-nav button{flex:1;min-width:180px;border:0;border-right:1px solid #b9cfdb;border-bottom:4px solid transparent;padding:18px 12px;color:#153b55;font-size:14px;font-weight:700;background:transparent;white-space:nowrap}.studio-nav button[aria-current=step]{background:#fff8e3;border-bottom-color:#c59a3d}.studio-body{padding:30px}.studio-body>h4{font-size:24px;font-family:var(--display);margin:0 0 16px}.studio-note{display:block;font-weight:700;margin:22px 0}.studio-note textarea{display:block;margin-top:9px;width:100%;min-height:115px;padding:14px;font:400 15px/1.7 var(--body);background:#fffefb;border:1px solid #a3b9c5;border-radius:7px;color:#153b55;resize:vertical}.studio-event{border-left:5px solid #ddb65c;background:#fff2c6;padding:18px;font-size:19px}.tool-difference{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:25px}.tool-difference p{padding:20px;background:#eaf3f7;border-top:3px solid #126e96}.needs-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:20px 0}.needs-grid article{padding:18px;background:#fff5d6;border:1px solid #d5bd7a;border-radius:9px}.needs-grid h4{font-size:16px;margin:10px 0}.needs-grid p{font-size:12px;margin:0}.need-tag{display:inline-block;font:700 11px/1.4 var(--mono);letter-spacing:.06em;background:#e5bd5e;color:#153b55;border:1px solid #c49c42;border-radius:4px;padding:3px 7px;margin-right:8px;vertical-align:middle}.diagram-tabs,.screen-tabs{display:flex;gap:6px;border-bottom:2px solid #153b55;margin-top:28px}.diagram-tabs button,.screen-tabs button{background:#e4eff4;color:#153b55;border:1px solid #a7bfcd;padding:13px 16px;font-size:14px;font-weight:700;border-radius:8px 8px 0 0;text-align:left}.diagram-tabs button[aria-selected=true],.screen-tabs button[aria-selected=true]{background:#153b55;color:white}.diagram-sheet{border:1px solid #a7bfcd;padding:22px;background:#f3f8fa;border-radius:0 0 12px 12px;margin-bottom:20px}.diagram-sheet header h4,.screen-lab h4{font-size:22px;margin:0 0 8px}.diagram-sheet header p{font-size:14px}.diagram-scroll{overflow-x:auto;overscroll-behavior-x:contain}.service-table{border-collapse:separate;border-spacing:4px;width:100%;min-width:800px;table-layout:fixed}.service-table caption,.lane-table caption{text-align:left;padding:10px 0;font-size:12px;color:#526e80}.service-table th{background:#153b55;color:white;padding:12px;text-align:left;font-size:13px}.service-table th:first-child{width:150px}.service-table td{background:white;border:1px solid #b8ccd7;padding:13px;vertical-align:top;font-size:13px}.service-table td p{margin:8px 0 0}.service-table .service-row-1 td{border-bottom:3px dashed #126e96}.service-table .judgment-cell,.lane-node.judgment-cell{background:#fff4cd;border:2px dashed #ae8328}.decision-pin{font-size:11px;font-weight:700;color:#785408}.diagram-caption{font-size:12px;color:#526e80;margin:14px 0}.studio-question{background:white;border:1px solid #b8ccd7;border-radius:8px;margin:14px 0;padding:16px}.studio-question label{display:block;font-weight:700;font-size:15px}.studio-question select{display:block;width:100%;white-space:normal;padding:12px;margin-top:9px;border:1px solid #94afbf;background:#fffdf5;font:14px var(--body);color:#153b55}.studio-feedback{padding:13px 16px;margin:12px 0 0;font-size:14px;border-left:4px solid #126e96;background:#e6f1f6}.studio-feedback.wrong{border-color:#a44530;background:#fff0e9;color:#773921}.studio-feedback.good{border-color:#28725a;background:#e5f3eb;color:#1b573f}.lane-canvas{width:1360px;position:relative}.lane-table{table-layout:fixed;width:1360px;border-collapse:separate;border-spacing:0;position:relative}.lane-table caption{height:30px}.lane-table th{background:#153b55;color:white;font-size:13px;padding:10px;border-right:1px solid #587485}.lane-table thead th{height:56px}.lane-table th:first-child{width:160px}.lane-table td{height:200px;width:200px;border:1px solid #bfd1db;background:#edf5f8a8;padding:15px 8px;vertical-align:middle}.lane-table tbody th{font-size:15px;text-align:left;border-bottom:1px solid #587485}.lane-node{position:relative;z-index:2;border:1px solid #608ea6;border-radius:9px;background:#fffef7;padding:10px;box-shadow:0 4px 0 #12374424;font-size:13px;min-height:118px}.lane-node>b{display:inline-grid;place-items:center;border-radius:50%;background:#153b55;color:white;width:23px;height:23px;margin-right:6px}.lane-node p{margin:8px 0}.lane-node small{display:block;font-size:10px;border-top:1px solid #bfa359;padding-top:4px}.lane-node.exception-node{border-color:#b57765;background:#fff0e9}.lane-empty{text-align:center;color:#a0b7c5}.lane-connectors{position:absolute;left:0;top:30px;width:1360px;height:856px;z-index:1;pointer-events:none}.lane-connectors>path{stroke:#126e96;stroke-width:2;fill:none;opacity:.75}.lane-connectors>path.exception-line{stroke:#a44530;stroke-dasharray:7 5}.screen-lab{margin-top:35px;border-top:3px solid #153b55;padding-top:24px}.screen-lab header p{font-size:14px}.demo-stamp{font-size:11px;background:#fff0c4;border:1px solid #d0ae5c;display:inline-block;padding:6px 10px;color:#735717}.operation-screen,.joint-screen{border:1px solid #9ab5c5;background:white;padding:20px}.operation-top{display:flex;justify-content:space-between;gap:15px;border-bottom:1px solid #b8ccd7;padding:0 0 14px;margin-bottom:18px}.operation-top small{color:#526e80;font-size:11px}.record-table{width:100%;border-collapse:collapse;min-width:700px;font-size:13px}.record-table th{text-align:left;background:#e6f0f6;padding:12px;border-bottom:2px solid #9ab5c5}.record-table td{padding:14px 12px;border-bottom:1px solid #c2d4de}.record-table .secondary{font-size:12px;padding:9px}.selected-record{background:#fff4cd}.record-note{font-size:12px;margin:18px 0}.screen-trace{border:1px solid #d1b76c;border-left:5px solid #ddb65c;background:#fff8e3;padding:20px;margin-top:18px;font-size:14px}.screen-trace h5{font-size:18px;margin:0 0 12px}.screen-trace p{line-height:1.8}.screen-trace .secondary{font-size:12px}.joint-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.joint-kpis>div{padding:15px;background:#edf5f8;border:1px solid #b8ccd7}.joint-kpis b{display:block;font-size:18px;margin:7px 0}.joint-kpis span:last-child{font-size:11px}.join-detail{display:grid;grid-template-columns:120px 1fr;font-size:13px;gap:9px;padding:16px;background:#f4f8fa}.join-detail dt{font-weight:700}.join-detail dd{margin:0;overflow-wrap:anywhere}.simulation-actions{display:flex;gap:9px;flex-wrap:wrap}.simulation-actions button{font-size:12px}.simulation-log{border-top:1px solid #b8ccd7;margin-top:18px;padding-top:15px;font-size:13px}.acceptance-proof{font-size:13px;margin-top:18px}.acceptance-proof b{display:block}.deliver-checklist{background:#eaf3f7;padding:20px}.deliver-checklist p{font-size:14px}.reflection-recap{display:grid;grid-template-columns:1fr 1fr;gap:12px}.reflection-recap article{padding:16px;background:#fff5d6;border:1px solid #d5bd7a;font-size:13px;overflow-wrap:anywhere;white-space:pre-wrap}.reflection-recap article p{margin:8px 0}.studio-message{padding:0 30px;color:#a44530;font-size:14px;min-height:24px;font-weight:700}.studio-bottom{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:20px 30px;border-top:1px solid #a7bfcd;background:#e8f1f5}.studio-bottom small{font-size:11px}.studio-export{width:100%;min-height:300px;margin:20px 0;font:13px/1.7 var(--body);padding:16px}.exam-background{padding:18px;background:#edf4f8;border:1px solid #b8ccd7;margin-bottom:20px}.exam-background summary{font-size:14px}.exam-background dl{display:grid;grid-template-columns:160px 1fr;gap:10px;font-size:13px}.exam-background dt{font-weight:700}.exam-background dd{margin:0}.exam-critical-note{padding:15px;border-left:4px solid #ddb65c;background:#fff4cd}.studio-links{display:flex;gap:10px;flex-wrap:wrap;margin:15px 0}.voyage{flex-wrap:wrap}select:focus-visible,textarea:focus-visible{outline:3px solid #c49c42;outline-offset:3px}@media(max-width:760px){.studio-page{padding:16px 4vw}.studio-intro{display:block}.studio-intro h1{font-size:26px}.studio-intro select{width:100%}.studio-heading{padding:22px}.studio-heading h3{font-size:25px}.studio-body{padding:18px}.needs-grid,.tool-difference,.reflection-recap{grid-template-columns:1fr}.diagram-tabs,.screen-tabs{overflow-x:auto}.diagram-tabs button,.screen-tabs button{flex-shrink:0;max-width:260px}.diagram-sheet{padding:12px}.studio-bottom{padding:15px;flex-wrap:wrap}.studio-bottom small{order:3;width:100%}.studio-question select{max-width:100%;font-size:13px}.joint-kpis{grid-template-columns:1fr}.join-detail{grid-template-columns:1fr}.operation-top{display:block}.operation-top small{display:block}.exam-background dl{grid-template-columns:1fr}.studio-message{padding:0 18px}.topbar nav{flex-wrap:wrap}.studio-intro label{display:block}.studio-intro select{max-width:100%}}@media print{.studio-nav,.studio-bottom,.studio-question select,.screen-tabs{display:none}.diagram-scroll{overflow:visible}.case-studio{border:0}.lane-canvas,.lane-table{width:100%}.lane-connectors{display:none}.studio-body{padding:0}.studio-heading{background:white;color:black}}

.lane-table tbody th{position:sticky;left:0;z-index:4}.demo-receipt{margin-top:18px;padding:16px;background:#edf5f8;border:1px solid #a7bfcd;font-size:13px}.demo-receipt h5{margin:0 0 12px;font-size:16px}.demo-receipt p{margin:6px 0}

.diagram-fit{margin:8px 0 14px;font-size:12px}.lane-canvas.lane-fit{width:100%;min-width:650px}.lane-fit .lane-table{width:100%}.lane-fit .lane-table th:first-child{width:11.7647%}.lane-fit .lane-table td{width:auto;padding:8px 4px}.lane-fit .lane-table th{padding:7px 4px;font-size:11px;overflow-wrap:anywhere}.lane-fit .lane-node{padding:7px 5px;font-size:11px;line-height:1.55;min-height:118px}.lane-fit .lane-node p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden}.lane-fit .lane-node small{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}.lane-fit .lane-connectors{width:100%}.lane-fit .need-tag{font-size:9px;padding:2px 4px;margin-right:0}.lane-fit .lane-node>b{width:19px;height:19px;font-size:11px}

.lane-canvas .lane-connectors{left:0;top:0;width:100%;height:100%}

/* Explain the job before asking the learner to operate the screens. */
.screen-mission{padding:18px 20px;border-left:5px solid #d9a638;background:#fff4d1;margin:16px 0}.screen-mission>span{font-size:12px;font-weight:800;color:#89620b}.screen-mission>p{font-size:18px!important;font-weight:700;line-height:1.75;margin:7px 0}.screen-mission>small{font-size:12px;line-height:1.7;display:block;color:#5b6870}.screen-walkthrough{margin:15px 0;padding:13px 16px;border:1px solid #b9ccd6;background:#f1f7fa;border-radius:7px;font-size:13px}.screen-walkthrough summary{font-size:13px}.screen-walkthrough ol{padding-left:22px;margin:12px 0 0}.screen-walkthrough li{padding:5px 0}.screen-tabs button small{display:block;font-size:9px;font-weight:500;opacity:.8;margin-top:4px}.screen-purpose{padding:16px 18px;background:#edf5fa;border-radius:8px;margin-bottom:20px}.screen-step-label{font-size:11px!important;letter-spacing:.05em;color:#2a6e8a;font-weight:800;margin:0 0 7px}.screen-purpose h5{font-size:17px;line-height:1.6;margin:0 0 9px}.screen-purpose>p:last-child{font-size:13px;margin:0;color:#526675}.screen-next{padding:16px 18px;border:1px solid #b7cbd7;border-left:5px solid #167d93;background:#edf6fa;margin:15px 0;font-size:14px}.screen-next p{margin:0 0 10px;line-height:1.8}.screen-next .secondary{font-size:12px;padding:9px 13px}.joint-teaching small{font-size:11px;color:#526675}.screen-takeaway{border-top:1px solid #cfb76e;padding-top:16px;line-height:1.8}.screen-takeaway b{display:block;margin-bottom:7px}.screen-trace>details{font-size:13px;margin:15px 0}.record-table .secondary{white-space:normal;min-width:100px}.screen-lab .operation-screen>p:last-child{font-size:12px;color:#4c6b7d}@media(max-width:760px){.screen-mission{padding:14px}.screen-mission>p{font-size:16px!important}.screen-purpose,.screen-next{padding:13px}.screen-purpose h5{font-size:16px}.screen-tabs button{font-size:12px;max-width:225px}}

.screen-needs-label{font-size:12px!important;font-weight:700;margin:15px 0 8px}.screen-need-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.screen-need-strip article{display:flex;align-items:start;gap:5px;padding:12px;background:#edf5fa;border:1px solid #b8ccd7;border-radius:6px;font-size:12px;line-height:1.7}.screen-need-strip .need-tag{flex-shrink:0;margin-right:2px}@media(max-width:760px){.screen-need-strip{grid-template-columns:1fr}}