/* Module 4: Agent planning and Qoder Cloud Agent practice */
#m4 .slide-body{display:flex;align-items:stretch}
#m4 .slide-body>.semantic-visual{width:100%}
#m3-s6 .semantic-caption{display:none!important}
#m4-s13 .semantic-caption{display:none!important}
.agent-form-grid,.agent-card-board,.agent-example,.agent-skill-map,.agent-practice-pick,.qoder-steps,.agent-instruction,.material-skill-pair,.agent-run-check,.agent-lab{height:100%;box-sizing:border-box}
.agent-form-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;align-content:center}
.agent-form-grid article{padding:24px 20px;border:1px solid #d9e4f2;border-radius:18px;background:#fff;box-shadow:0 12px 28px rgba(18,54,88,.08)}
.agent-form-grid article.focus{border:2px solid #1f73e8;background:#f3f8ff}
.agent-form-grid article>span{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#eaf2ff;color:#1464cf;font-weight:800}
.agent-form-grid article b{display:block;margin:16px 0 10px;font-size:24px;color:#102a43}.agent-form-grid article p{min-height:76px;margin:0;color:#40566e;line-height:1.65}.agent-form-grid article em{display:block;margin-top:16px;padding-top:14px;border-top:1px solid #e4ebf3;color:#1765c1;font-style:normal;font-weight:700;line-height:1.55}
.agent-form-verdict{grid-column:1/-1;display:flex;gap:10px;justify-content:center;padding:14px 20px;border-radius:14px;background:#102f4f;color:#fff;font-size:18px}
.agent-card-board{display:flex;flex-direction:column;gap:16px}.agent-card-title{display:flex;align-items:center;gap:18px;padding:16px 22px;border-radius:14px;background:#123a63;color:#fff}.agent-card-title span{font-weight:800;letter-spacing:.12em;color:#78b7ff}.agent-card-title strong{font-size:23px}
.agent-card-fields{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;flex:1}.agent-card-fields article{position:relative;padding:20px 17px 16px;border:1px solid #dbe6f1;border-radius:16px;background:#fff}.agent-card-fields i{position:absolute;right:14px;top:12px;color:#a9bdd2;font-style:normal;font-weight:800}.agent-card-fields b{display:block;color:#123a63;font-size:20px;margin-bottom:10px}.agent-card-fields p{margin:0;color:#4a6178;line-height:1.55}.agent-card-rule{padding:14px 20px;text-align:center;border-radius:12px;background:#eaf3ff;color:#24435e;font-size:17px}
.agent-example{display:grid;grid-template-columns:220px 1fr;grid-template-rows:1fr auto;gap:18px}.agent-example-profile{grid-row:1/3;padding:28px 22px;border-radius:20px;background:linear-gradient(155deg,#0f345a,#185a99);color:#fff;display:flex;flex-direction:column;justify-content:center}.agent-example-profile span{color:#7fc0ff;font-weight:800;letter-spacing:.12em}.agent-example-profile strong{font-size:27px;line-height:1.35;margin:16px 0}.agent-example-profile p{margin:0 0 16px}.agent-example-profile em{font-style:normal;color:#d6ebff;line-height:1.6}
.agent-example-flow{display:grid;grid-template-columns:1fr 24px 1.15fr 24px 1fr;align-items:center;gap:10px}.agent-example-flow article{height:100%;box-sizing:border-box;padding:22px;border:1px solid #dbe6f1;border-radius:17px;background:#fff}.agent-example-flow span,.agent-example-bottom b{display:block;color:#1b6cca;font-weight:800;margin-bottom:10px}.agent-example-flow b{font-size:18px;line-height:1.6;color:#243c52}.agent-example-flow>i{font-size:22px;color:#76aee9;font-style:normal;text-align:center}.agent-example-bottom{display:grid;grid-template-columns:1fr 1fr;gap:14px}.agent-example-bottom article{padding:16px 20px;border-radius:14px;background:#edf6ff}.agent-example-bottom article.guard{background:#fff3f1}.agent-example-bottom p{margin:0;color:#3f566d;line-height:1.55}
.agent-skill-map{display:grid;grid-template-columns:1fr 28px 1.15fr 28px .9fr 28px 1fr;align-items:center;gap:10px}.agent-skill-map section{padding:24px 20px;border:1px solid #dbe6f1;border-radius:18px;background:#fff;text-align:center}.agent-skill-map>i{font-style:normal;font-size:23px;color:#6fa8e5;text-align:center}.agent-skill-map section>span{display:block;color:#1b6cca;font-weight:800;margin-bottom:12px}.agent-skill-map strong{display:block;color:#173a5e;font-size:21px;line-height:1.45;margin-bottom:12px}.agent-skill-map p{margin:0;color:#52677c;line-height:1.55}.agent-skill-map .agent-core{background:#123a63;color:#fff}.agent-skill-map .agent-core span,.agent-skill-map .agent-core strong,.agent-skill-map .agent-core p{color:#fff}.agent-skill-map .skill-stack{display:flex;flex-direction:column;gap:10px;background:#f2f8ff}.agent-skill-map .skill-stack b{padding:10px;border-radius:10px;background:#fff;color:#175faa}
.agent-practice-pick{display:flex;flex-direction:column;gap:18px}.agent-pick-options{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.agent-pick-options article{padding:22px;border-radius:17px;border:1px solid #dbe6f1;background:#fff}.agent-pick-options b{display:block;font-size:20px;color:#153d66;margin-bottom:10px}.agent-pick-options p{margin:0;color:#536b81;line-height:1.55}.agent-pick-filter{display:flex;align-items:center;justify-content:center;gap:12px;flex:1;padding:20px;border-radius:18px;background:#eef6ff}.agent-pick-filter span{padding:14px;border-radius:12px;background:#fff;color:#1d527f;font-weight:700;text-align:center}.agent-pick-filter i{font-style:normal;color:#3882cf;font-size:22px}.agent-pick-output{padding:15px 20px;border-radius:12px;background:#123a63;color:#fff;text-align:center;font-size:18px}
.qoder-steps,.agent-lab{display:grid;grid-template-columns:repeat(9,auto);align-items:center;justify-content:center;gap:12px}.qoder-steps article,.agent-lab article{width:155px;min-height:155px;padding:20px 15px;box-sizing:border-box;border:1px solid #dbe6f1;border-radius:18px;background:#fff;text-align:center}.qoder-steps article i,.agent-lab article i{display:grid;place-items:center;width:38px;height:38px;margin:0 auto 14px;border-radius:50%;background:#e9f3ff;color:#1464cf;font-style:normal;font-weight:800}.qoder-steps article b,.agent-lab article b{display:block;font-size:19px;color:#173d62;margin-bottom:9px}.qoder-steps article p,.agent-lab article p{margin:0;color:#536b81;line-height:1.5}.qoder-steps>span,.agent-lab>span{font-size:22px;color:#75aae1}.qoder-note,.agent-lab-output{grid-column:1/-1;padding:15px 20px;border-radius:12px;background:#102f4f;color:#fff;text-align:center;font-size:17px}
.agent-instruction{display:grid;grid-template-columns:1fr 250px;gap:18px}.agent-instruction ol{margin:0;padding:0;list-style:none;display:grid;gap:10px}.agent-instruction li{padding:13px 18px;border:1px solid #dbe6f1;border-radius:13px;background:#fff;display:grid;grid-template-columns:150px 1fr;align-items:center}.agent-instruction li b{color:#165fae}.agent-instruction li span{color:#3f566d;line-height:1.5}.agent-instruction>div{display:flex;flex-direction:column;justify-content:center;padding:25px;border-radius:18px;background:#eaf3ff;color:#254a6c;line-height:1.7;font-size:18px}.agent-instruction>div b{font-size:23px;color:#0f5eb8;margin-bottom:18px}
.material-skill-pair{display:grid;grid-template-columns:1fr 32px 1fr 32px 1fr;align-items:center;gap:12px}.material-skill-pair>section{padding:24px 22px;border:1px solid #dbe6f1;border-radius:18px;background:#fff}.material-skill-pair>section.result{background:#123a63;color:#fff}.material-skill-pair>section>span{color:#1970cf;font-weight:800}.material-skill-pair .result>span{color:#8cc7ff}.material-skill-pair strong{display:block;font-size:22px;margin:12px 0 16px;color:#173d62}.material-skill-pair .result strong{color:#fff}.material-skill-pair p{margin:8px 0;color:#435b72}.material-skill-pair .result p{color:#fff}.material-skill-pair em{display:block;margin-top:14px;padding-top:12px;border-top:1px solid #dbe6f1;color:#50718e;font-style:normal}.material-skill-pair .result em{color:#d3e9ff;border-color:#47739d}.material-skill-pair>b{font-size:26px;color:#5192d4;text-align:center}
.agent-run-check{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;align-content:center}.agent-run-check article{padding:24px 22px;border:1px solid #dbe6f1;border-radius:18px;background:#fff}.agent-run-check article i{color:#1b6cca;font-style:normal;font-weight:800}.agent-run-check article strong{display:block;margin:12px 0;font-size:24px;color:#173d62}.agent-run-check article p{min-height:55px;color:#465f76;line-height:1.55}.agent-run-check article b{display:block;padding:12px;border-radius:10px;background:#edf5ff;color:#1763b4}.agent-run-check>div{grid-column:1/-1;display:flex;justify-content:center;align-items:center;gap:15px;padding:16px;border-radius:14px;background:#123a63;color:#fff;font-weight:700}.agent-run-check>div i{font-style:normal;color:#7dbbfa}
.agent-lab{grid-template-columns:repeat(7,auto)}.agent-lab article{width:190px}.agent-lab-output{display:flex;justify-content:center;gap:16px;align-items:center}.agent-lab-output span{padding:7px 11px;border-radius:9px;background:rgba(255,255,255,.12)}
.skill-from-flow{display:grid;grid-template-columns:1fr 34px 1fr 34px 1fr;align-items:center;gap:14px}.skill-from-flow>i{font-size:25px;color:#72a9df;font-style:normal;text-align:center}.skill-from-flow>section{padding:26px 24px;border:1px solid #dbe6f1;border-radius:19px;background:#fff}.skill-from-flow section>span{color:#1b6cca;font-weight:800}.skill-from-flow strong{display:block;margin:12px 0 16px;color:#173d62;font-size:23px}.skill-from-flow p{margin:9px 0;color:#496278;line-height:1.5}.skill-from-flow .skill-flow-filter{background:#eef6ff}.skill-from-flow .skill-flow-filter b{display:block;margin-bottom:12px;color:#174f83}.skill-from-flow .skill-flow-filter p{padding:8px 12px;border-radius:9px;background:#fff}.skill-from-flow .skill-flow-result{background:#123a63;color:#fff}.skill-from-flow .skill-flow-result span,.skill-from-flow .skill-flow-result strong,.skill-from-flow .skill-flow-result p{color:#fff}
.skill-card-template{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.skill-card-template article{position:relative;padding:21px 20px;border:1px solid #dbe6f1;border-radius:16px;background:#fff}.skill-card-template article i{position:absolute;right:14px;top:12px;color:#a8bdd0;font-style:normal;font-weight:800}.skill-card-template article b{display:block;margin-bottom:10px;color:#174e82;font-size:20px}.skill-card-template article p{margin:0;color:#4a6278;line-height:1.55}.skill-card-template>div{grid-column:1/-1;padding:14px 20px;border-radius:12px;background:#123a63;color:#fff;text-align:center;font-size:17px}
.skill-mining-lab{display:grid;grid-template-columns:260px 1fr;gap:18px}.skill-mining-lab>section{display:flex;flex-direction:column;justify-content:center;padding:26px;border-radius:19px;background:#123a63;color:#fff}.skill-mining-lab>section span{color:#84c2ff;font-weight:800}.skill-mining-lab>section strong{font-size:25px;line-height:1.4;margin:14px 0}.skill-mining-lab>section p{margin:0;color:#deedfb;line-height:1.6}.skill-mining-lab ol{margin:0;padding:0;list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:13px}.skill-mining-lab li{padding:20px;border:1px solid #dbe6f1;border-radius:16px;background:#fff}.skill-mining-lab li b{display:block;color:#1763b4;font-size:19px;margin-bottom:9px}.skill-mining-lab li span{color:#4c647a;line-height:1.5}.skill-mining-lab>div{grid-column:1/-1;padding:14px 20px;border-radius:12px;background:#eaf3ff;color:#244b70;text-align:center;font-size:17px}
.skill-writing-lab{display:grid;grid-template-columns:repeat(7,auto);align-items:center;justify-content:center;gap:12px}.skill-writing-lab article{width:180px;min-height:150px;box-sizing:border-box;padding:20px 16px;border:1px solid #dbe6f1;border-radius:17px;background:#fff;text-align:center}.skill-writing-lab article i{display:grid;place-items:center;width:40px;height:40px;margin:0 auto 13px;border-radius:50%;background:#eaf3ff;color:#1763b4;font-style:normal;font-weight:800}.skill-writing-lab article b{display:block;color:#173d62;font-size:19px;margin-bottom:8px}.skill-writing-lab article p{margin:0;color:#50687e;line-height:1.45}.skill-writing-lab>span{font-size:22px;color:#72a8de}.skill-writing-lab>div{grid-column:1/-1;padding:16px 20px;border-radius:13px;background:#123a63;color:#fff;text-align:center;font-size:17px}.skill-writing-lab>div b{margin-right:8px;color:#8bc6ff}
@media (max-width:900px){.agent-form-grid,.agent-card-fields,.agent-pick-options,.agent-run-check,.skill-card-template{grid-template-columns:1fr 1fr}.agent-example,.skill-mining-lab{grid-template-columns:1fr}.agent-example-profile{grid-row:auto}.agent-example-flow,.agent-skill-map,.material-skill-pair,.skill-from-flow{display:flex;flex-direction:column}.qoder-steps,.agent-lab,.skill-writing-lab{display:flex;flex-wrap:wrap}.agent-instruction{grid-template-columns:1fr}.agent-form-verdict{grid-column:1/-1}.skill-mining-lab>div,.skill-card-template>div{grid-column:1/-1}}
@media print{#m4 .slide-body{display:flex}.agent-form-grid article,.agent-card-fields article,.agent-example-flow article,.agent-skill-map section,.agent-pick-options article,.qoder-steps article,.agent-instruction li,.material-skill-pair>section,.agent-run-check article,.agent-lab article{box-shadow:none}}