.infographic-button{position:relative;display:block;width:100%;padding:0;border:1px solid #d8e3f7;border-radius:12px;overflow:hidden;background:#eef3ff;cursor:zoom-in;color:inherit;box-shadow:0 5px 16px #5069a015}.infographic-button:hover{border-color:#9eb6e8;box-shadow:0 8px 22px #5069a027}.infographic-button>img,.infographic-window{display:block;width:100%;height:auto}.infographic-window{overflow:hidden}.infographic-open{position:absolute;bottom:8px;right:8px;border:1px solid #e1e8f8;background:#fffffff2;padding:4px 9px;border-radius:7px;font-size:10px;color:#536fa6;box-shadow:0 2px 8px #3e5e8d12}.infographic-overview{display:grid;grid-template-columns:250px minmax(0,1fr);gap:24px;align-items:center;padding:20px 22px;border:1px solid #fff;border-radius:14px;background:linear-gradient(130deg,#ffffffed,#e9f0ffdf);box-shadow:0 5px 18px #7280b90f}.infographic-overview-copy>span{font-size:10px;color:#7385b5;letter-spacing:1px}.infographic-overview h2{font-size:22px;font-weight:800;line-height:1.5;color:#2f447b;margin:6px 0 8px}.infographic-overview p{font-size:12px;line-height:1.9;color:#7889ac}.infographic-method-banner{display:grid;grid-template-columns:minmax(220px,.6fr) minmax(0,1fr);gap:20px;align-items:center;margin-bottom:15px;padding:19px 20px;background:linear-gradient(125deg,#edf1ff,#f5efff);border:1px solid #dce3f7;border-radius:12px}.infographic-method-banner b{font-size:16px;color:#4a5795}.infographic-method-banner p{font-size:11px;line-height:1.9;color:#7b88ac;margin:5px 0}.infographic-method-banner a{font-size:11px;color:#6876b7}.infographic-heading{margin:0 0 21px}.infographic-heading>p{font-size:11px;color:#7289b8;letter-spacing:1px;font-weight:700}.infographic-heading h2{font-size:27px;font-weight:800;line-height:1.5;color:#2e447c;margin:6px 0 9px}.infographic-heading>span{display:block;font-size:12px;line-height:1.9;color:#7a8bac}.infographic-loop-stack{display:grid;gap:18px}.infographic-loop-stack figure,.infographic-role-grid figure{margin:0;min-width:0}.infographic-loop-stack figcaption,.infographic-role-grid figcaption{font-size:14px;font-weight:750;color:#4c66a3;margin:0 0 10px}.infographic-summary-strip{margin-top:19px}.infographic-role-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.infographic-role-grid .infographic-button{border-radius:11px}.crm-hero-art .infographic-button{border-radius:12px}#method-map{padding:26px;background:#ffffffda;border:1px solid #e0e7f7;border-radius:14px;margin-top:25px}#method-map .infographic-button{max-width:1086px;margin:auto}.infographic-button:focus-visible{outline:3px solid #7c9be4;outline-offset:4px}#infographic-viewer{padding:0;border:1px solid #cbd9f2;border-radius:13px;width:min(1250px,96vw);max-width:96vw;height:94vh;max-height:94vh;box-shadow:0 24px 85px #1d30595c;background:#edf2fc;color:#385485}#infographic-viewer[open]{display:flex;flex-direction:column}#infographic-viewer::backdrop{background:#1c305aa8;backdrop-filter:blur(6px)}#infographic-viewer>header{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:12px 18px;background:#f4f7ff;border-bottom:1px solid #dce5f7;flex-shrink:0}#infographic-viewer>header p{font-size:13px;font-weight:650;margin:0}#infographic-viewer>header>div{display:flex;gap:10px;align-items:center;flex-shrink:0}#infographic-viewer button{font:inherit;cursor:pointer;padding:6px 10px;border:1px solid #d9e3f8;border-radius:6px;background:#fff;color:#607aac;font-size:12px}#infographic-viewer [data-infographic-close]{font-size:22px;line-height:1}#infographic-viewer>footer{margin:0;padding:8px 15px;font-size:10px;background:#f2f6ff;color:#8698b8;flex-shrink:0}.infographic-viewer-body{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;padding:16px}.infographic-viewer-body img{display:block;width:100%;height:auto;max-width:1086px;margin:0 auto;border-radius:5px}.infographic-viewer-body.original img{width:auto;max-width:none;max-height:none;margin:0 auto}.infographic-viewer-body.original{padding:0}
@media(max-width:1000px){.infographic-overview{grid-template-columns:190px minmax(0,1fr);gap:17px}.infographic-overview h2{font-size:19px}.infographic-method-banner{grid-template-columns:1fr}.infographic-heading h2{font-size:24px}.infographic-role-grid{gap:10px}}
@media(max-width:620px){.infographic-overview{grid-template-columns:1fr;gap:15px;padding:18px 15px}.infographic-overview h2{font-size:20px}.infographic-overview h2 br{display:none}.infographic-overview p{font-size:11px}.infographic-method-banner{padding:16px 13px;gap:13px}.infographic-method-banner b{font-size:15px}.infographic-heading h2{font-size:22px}.infographic-heading>span{font-size:11px}.infographic-role-grid{grid-template-columns:1fr;gap:20px}.infographic-loop-stack{gap:15px}.infographic-loop-stack figcaption{font-size:13px}.infographic-open{font-size:8px;bottom:5px;right:5px;padding:3px 6px}.infographic-button{border-radius:8px}.infographic-viewer-body{padding:8px}#infographic-viewer>header{padding:10px;gap:8px}#infographic-viewer>header p{font-size:11px}#infographic-viewer>header>div{gap:5px}#infographic-viewer button{font-size:10px;padding:5px 7px}#infographic-viewer>footer{font-size:9px;padding:7px 10px}#method-map{padding:20px 14px}.infographic-role-grid figcaption{font-size:14px}}
.infographic-loop-mobile{display:none}
@media(max-width:620px){.infographic-loop-mobile{display:block}.infographic-loop-desktop{display:none}.infographic-loop-mobile .infographic-button{max-width:390px;margin:auto}}