/* Readable at normal text size, including narrow screens. */
.easy-flow{max-width:860px;margin:0 auto;padding:7px 8px 14px;color:#273c34;font-family:var(--font);font-size:14px;line-height:1.65;overflow-wrap:anywhere}
.easy-flow *{box-sizing:border-box}
.easy-flow p{margin:0 0 10px}.easy-flow p:last-child{margin-bottom:0}
.easy-flow .ef-icon{width:32px;height:32px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}
.easy-flow .ef-bookend{display:flex;gap:10px;align-items:center;justify-content:center;max-width:400px;margin:0 auto;padding:7px 16px;border:1px solid #52755c;border-radius:15px;background:#d0e3ce;color:#264c35;font-size:16px;font-weight:700}.easy-flow .ef-bookend .ef-icon{width:25px;height:25px}
.easy-flow .ef-start{background:#315e49;color:#fffdf1}.easy-flow .ef-finish{background:#e6e2cf;border-color:#aaa98a;color:#4d543e}
.easy-flow .ef-next{display:flex;justify-content:center;align-items:center;gap:7px;padding:3px 0;color:#52705d;font-size:10px;line-height:1.2}.easy-flow .ef-next>span{font-size:20px;line-height:1}
.easy-flow .ef-card{border:1px solid #a7c3ca;border-radius:13px;background:#dfedf1;overflow:hidden;box-shadow:0 2px 0 #6a7d5520;min-width:0}
.easy-flow .ef-card-head{display:flex;align-items:center;gap:9px;padding:8px 12px;border-bottom:1px solid #71959730}
.easy-flow .ef-card-head h3{font-size:16px;line-height:1.55;color:inherit;margin:0;font-weight:750}
.easy-flow .ef-number{display:inline-flex;justify-content:center;align-items:center;min-width:24px;height:24px;border-radius:50%;background:#ffffff9c;border:1px solid #6e8d7e6b;color:#466555;font:600 12px var(--font);flex:none}
.easy-flow .ef-icon-wrap{display:flex;align-items:center;justify-content:center;color:#3c6875;flex:none}
.easy-flow .ef-card-body{padding:9px 12px 11px;min-width:0}
.easy-flow .ef-check{background:#f0e4be;border-color:#c5ad70}.easy-flow .ef-check>.ef-card-head{background:#e8d59c}.easy-flow .ef-check>.ef-card-head .ef-icon-wrap{color:#846421}
.easy-flow .ef-repeat{background:#e9edd6;border-color:#9cae7a}.easy-flow .ef-repeat>.ef-card-head{background:#d8e2bb}.easy-flow .ef-repeat>.ef-card-head .ef-icon-wrap{color:#597036}
.easy-flow .ef-memory{background:#e8def1;border-color:#b5a0c4}.easy-flow .ef-memory .ef-icon-wrap{color:#76518b}
.easy-flow .ef-waiting{background:#eee1be;border-color:#c3aa70}.easy-flow .ef-waiting .ef-icon-wrap{color:#8b6b2e}
.easy-flow .ef-stop{background:#ead6cc;border-color:#bb9580}.easy-flow .ef-stop .ef-icon-wrap{color:#905436}
.easy-flow .ef-group{background:#dbe6d1;border-color:#9db18a}.easy-flow .ef-group .ef-icon-wrap{color:#527344}
.easy-flow .ef-wheels{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:0}
.easy-flow .ef-wheels>span{display:flex;align-items:center;justify-content:space-between;gap:7px;padding:8px 12px;border-radius:8px;background:#c9dfe8;border:1px solid #91b6c5;color:#315b6d;font-size:13px}
.easy-flow .ef-wheels strong{font:700 20px var(--font);white-space:nowrap}.easy-flow .ef-wheels small{font-size:11px;margin-left:2px}
.easy-flow .ef-wheel-direction{font-size:11px!important;color:#4b6d77;white-space:nowrap}.easy-flow .ef-wheels+.ef-small-note{margin-top:7px}
.easy-flow .ef-small-note{font-size:12px;color:#50675b;line-height:1.65}
.easy-flow .ef-condition-line{padding:9px 12px;background:#fff5d9;border:1px solid #c8ad6a;border-radius:8px;font-weight:650;color:#624c23}
.easy-flow .ef-condition-group{padding:9px 12px;background:#fff5d9;border:1px solid #c8ad6a;border-radius:8px;color:#624c23;margin-bottom:10px}
.easy-flow .ef-condition-group strong{font-size:13px}.easy-flow .ef-condition-group ul{margin:7px 0 0;padding-left:18px}.easy-flow .ef-condition-group li+li{margin-top:6px}.easy-flow .ef-condition-group .ef-condition-line{background:transparent;border:0;border-radius:0;padding:0;font-size:13px}.easy-flow .ef-condition-group .ef-condition-group{padding:5px 8px;margin:0;background:#f6e9c8}
.easy-flow .ef-choose{text-align:center;font-size:13px;font-weight:700;color:#72531a;margin:7px 0 8px}
.easy-flow .ef-branches{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:10px;align-items:start}
.easy-flow .ef-branch{padding:8px;border-radius:10px;background:#e4ead9;border:1px solid #a4b88b;min-width:0}
.easy-flow .ef-no{background:#eee3d4;border-color:#c3aa8c}.easy-flow .ef-branch h4{display:flex;align-items:center;gap:7px;margin:0 0 10px;font-size:14px;color:#3c6038}.easy-flow .ef-no h4{color:#7a593c}
.easy-flow .ef-or{font-size:11px;font-weight:650;color:#7a6337;align-self:center;white-space:nowrap}
.easy-flow .ef-branch .ef-card-head{padding:7px 9px;gap:7px}.easy-flow .ef-branch .ef-card-head h3{font-size:14px}.easy-flow .ef-branch .ef-icon{width:25px;height:25px}.easy-flow .ef-branch .ef-card-body{padding:8px}.easy-flow .ef-branch .ef-wheels{grid-template-columns:1fr 1fr;gap:5px}.easy-flow .ef-branch .ef-wheels>span{padding:5px 7px;gap:3px;flex-wrap:wrap}.easy-flow .ef-branch .ef-wheels strong{font-size:18px}
.easy-flow .ef-branch-join{margin:12px 0 0!important;text-align:center;color:#6b572e;font-size:12px}
.easy-flow .ef-loop-rule{font-size:13px;color:#4c643c}.easy-flow .ef-pretest{font-size:12px;font-weight:700;color:#5e733c}
.easy-flow .ef-loop-body{padding:8px;border:1px dashed #a4b585;border-left:4px solid #93ac6e;border-radius:9px;background:#f2f2dd;min-width:0}
.easy-flow .ef-again{display:flex;align-items:center;gap:9px;margin:8px 0 0!important;padding:7px 10px;border-radius:8px;background:#cfddb5;color:#49672f;font-size:12px;font-weight:650}.easy-flow .ef-again .ef-icon{width:22px;height:22px}
.easy-flow .ef-open{display:flex;gap:10px;align-items:center;justify-content:space-between;width:100%;min-height:43px;margin-top:10px;padding:9px 13px;font:700 13px var(--font);color:#315b32;background:#f1f3de;border:1px solid #8ba675;border-radius:8px;cursor:pointer;text-align:left}.easy-flow .ef-open:hover{background:#c8dcac}.easy-flow .ef-open:focus-visible{outline:3px solid #b95532;outline-offset:3px}
.easy-flow .ef-ending-note{margin:10px 0 0!important;border-left:3px solid #9a795f;padding:5px 9px;background:#e7ddca;color:#68563f;font-size:12px}
.easy-flow .ef-empty{padding:11px 13px;border:1px dashed #adb69d;border-radius:8px;background:#e9eddc;color:#637159;font-size:13px}
@media(max-width:650px){.easy-flow{padding:15px 12px 22px;font-size:14px}.easy-flow .ef-card-head{padding:11px 12px;gap:8px}.easy-flow .ef-card-head h3{font-size:15px}.easy-flow .ef-card-body{padding:11px 12px 13px}.easy-flow .ef-icon{width:28px;height:28px}.easy-flow .ef-branches{grid-template-columns:1fr;gap:8px}.easy-flow .ef-or{justify-self:center;align-self:center}.easy-flow .ef-loop-body{padding:9px;border-left-width:3px}.easy-flow .ef-branch{padding:9px}.easy-flow .ef-branch .ef-wheels{grid-template-columns:1fr 1fr}.easy-flow .ef-wheels>span{padding:7px 9px;flex-wrap:wrap;gap:3px 6px;font-size:12px}.easy-flow .ef-wheels strong{font-size:18px}.easy-flow .ef-small-note{font-size:12px}.easy-flow .ef-number{min-width:22px;height:22px}.easy-flow .ef-condition-group{padding:8px 9px}.easy-flow .ef-condition-group ul{padding-left:15px}}
@media(max-width:420px){.easy-flow .ef-branch .ef-wheels{grid-template-columns:1fr}.easy-flow .ef-branch .ef-card-head{flex-wrap:wrap}.easy-flow .ef-branch .ef-card-head h3{flex:1;min-width:90px}.easy-flow .ef-again{padding:8px;gap:7px}}