/* Original homepage diagram: semantic text and decorative SVG, no bitmap labels. */
.eda-hero-inner:has(.eda-hflow){align-items:start}
.eda-hflow{margin:0;min-width:0;max-width:100%;border:1px solid #b7ced8;border-radius:9px;background:#f0f6f8;box-shadow:0 16px 40px #10283f0c;overflow:hidden}
.eda-hflow-heading{position:relative;isolation:isolate;overflow:hidden;padding:22px 25px 21px;background:linear-gradient(120deg,#10283f,#193d53);color:#fff}
.eda-hflow-heading:after{content:'';position:absolute;z-index:-1;width:145px;height:145px;border:1px solid #68e1e030;border-radius:50%;right:-42px;top:-66px;box-shadow:0 0 0 24px #68e1e008,0 0 0 48px #68e1e006}
.eda-hflow-heading>span{display:block;font:600 10px/1.4 ui-monospace,Consolas,monospace;letter-spacing:.15em;color:#83e4e3;margin-bottom:7px}
.eda-hflow-heading>strong{display:block;font-size:23px;font-weight:650;line-height:1.2;letter-spacing:-.025em;color:#fff}
.eda-hflow-heading>p{font-size:12px;line-height:1.5;color:#c7dce7;margin:8px 0 0}
.eda-hflow-body{padding:20px 22px 17px;background-image:radial-gradient(#aec8d340 .7px,transparent .7px);background-size:15px 15px}
.eda-hflow-steps{list-style:none;padding:0;margin:0;display:grid;gap:12px}
.eda-hflow-steps>li{position:relative;display:grid;grid-template-columns:28px minmax(0,1fr);align-items:center;gap:12px;margin:0;padding:0}
.eda-hflow-steps>li:not(:last-child):after{content:'';position:absolute;left:13px;top:calc(50% + 15px);bottom:-12px;width:2px;background:#92c2c9}
.eda-hflow-steps>li:not(:first-child):before{content:'';position:absolute;left:13px;top:0;bottom:calc(50% + 15px);width:2px;background:#92c2c9}
.eda-hflow-number{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:1px solid #8bb7c2;border-radius:50%;color:#056977;background:#f6fafb;font:600 11px/1 ui-monospace,Consolas,monospace}
.eda-hflow-step{display:flex;align-items:center;justify-content:space-between;gap:15px;min-width:0;padding:12px 15px;background:#fff;border:1px solid #ccdee4;border-radius:5px;box-shadow:0 2px 5px #10283f03}
.eda-hflow-text{min-width:0}.eda-hflow-line>strong{display:block;color:#10283f;font-size:17px;font-weight:650;line-height:1.2;letter-spacing:-.015em}.eda-hflow-tool{display:block;font-size:11px;font-weight:650;line-height:1.5;color:#056977;margin-top:4px}.eda-hflow-text>p{font-size:12px;line-height:1.5;color:#4b6273;margin:5px 0 0;max-width:285px}
.eda-hflow-step>svg{display:block;width:55px;height:42px;flex:none;fill:none;stroke:#087e8b;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.eda-hflow-step>svg .eda-hflow-icon-soft{stroke:#9cc5cf;stroke-width:1.2}
.eda-hflow-feedback{display:flex;align-items:center;gap:12px;margin:17px 0 0 40px;padding-top:14px;border-top:1px dashed #9dbdc8}.eda-hflow-feedback>svg{display:block;width:25px;height:25px;flex:none;fill:none;stroke:#087e8b;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.eda-hflow-feedback strong{display:block;font-size:12px;line-height:1.5;font-weight:650;color:#10283f}.eda-hflow-feedback p{font-size:11px;line-height:1.5;color:#4b6273;margin:3px 0 0}
@media(min-width:601px) and (max-width:1000px){.eda-hflow-heading{padding:18px}.eda-hflow-heading>strong{font-size:20px}.eda-hflow-body{padding:16px 13px}.eda-hflow-steps>li{gap:9px;grid-template-columns:25px minmax(0,1fr)}.eda-hflow-number{width:25px;height:25px}.eda-hflow-steps>li:not(:last-child):after{left:12px}.eda-hflow-step{padding:11px 12px;gap:8px}.eda-hflow-step>svg{width:34px;height:30px}.eda-hflow-line>strong{font-size:16px}.eda-hflow-feedback{margin-left:34px;gap:8px}}
@media(max-width:600px){.eda-hflow-heading{padding:19px 19px 18px}.eda-hflow-heading>strong{font-size:21px}.eda-hflow-body{padding:17px 13px 16px}.eda-hflow-steps>li{gap:9px;grid-template-columns:25px minmax(0,1fr)}.eda-hflow-number{width:25px;height:25px}.eda-hflow-steps>li:not(:last-child):after{left:12px}.eda-hflow-step{padding:12px;gap:9px}.eda-hflow-step>svg{width:34px;height:30px}.eda-hflow-line>strong{font-size:17px}.eda-hflow-text>p{font-size:12px}.eda-hflow-feedback{margin-left:34px;gap:9px}.eda-hflow-feedback p{font-size:11px}}
@media(prefers-reduced-motion:reduce){.eda-hflow{scroll-behavior:auto}}
@media(max-width:1000px){.eda-hflow-steps>li:not(:first-child):before{left:12px}}
/* Compact desktop composition: preserve type sizes and let narrow layouts reflow. */
@media(min-width:1001px){
 .eda-hflow-heading{padding:14px 20px}.eda-hflow-heading>span{margin-bottom:4px}.eda-hflow-heading>p{display:none}
 .eda-hflow-body{padding:14px 18px 12px}.eda-hflow-steps{gap:8px}.eda-hflow-steps>li{gap:10px}.eda-hflow-steps>li:not(:last-child):after{bottom:-8px}
 .eda-hflow-step{padding:8px 12px;gap:10px}.eda-hflow-line{display:flex;flex-wrap:wrap;align-items:baseline;gap:3px 10px}.eda-hflow-line .eda-hflow-tool{margin-top:0}.eda-hflow-text>p{max-width:none}
 .eda-hflow-step>svg{width:36px;height:30px}.eda-hflow-feedback{margin:12px 0 0 38px;padding-top:10px}
}
