.ia2-section-modal-grid{margin-bottom:18px}.ia2-improved-visual-panel{margin:18px 0;border:1px solid #d9e2ef;border-radius:18px;background:#fff;box-shadow:0 12px 30px rgba(8,35,74,.08);overflow:hidden}.ia2-improved-visual-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;padding:18px 20px;border-bottom:1px solid #e2e8f0;background:linear-gradient(135deg,#f8fbff,#fff)}.ia2-improved-visual-heading span{display:inline-flex;font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.08em;color:#155eef}.ia2-improved-visual-heading h3{margin:5px 0 0;color:#08234a;font-size:21px}.ia2-visual-canvas{position:relative;min-height:360px;margin:18px;padding:22px;border:1px solid #d9e2ef;border-radius:16px;background:#f8fafc;overflow:hidden}.visual-caption{position:absolute;left:22px;top:18px;right:22px;background:#08234a;color:#fff;border-radius:12px;padding:10px 14px;font-weight:900;font-size:13px;z-index:3}.visual-note{position:absolute;left:22px;right:22px;bottom:18px;background:#fff7df;border:1px solid #f2c04f;color:#3f2b00;border-radius:12px;padding:12px 14px;font-weight:800;line-height:1.35;z-index:3}.erd-table{position:absolute;width:170px;background:#fff;border:2px solid #9bb7e5;border-radius:12px;box-shadow:0 10px 22px rgba(8,35,74,.08);overflow:hidden}.erd-table b{display:block;background:#6d7df2;color:#fff;padding:8px 10px}.erd-table span{display:block;padding:6px 10px;border-top:1px solid #e8eef8;font-size:12px}.erd-table.student{left:70px;top:95px}.erd-table.log{left:330px;top:100px}.erd-table.card{left:80px;top:245px}.erd-table.alert{left:580px;top:150px}.connector{position:absolute;background:#fff;border:1px solid #cbd5e1;border-radius:999px;padding:5px 10px;color:#08234a;font-weight:900;font-size:12px}.connector.c1{left:250px;top:160px}.connector.c2{left:250px;top:285px}.connector.c3{left:505px;top:185px}.dfd-entity,.dfd-process,.dfd-store{position:absolute;background:#fff;border:2px solid #08234a;color:#08234a;text-align:center;font-weight:900;box-shadow:0 8px 18px rgba(8,35,74,.08)}.dfd-entity{width:130px;height:70px;display:grid;place-items:center}.dfd-process{width:145px;height:74px;border-radius:12px;display:grid;place-items:center}.dfd-store{width:150px;height:46px;display:grid;place-items:center;border-left-width:8px}.dfd-entity.left{left:40px;top:150px}.dfd-process.p1{left:230px;top:145px}.dfd-store.s1{left:430px;top:112px}.dfd-process.p2{left:430px;top:210px}.dfd-store.s2{left:620px;top:225px}.dfd-process.p3{left:620px;top:120px}.dfd-store.s3{left:790px;top:145px}.dfd-entity.right{right:44px;top:215px}.flow{position:absolute;background:#eef5ff;border:1px solid #b8d7ff;color:#155eef;border-radius:999px;padding:5px 10px;font-size:12px;font-weight:900}.flow.f1{left:170px;top:130px}.flow.f2{left:365px;top:150px}.flow.f3{left:515px;top:275px}.flow.f4{left:780px;top:200px}.ia2-visual-canvas.system{display:flex;align-items:center;gap:10px;padding-top:100px;flex-wrap:wrap}.sys-node{min-width:125px;min-height:78px;background:#fff;border:2px solid #9bb7e5;border-radius:16px;display:grid;place-items:center;text-align:center;color:#08234a;font-weight:900;box-shadow:0 8px 18px rgba(8,35,74,.08);padding:10px}.sys-node.wide{min-width:160px}.sys-node.db{border-radius:50%;width:115px;height:115px;border-color:#155eef}.sys-arrow{color:#155eef;font-weight:900}.phone-ui{position:absolute;left:90px;top:92px;width:260px;background:#fff;border:2px solid #d9e2ef;border-radius:22px;padding:18px;box-shadow:0 12px 30px rgba(8,35,74,.12)}.phone-title{background:#08234a;color:#fff;border-radius:12px;padding:10px;text-align:center;font-weight:900;margin-bottom:14px}.phone-ui label{display:block;font-size:12px;font-weight:900;color:#08234a;margin:10px 0 5px}.select-box,.input-box{border:1px solid #cbd5e1;background:#f8fafc;border-radius:10px;padding:10px}.phone-ui button{margin-top:14px;width:100%;border:0;border-radius:10px;background:#155eef;color:#fff;padding:11px;font-weight:900}.phone-ui small{display:block;margin-top:10px;color:#087443;font-weight:900}.annotation{position:absolute;width:250px;background:#fff;border-left:5px solid #f2a900;border-radius:12px;padding:12px;color:#334155;font-weight:800;box-shadow:0 8px 18px rgba(8,35,74,.08)}.annotation.a1{left:390px;top:130px}.annotation.a2{left:390px;top:230px}.ia2-visual-canvas.code pre{margin:78px 20px 75px;background:#071d3d;color:#dbeafe;border-radius:16px;padding:20px;line-height:1.55;font-size:14px;white-space:pre-wrap}.ia2-visual-canvas table{width:100%;border-collapse:collapse;background:#fff;border-radius:14px;overflow:hidden;margin-top:75px;box-shadow:0 8px 18px rgba(8,35,74,.08)}.ia2-visual-canvas th{background:#08234a;color:#fff;text-align:left;padding:12px;font-size:12px;text-transform:uppercase}.ia2-visual-canvas td{border-bottom:1px solid #e2e8f0;padding:12px;color:#334155}.criteria-row{display:grid;grid-template-columns:70px 1fr 210px;gap:12px;align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:14px;margin:78px 0 -62px}.criteria-row+ .criteria-row{margin-top:74px}.criteria-row b{display:grid;place-items:center;background:#155eef;color:#fff;border-radius:50%;width:52px;height:52px}.criteria-row span{font-weight:900;color:#08234a}.criteria-row em{font-style:normal;color:#087443;font-weight:900}.eval-card,.caption-example,.reference-example,.folio-block{background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:16px;box-shadow:0 8px 18px rgba(8,35,74,.08);color:#334155}.eval-card{margin:78px 20px -52px}.eval-card b,.caption-example b{display:block;color:#08234a;margin-bottom:6px}.caption-example{margin:78px 20px 16px}.reference-example{margin:0 20px}.folio-block{position:absolute}.folio-block.title{left:60px;top:90px;width:260px}.folio-block.evidence{left:360px;top:90px;width:350px;height:150px;display:grid;place-items:center;background:#eef5ff;color:#155eef;font-weight:900}.folio-block.caption{left:360px;top:255px;width:350px}.folio-block.judgement{left:60px;top:220px;width:260px;background:#fff7df}@media(max-width:900px){.ia2-improved-visual-heading{display:block}.ia2-improved-visual-heading button{margin-top:12px}.ia2-visual-canvas{overflow:auto}.erd-table,.dfd-entity,.dfd-process,.dfd-store,.flow,.annotation,.folio-block{position:relative!important;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;margin:10px;width:auto}.phone-ui{position:relative;left:auto;top:auto;margin:80px 0 20px}.ia2-visual-canvas.system{display:block}.sys-node,.sys-arrow{margin:8px 0}.criteria-row{grid-template-columns:1fr;margin:78px 0 -55px}.eval-card{margin:78px 0 -52px}}