/* Skill / Agent module: one case, one-way learner story */
#m4 .m4-story-board{
  width:100%;min-height:510px;height:100%;box-sizing:border-box;
  border:1px solid #b9c9df;border-radius:18px;background:#fff;
  box-shadow:0 20px 48px rgba(21,54,109,.10);overflow:hidden;
}
#m4 .m4-story-board article,#m4 .m4-story-board section{min-width:0}
#m4 .m4-story-board p{margin:0;color:#455b73;line-height:1.55}
#m4 .m4-story-board small{color:#6d8198}
#m4 .m4-story-board .blue{color:#1f5be0}
#m4 .m4-story-board .navy{color:#15366d}
#m4 .m4-story-board .m4-verdict{
  display:flex;align-items:center;justify-content:center;gap:14px;
  padding:13px 18px;background:#15366d;color:#fff;font-size:17px;font-weight:700;
}
#m4 .m4-story-board .m4-verdict b{color:#8dc1ff}

/* 2-2: methodology map */
.m4-build-map{display:grid;grid-template-rows:auto 1fr 1fr auto;gap:12px;padding:18px}
.m4-map-case{display:grid;grid-template-columns:170px 1fr auto;align-items:center;gap:16px;padding:13px 16px;border-radius:12px;background:#15366d;color:#fff}
.m4-map-case span{font-size:12px;font-weight:800;letter-spacing:.11em;color:#91c4ff}
.m4-map-case strong{font-size:18px;line-height:1.35}
.m4-map-case b{padding:8px 12px;border-radius:8px;background:rgba(255,255,255,.12);font-size:13px}
.m4-map-lane{display:grid;grid-template-columns:150px repeat(5,minmax(0,1fr));gap:10px;align-items:stretch}
.m4-map-lane.agent{grid-template-columns:150px repeat(4,minmax(0,1fr)) 1fr}
.m4-map-label{display:flex;flex-direction:column;justify-content:center;padding:16px;border-radius:12px;background:#eaf1ff;color:#15366d}
.m4-map-label b{font-size:22px}.m4-map-label span{margin-top:7px;font-size:13px;line-height:1.4}
.m4-map-lane.agent .m4-map-label{background:#15366d;color:#fff}
.m4-map-step{position:relative;padding:15px 13px;border:1px solid #c9d7e8;border-radius:12px;background:#fff}
.m4-map-step::after{content:"›";position:absolute;right:-9px;top:50%;transform:translateY(-50%);z-index:2;color:#6d9dde;font-size:20px;font-weight:800}
.m4-map-step:last-of-type::after{display:none}
.m4-map-step i{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#1f5be0;color:#fff;font-style:normal;font-weight:800;font-size:12px}
.m4-map-step strong{display:block;margin:9px 0 6px;color:#15366d;font-size:17px}
.m4-map-step p{font-size:13px!important;line-height:1.45!important}
.m4-map-lane.agent .m4-map-step{background:#f6f9ff}
.m4-map-output{display:flex;align-items:center;padding:15px;border:1px dashed #96afd0;border-radius:12px;background:#f7faff;color:#24476d;font-weight:700}
.m4-map-rule{display:grid;grid-template-columns:1fr auto;gap:16px;align-items:center;padding:12px 16px;border-radius:12px;background:#eef5ff;color:#284d73}
.m4-map-rule strong{font-size:16px}.m4-map-rule span{font-size:14px}

/* 2-3: complete case */
.m4-case-contract{display:grid;grid-template-columns:240px 1fr;grid-template-rows:auto 1fr auto;gap:14px;padding:18px}
.m4-case-person{grid-row:1/4;display:flex;flex-direction:column;justify-content:center;padding:24px;border-radius:16px;background:#15366d;color:#fff}
.m4-case-person .avatar{display:grid;place-items:center;width:72px;height:72px;border:2px solid #8dc1ff;border-radius:50%;background:#1f5be0;font-size:28px;font-weight:800}
.m4-case-person small{margin-top:20px;color:#8dc1ff;font-weight:800;letter-spacing:.1em}
.m4-case-person strong{margin:8px 0 12px;font-size:25px;line-height:1.25}
.m4-case-person p{color:#dceaff!important;font-size:15px!important}
.m4-case-task{display:grid;grid-template-columns:1fr auto;gap:16px;align-items:center;padding:14px 17px;border:1px solid #ccd9ea;border-radius:13px;background:#f8fbff}
.m4-case-task span{display:block;color:#1f5be0;font-size:12px;font-weight:800;letter-spacing:.08em}
.m4-case-task strong{display:block;margin-top:5px;color:#15366d;font-size:20px}
.m4-case-task b{padding:10px 13px;border-radius:9px;background:#eaf1ff;color:#15366d;font-size:14px}
.m4-case-flow{display:grid;grid-template-columns:repeat(11,auto);align-items:center;justify-content:space-between;gap:8px}
.m4-case-flow article{width:142px;min-height:156px;padding:16px 14px;border:1px solid #cbd8e8;border-radius:13px;background:#fff}
.m4-case-flow article:nth-of-type(1){background:#eef5ff}.m4-case-flow article:last-of-type{background:#15366d;color:#fff}
.m4-case-flow article:last-of-type strong,.m4-case-flow article:last-of-type p{color:#fff}
.m4-case-flow em{display:block;color:#1f5be0;font-style:normal;font-size:12px;font-weight:800}
.m4-case-flow strong{display:block;margin:9px 0;color:#15366d;font-size:17px;line-height:1.35}
.m4-case-flow p{font-size:13px!important}.m4-case-flow>i{color:#6d9dde;font-style:normal;font-size:20px}
.m4-case-materials{display:grid;grid-template-columns:140px repeat(4,1fr);gap:10px;align-items:center;padding:13px 16px;border-radius:12px;background:#edf4ff}
.m4-case-materials>b{color:#15366d}.m4-case-materials span{padding:8px 10px;border-radius:8px;background:#fff;color:#3f5772;font-size:13px;text-align:center}

/* 2-4: restore AS-IS */
.m4-as-is{display:grid;grid-template-rows:auto 1fr auto;gap:13px;padding:18px}
.m4-as-is-thesis{display:grid;grid-template-columns:175px 1fr auto;align-items:center;gap:16px;padding:13px 16px;border-radius:12px;background:#15366d;color:#fff}
.m4-as-is-thesis span{color:#8dc1ff;font-size:12px;font-weight:800;letter-spacing:.09em}.m4-as-is-thesis strong{font-size:18px}.m4-as-is-thesis b{font-size:13px}
.m4-as-is-main{display:grid;grid-template-columns:1fr 310px;gap:15px}
.m4-as-is-flow{display:grid;grid-template-columns:repeat(11,auto);align-items:center;justify-content:space-between;gap:5px;padding:16px;border:1px solid #d1ddec;border-radius:14px;background:#fbfdff}
.m4-as-is-flow article{width:112px;min-height:190px;padding:14px 11px;border-top:5px solid #1f5be0;border-radius:10px;background:#fff;box-shadow:0 6px 16px rgba(21,54,109,.07)}
.m4-as-is-flow small{font-weight:800;color:#1f5be0}.m4-as-is-flow strong{display:block;margin:9px 0;color:#15366d;font-size:16px;line-height:1.35}.m4-as-is-flow p{font-size:12px!important}.m4-as-is-flow b{display:block;margin-top:10px;padding-top:8px;border-top:1px solid #dbe4ef;color:#536a82;font-size:11px}.m4-as-is-flow>i{font-style:normal;color:#6d9dde;font-size:18px}
.m4-as-is-evidence{display:grid;grid-template-rows:auto 1fr 1fr;gap:10px;padding:15px;border:1px solid #d1ddec;border-radius:14px;background:#eef5ff}
.m4-as-is-evidence>strong{color:#15366d;font-size:18px}.m4-evidence-box{padding:12px;border-radius:10px;background:#fff}.m4-evidence-box b{display:block;color:#1f5be0;margin-bottom:7px}.m4-evidence-box span{display:block;color:#4e657d;font-size:13px;line-height:1.55}
.m4-as-is-output{display:grid;grid-template-columns:160px repeat(3,1fr);gap:10px;align-items:center;padding:11px 14px;border-radius:11px;background:#edf4ff}.m4-as-is-output>b{color:#15366d}.m4-as-is-output span{font-size:13px;color:#365572;text-align:center}

/* 2-5: trial before packaging */
.m4-ai-trial{display:grid;grid-template-rows:auto 1fr auto;gap:13px;padding:18px}
.m4-trial-question{display:grid;grid-template-columns:170px 1fr;gap:16px;align-items:center;padding:13px 16px;border-radius:12px;background:#15366d;color:#fff}.m4-trial-question span{color:#8dc1ff;font-size:12px;font-weight:800;letter-spacing:.08em}.m4-trial-question strong{font-size:18px}
.m4-trial-steps{display:grid;grid-template-columns:repeat(7,auto);align-items:center;justify-content:space-between;gap:10px}
.m4-trial-steps article{width:205px;min-height:260px;padding:20px 17px;border:1px solid #cbd8e8;border-radius:15px;background:#fff}.m4-trial-steps article:nth-of-type(3){border:2px solid #1f5be0;background:#f2f7ff}.m4-trial-steps i{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#1f5be0;color:#fff;font-style:normal;font-weight:800}.m4-trial-steps strong{display:block;margin:13px 0 9px;color:#15366d;font-size:19px}.m4-trial-steps p{font-size:14px!important}.m4-trial-steps b{display:block;margin-top:13px;padding:9px;border-radius:8px;background:#edf4ff;color:#31587f;font-size:12px}.m4-trial-steps>span{font-size:23px;color:#6d9dde}
.m4-trial-footer{display:grid;grid-template-columns:1fr 1.2fr;gap:12px}.m4-trial-prompt,.m4-trial-result{padding:12px 15px;border-radius:11px}.m4-trial-prompt{background:#f1f5f9;color:#36516d}.m4-trial-result{background:#15366d;color:#fff}.m4-trial-footer b{margin-right:8px}.m4-trial-result b{color:#8dc1ff}

/* 2-6: Skill Creator */
.m4-skill-contract{display:grid;grid-template-rows:auto 1fr auto;gap:13px;padding:18px}
.m4-skill-name{display:grid;grid-template-columns:160px 1fr auto;align-items:center;gap:15px;padding:13px 16px;border-radius:12px;background:#15366d;color:#fff}.m4-skill-name span{color:#8dc1ff;font-size:12px;font-weight:800;letter-spacing:.08em}.m4-skill-name strong{font-size:19px}.m4-skill-name b{padding:8px 12px;border-radius:8px;background:rgba(255,255,255,.12);font-size:13px}
.m4-contract-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.m4-contract-grid article{position:relative;padding:17px 16px;border:1px solid #cbd8e8;border-radius:13px;background:#fff}.m4-contract-grid i{position:absolute;right:13px;top:11px;color:#a3b4c7;font-style:normal;font-weight:800}.m4-contract-grid b{display:block;color:#1f5be0;font-size:16px;margin-bottom:8px}.m4-contract-grid strong{display:block;color:#15366d;font-size:17px;margin-bottom:7px}.m4-contract-grid p{font-size:13px!important}
.m4-skill-actions{display:grid;grid-template-columns:120px 1fr auto auto;gap:10px;align-items:center;padding:11px 13px;border-radius:11px;background:#edf4ff}.m4-skill-actions>b{color:#15366d}.m4-skill-actions span{color:#3d5874;font-size:13px}

/* 2-7: naming and boundaries */
.m4-skill-boundary{display:grid;grid-template-rows:auto 1fr auto;gap:13px;padding:18px}
.m4-name-formula-v2{display:grid;grid-template-columns:auto 1fr auto 1fr auto 1fr;gap:10px;align-items:center;padding:13px 16px;border-radius:12px;background:#15366d;color:#fff}.m4-name-formula-v2>span{color:#8dc1ff;font-size:12px;font-weight:800}.m4-name-formula-v2 strong{text-align:center;font-size:18px}.m4-name-formula-v2 b{color:#8dc1ff}
.m4-boundary-main{display:grid;grid-template-columns:1fr 70px 1fr;gap:13px;align-items:stretch}.m4-boundary-main>i{display:grid;place-items:center;font-style:normal;color:#1f5be0;font-size:28px;font-weight:800}.m4-boundary-box{padding:18px;border:1px solid #cbd8e8;border-radius:14px;background:#fff}.m4-boundary-box.stop{background:#fff8f7;border-color:#efc4bd}.m4-boundary-box header{display:flex;align-items:center;justify-content:space-between;margin-bottom:13px}.m4-boundary-box header strong{font-size:21px;color:#15366d}.m4-boundary-box header span{padding:6px 9px;border-radius:8px;background:#eaf1ff;color:#1f5be0;font-size:12px;font-weight:800}.m4-boundary-box.stop header span{background:#feeceb;color:#b42318}.m4-boundary-box ul{display:grid;grid-template-columns:1fr 1fr;gap:9px;list-style:none;margin:0;padding:0}.m4-boundary-box li{padding:10px;border-radius:8px;background:#f5f8fc;color:#405a73;font-size:14px}.m4-boundary-box.stop li{background:#fff}.m4-boundary-result{display:grid;grid-template-columns:1fr 1fr;gap:12px}.m4-boundary-result div{padding:11px 14px;border-radius:10px;background:#edf4ff;color:#355878}.m4-boundary-result b{margin-right:8px;color:#15366d}

/* 2-9: decide Agent only after Skill */
.m4-agent-gate{display:grid;grid-template-rows:auto 1fr auto;gap:13px;padding:18px}
.m4-agent-gate-head{display:grid;grid-template-columns:180px 1fr auto;gap:16px;align-items:center;padding:13px 16px;border-radius:12px;background:#15366d;color:#fff}.m4-agent-gate-head span{color:#8dc1ff;font-size:12px;font-weight:800}.m4-agent-gate-head strong{font-size:19px}.m4-agent-gate-head b{font-size:13px}
.m4-agent-gate-main{display:grid;grid-template-columns:1fr 70px 1.35fr;gap:14px;align-items:stretch}.m4-one-step,.m4-many-steps{padding:19px;border:1px solid #cbd8e8;border-radius:15px;background:#fff}.m4-one-step{background:#eef5ff}.m4-one-step em,.m4-many-steps em{font-style:normal;color:#1f5be0;font-size:12px;font-weight:800}.m4-one-step strong,.m4-many-steps>strong{display:block;margin:10px 0;color:#15366d;font-size:23px}.m4-one-step p{font-size:15px!important}.m4-one-step b{display:block;margin-top:15px;padding:10px;border-radius:9px;background:#fff;color:#1b4d7d}.m4-agent-gate-main>i{display:grid;place-items:center;font-style:normal;color:#1f5be0;font-size:30px;font-weight:800}
.m4-agent-questions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:13px}.m4-agent-questions article{padding:12px;border-radius:9px;background:#f4f7fb}.m4-agent-questions b{display:block;color:#1f5be0;margin-bottom:5px}.m4-agent-questions span{color:#455f78;font-size:13px;line-height:1.4}.m4-agent-gate-result{display:grid;grid-template-columns:1fr 1fr;gap:12px}.m4-agent-gate-result div{padding:12px 15px;border-radius:10px;background:#edf4ff;color:#365675}.m4-agent-gate-result div:last-child{background:#15366d;color:#fff}.m4-agent-gate-result b{margin-right:8px}

/* 2-10: Agent Run */
.m4-agent-runtime{display:grid;grid-template-rows:auto auto 1fr auto;gap:12px;padding:18px}
.m4-agent-definition{display:grid;grid-template-columns:180px 1fr auto;gap:14px;align-items:center;padding:13px 16px;border-radius:12px;background:#15366d;color:#fff}.m4-agent-definition span{color:#8dc1ff;font-size:12px;font-weight:800;letter-spacing:.08em}.m4-agent-definition strong{font-size:18px}.m4-agent-definition b{font-size:13px}
.m4-runtime-case{display:grid;grid-template-columns:150px 1fr 1fr;gap:12px}.m4-runtime-case>div{padding:11px 13px;border-radius:10px;background:#edf4ff;color:#365675}.m4-runtime-case b{display:block;color:#15366d;margin-bottom:4px}
.m4-runtime-main{display:grid;grid-template-columns:280px 1fr 260px;gap:14px}.m4-runtime-parts,.m4-runtime-results{padding:16px;border:1px solid #cbd8e8;border-radius:14px;background:#fff}.m4-runtime-parts>strong,.m4-runtime-results>strong{display:block;color:#15366d;font-size:18px;margin-bottom:11px}.m4-runtime-parts ul{display:grid;grid-template-columns:1fr 1fr;gap:8px;list-style:none;margin:0;padding:0}.m4-runtime-parts li{padding:9px;border-radius:8px;background:#f3f7fc;color:#405a73;font-size:12px}.m4-runtime-parts li b{display:block;color:#1f5be0;margin-bottom:3px}
.m4-runtime-loop{display:grid;grid-template-columns:repeat(9,auto);align-items:center;justify-content:center;gap:8px;padding:16px;border-radius:14px;background:#eef5ff}.m4-runtime-loop article{width:112px;min-height:150px;padding:13px 10px;border-radius:10px;background:#fff;text-align:center}.m4-runtime-loop i{display:grid;place-items:center;width:28px;height:28px;margin:0 auto 9px;border-radius:50%;background:#1f5be0;color:#fff;font-style:normal;font-size:12px;font-weight:800}.m4-runtime-loop strong{display:block;color:#15366d;font-size:15px;line-height:1.35}.m4-runtime-loop p{margin-top:7px!important;font-size:11px!important}.m4-runtime-loop>span{color:#1f5be0;font-size:18px}
.m4-runtime-results div{padding:10px;border-bottom:1px solid #e0e7f0}.m4-runtime-results div:last-child{border:0}.m4-runtime-results b{display:block;color:#1f5be0;margin-bottom:4px}.m4-runtime-results span{color:#4a627a;font-size:12px;line-height:1.4}
.m4-runtime-human{display:flex;justify-content:center;gap:15px;padding:11px 14px;border-radius:10px;background:#fff3f1;color:#8f2d23;font-size:13px;font-weight:700}

/* 2-11: Agent relationship and forms */
.m4-agent-ecology{display:grid;grid-template-rows:auto 1fr auto;gap:13px;padding:18px}
.m4-ecology-chain{display:grid;grid-template-columns:1fr 28px 1.1fr 28px 1.2fr 28px 1fr;align-items:center;gap:9px}.m4-ecology-chain section{padding:15px;border:1px solid #cbd8e8;border-radius:12px;background:#fff;text-align:center}.m4-ecology-chain section.agent{background:#15366d;color:#fff}.m4-ecology-chain section.agent strong,.m4-ecology-chain section.agent p{color:#fff}.m4-ecology-chain>i{font-style:normal;color:#1f5be0;text-align:center;font-size:20px}.m4-ecology-chain span{display:block;color:#1f5be0;font-size:11px;font-weight:800}.m4-ecology-chain strong{display:block;margin:7px 0;color:#15366d;font-size:17px}.m4-ecology-chain p{font-size:12px!important}
.m4-agent-forms-v2{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.m4-agent-forms-v2 article{padding:16px;border:1px solid #cbd8e8;border-radius:13px;background:#fff}.m4-agent-forms-v2 article.focus{border:2px solid #1f5be0;background:#f2f7ff}.m4-agent-forms-v2 i{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#eaf1ff;color:#1f5be0;font-style:normal;font-weight:800}.m4-agent-forms-v2 strong{display:block;margin:9px 0;color:#15366d;font-size:17px}.m4-agent-forms-v2 p{font-size:13px!important}.m4-agent-forms-v2 b{display:block;margin-top:9px;padding-top:8px;border-top:1px solid #dce5ef;color:#1f5be0;font-size:12px}
.m4-ecology-rule{padding:11px 14px;border-radius:10px;background:#edf4ff;color:#345675;text-align:center;font-size:14px}.m4-ecology-rule b{color:#15366d}

/* 2-12: Qoder Cloud Agent classroom demo */
.m4-qoder-lab{display:grid;grid-template-rows:auto 1fr auto;gap:13px;padding:18px}
.m4-qoder-head{display:grid;grid-template-columns:180px 1fr auto;gap:15px;align-items:center;padding:13px 16px;border-radius:12px;background:#15366d;color:#fff}.m4-qoder-head span{color:#8dc1ff;font-size:12px;font-weight:800;letter-spacing:.08em}.m4-qoder-head strong{font-size:19px}.m4-qoder-head a{color:#fff;text-decoration:none;padding:8px 12px;border:1px solid rgba(255,255,255,.35);border-radius:8px;font-size:12px;font-weight:700}
.m4-qoder-main{display:grid;grid-template-columns:260px 1fr;gap:15px}.m4-qoder-concepts{display:grid;grid-template-columns:1fr 1fr;gap:10px}.m4-qoder-concepts article{padding:14px;border:1px solid #cbd8e8;border-radius:11px;background:#fff}.m4-qoder-concepts b{display:block;color:#1f5be0;margin-bottom:6px}.m4-qoder-concepts strong{display:block;color:#15366d;margin-bottom:5px}.m4-qoder-concepts p{font-size:12px!important}
.m4-qoder-demo{display:grid;grid-template-rows:auto 1fr auto;gap:10px;padding:15px;border:1px solid #cbd8e8;border-radius:14px;background:#f7faff}.m4-qoder-demo>strong{color:#15366d;font-size:18px}.m4-qoder-steps-v2{display:grid;grid-template-columns:repeat(7,auto);align-items:center;justify-content:space-between;gap:8px}.m4-qoder-steps-v2 article{width:145px;min-height:170px;padding:14px 12px;border-radius:10px;background:#fff}.m4-qoder-steps-v2 i{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#1f5be0;color:#fff;font-style:normal;font-size:12px;font-weight:800}.m4-qoder-steps-v2 strong{display:block;margin:8px 0;color:#15366d;font-size:15px}.m4-qoder-steps-v2 p{font-size:12px!important}.m4-qoder-steps-v2>span{color:#1f5be0;font-size:18px}.m4-qoder-output{padding:10px 12px;border-radius:9px;background:#15366d;color:#fff;font-size:13px}.m4-qoder-output b{color:#8dc1ff;margin-right:8px}
.m4-qoder-note{display:grid;grid-template-columns:1fr 1fr;gap:12px}.m4-qoder-note div{padding:11px 14px;border-radius:10px;background:#edf4ff;color:#365675;font-size:13px}.m4-qoder-note div:last-child{background:#fff3f1;color:#8f2d23}.m4-qoder-note b{margin-right:8px}

/* 2-13: enterprise integration */
.m4-system-bridge{display:grid;grid-template-rows:auto 1fr auto;gap:13px;padding:18px}
.m4-system-head{display:grid;grid-template-columns:190px 1fr;gap:16px;align-items:center;padding:13px 16px;border-radius:12px;background:#15366d;color:#fff}.m4-system-head span{color:#8dc1ff;font-size:12px;font-weight:800}.m4-system-head strong{font-size:18px}
.m4-system-swimlane{display:grid;grid-template-columns:130px repeat(5,1fr);grid-template-rows:repeat(3,1fr);gap:8px}.m4-system-swimlane .lane{display:flex;align-items:center;padding:12px;border-radius:9px;background:#15366d;color:#fff;font-weight:800}.m4-system-swimlane article{padding:13px;border:1px solid #cbd8e8;border-radius:9px;background:#fff}.m4-system-swimlane article.focus{border:2px solid #1f5be0;background:#f2f7ff}.m4-system-swimlane b{display:block;color:#1f5be0;margin-bottom:5px}.m4-system-swimlane span{color:#405b75;font-size:12px;line-height:1.4}.m4-system-swimlane .empty{border:0;background:transparent}
.m4-system-checks{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.m4-system-checks div{padding:11px;border-radius:9px;background:#edf4ff;color:#365675;font-size:12px}.m4-system-checks b{display:block;color:#15366d;margin-bottom:4px}

/* 2-15: case result */
.m4-case-result{display:grid;grid-template-rows:1fr auto;gap:13px;padding:18px}
.m4-result-chain{display:grid;grid-template-columns:repeat(9,auto);align-items:stretch;justify-content:space-between;gap:8px;height:100%}.m4-result-chain article{display:flex;flex-direction:column;justify-content:center;width:205px;min-height:260px;padding:18px;border:1px solid #cbd8e8;border-radius:14px;background:#fff}.m4-result-chain article:nth-of-type(2){background:#eef5ff}.m4-result-chain article:nth-of-type(4){background:#15366d;color:#fff}.m4-result-chain article:nth-of-type(4) strong,.m4-result-chain article:nth-of-type(4) p{color:#fff}.m4-result-chain em{display:block;color:#1f5be0;font-style:normal;font-size:12px;font-weight:800}.m4-result-chain strong{display:block;margin:10px 0;color:#15366d;font-size:19px}.m4-result-chain p{font-size:13px!important}.m4-result-chain b{display:block;margin-top:12px;padding-top:10px;border-top:1px solid #dce5ef;color:#1f5be0;font-size:12px}.m4-result-chain>i{align-self:center;font-style:normal;color:#1f5be0;font-size:22px}
.m4-result-assets{display:grid;grid-template-columns:170px repeat(3,1fr);gap:10px;align-items:center;padding:12px 14px;border-radius:10px;background:#edf4ff}.m4-result-assets>b{color:#15366d}.m4-result-assets span{text-align:center;color:#365675;font-size:13px}

/* 2-16: learner workshop */
.m4-workshop-v2{display:grid;grid-template-columns:260px 1fr;grid-template-rows:1fr auto;gap:14px;padding:18px}
.m4-workshop-input{grid-row:1/3;padding:22px;border-radius:15px;background:#15366d;color:#fff}.m4-workshop-input span{color:#8dc1ff;font-size:12px;font-weight:800}.m4-workshop-input strong{display:block;margin:12px 0;font-size:24px;line-height:1.35}.m4-workshop-input p{color:#dceaff!important;font-size:14px!important}.m4-workshop-input ul{margin:15px 0 0;padding-left:18px;color:#fff;font-size:13px;line-height:1.65}
.m4-workshop-route{display:grid;grid-template-columns:repeat(9,auto);align-items:center;justify-content:space-between;gap:7px}.m4-workshop-route article{width:150px;min-height:210px;padding:16px 13px;border:1px solid #cbd8e8;border-radius:12px;background:#fff}.m4-workshop-route i{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#1f5be0;color:#fff;font-style:normal;font-weight:800}.m4-workshop-route strong{display:block;margin:10px 0;color:#15366d;font-size:16px}.m4-workshop-route p{font-size:12px!important}.m4-workshop-route b{display:block;margin-top:10px;color:#1f5be0;font-size:11px}.m4-workshop-route>span{font-size:18px;color:#1f5be0}
.m4-workshop-output{display:grid;grid-template-columns:130px repeat(3,1fr);gap:10px;align-items:center;padding:12px 14px;border-radius:10px;background:#edf4ff}.m4-workshop-output>b{color:#15366d}.m4-workshop-output span{text-align:center;color:#365675;font-size:13px}

@media screen and (min-width:1100px){
  #fsSlideContent #m4 .m4-story-board{min-height:clamp(560px,61vh,700px)}
  #fsSlideContent #m4 .m4-story-board p{font-size:clamp(14px,.78vw,17px)}
  #fsSlideContent #m4 .m4-story-board strong{letter-spacing:.01em}
}

@media screen and (max-width:768px){
  #m4 .slide-card{box-sizing:border-box;padding-top:94px}
  #m4 .slide-body{padding-top:10px}
  #m4 .m4-story-board{height:auto;min-height:0;overflow:visible;border-radius:13px;padding:12px}
  #m4 .m4-story-board>*{min-width:0}
  .m4-map-case,.m4-case-task,.m4-as-is-thesis,.m4-trial-question,.m4-skill-name,.m4-agent-gate-head,.m4-agent-definition,.m4-qoder-head,.m4-system-head{grid-template-columns:1fr;gap:6px}
  .m4-map-lane,.m4-map-lane.agent,.m4-case-contract,.m4-as-is-main,.m4-runtime-main,.m4-qoder-main,.m4-workshop-v2{grid-template-columns:1fr}
  .m4-map-step::after{content:"↓";right:50%;top:auto;bottom:-17px;transform:translateX(50%)}
  .m4-case-person{grid-row:auto}.m4-case-flow,.m4-as-is-flow,.m4-trial-steps,.m4-runtime-loop,.m4-qoder-steps-v2,.m4-result-chain,.m4-workshop-route{display:flex;flex-direction:column;align-items:stretch}
  .m4-case-flow article,.m4-as-is-flow article,.m4-trial-steps article,.m4-runtime-loop article,.m4-qoder-steps-v2 article,.m4-result-chain article,.m4-workshop-route article{width:auto;min-height:0}
  .m4-case-materials,.m4-as-is-output,.m4-skill-actions,.m4-result-assets,.m4-workshop-output{grid-template-columns:1fr}
  .m4-contract-grid,.m4-boundary-result,.m4-agent-questions,.m4-agent-gate-result,.m4-agent-forms-v2,.m4-qoder-concepts,.m4-qoder-note,.m4-system-checks{grid-template-columns:1fr}
  .m4-boundary-main,.m4-agent-gate-main,.m4-ecology-chain{display:flex;flex-direction:column}
  .m4-name-formula-v2{grid-template-columns:1fr;text-align:left}.m4-name-formula-v2 strong{text-align:left}
  .m4-runtime-case{grid-template-columns:1fr}.m4-system-swimlane{grid-template-columns:1fr;grid-template-rows:auto}.m4-system-swimlane .empty{display:none}
  .m4-workshop-input{grid-row:auto}
}

@media print{
  #m4 .m4-story-board{min-height:128mm!important;height:auto!important;border-color:#7f8a9a!important;border-radius:3mm!important;box-shadow:none!important;padding:4mm!important;overflow:hidden!important}
  #m4 .m4-story-board p{font-size:12.5pt!important}
  #m4 .m4-story-board .m4-verdict,.m4-map-case,.m4-case-person,.m4-as-is-thesis,.m4-trial-question,.m4-skill-name,.m4-agent-gate-head,.m4-agent-definition,.m4-qoder-head,.m4-system-head{-webkit-print-color-adjust:exact;print-color-adjust:exact}
  #m4 .m4-skill-actions .copy-btn,#m4 .m4-skill-actions .link-btn{display:none!important}
}