/* Static fragment; the page supplies its existing self-hosted Onest. */
.cflow-scene{--cflow-ink:#16394f;--cflow-muted:#668091;--cflow-blue:#2360e5;position:relative;isolation:isolate;width:min(100%,1000px);height:510px;margin:0 auto;color:var(--cflow-ink);font-family:Onest,sans-serif;text-align:left}
.cflow-scene *{box-sizing:border-box}
.cflow-scene h3,.cflow-scene p,.cflow-scene blockquote{margin:0}
.cflow-label{display:block;font-size:12px;font-weight:450;line-height:1.4;letter-spacing:.01em;color:var(--cflow-muted)}
.cflow-note{position:absolute;z-index:1;top:7px;left:5%;width:355px;height:190px;padding:26px 28px 23px 37px;border:1px solid #d7e1e5;border-radius:4px 8px 8px 4px;background:#fcfcfa;box-shadow:2px 3px 0 -1px #fcfcfa,2px 3px 0 0 #dfe5e7,4px 6px 0 -1px #fcfcfa,4px 6px 0 0 #e3e8ea,0 18px 32px -24px #24475d55}
.cflow-note:before{content:"";position:absolute;z-index:-1;inset:50px 19px 16px 22px;background:repeating-linear-gradient(to bottom,transparent 0,transparent 29px,#e1e8ea 29px,#e1e8ea 30px)}
.cflow-note:after{content:"";position:absolute;left:23px;top:0;bottom:0;border-left:1px solid #e8dedb}
.cflow-binding{position:absolute;display:flex;flex-direction:column;justify-content:space-between;left:-8px;top:27px;bottom:28px}
.cflow-binding i{width:15px;height:7px;border:1px solid #91a4af;border-right-color:#b3c0c6;border-radius:6px;background:linear-gradient(#f9fbfc,#dce4e8);box-shadow:0 1px 1px #55738120}
.cflow-note .cflow-label{font-size:11px;margin-bottom:15px;color:#70838b}
.cflow-note blockquote{font-size:20px;line-height:1.5;letter-spacing:-.025em;font-weight:450}
.cflow-note mark{padding:0 2px;color:inherit;background:linear-gradient(transparent 58%,#dae9fb 58%)}
.cflow-route{position:absolute;z-index:3;inset:0;width:100%;height:470px;pointer-events:none;overflow:visible}
.cflow-route-line,.cflow-route-arrow{fill:none;stroke:#6995dc;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}
.cflow-record{position:absolute;z-index:2;top:145px;left:28%;width:66%;border:1px solid #d7e2e9;border-radius:13px;background:#fff;box-shadow:0 27px 55px -30px #24475d4d,0 3px 7px -4px #24475d20}
.cflow-chrome{display:flex;align-items:center;justify-content:space-between;min-height:49px;padding:10px 24px;border-bottom:1px solid #e1e9ef;border-radius:13px 13px 0 0;background:#f7fafc}
.cflow-chrome-title{font-size:11px;font-weight:500;color:#587485}
.cflow-destinations{display:flex;align-items:center;gap:12px}
.cflow-brand{display:flex;align-items:center;gap:6px;font-size:11px;font-weight:520;letter-spacing:-.015em;white-space:nowrap;color:#345467}
.cflow-brand img{display:block;object-fit:contain;opacity:.8}
.cflow-or{color:#889aa6;font-size:10px}
.cflow-content{padding:23px 27px 40px}
.cflow-context{position:relative;padding-left:19px;border-left:3px solid #6797e6}
.cflow-context .cflow-label{margin-bottom:9px;color:#66839c;font-size:11px}
.cflow-record-title{margin-bottom:10px}
.cflow-record h3{font-size:27px;line-height:1.2;letter-spacing:-.045em;font-weight:550}
.cflow-context p{max-width:490px;color:#496879;font-size:16px;line-height:1.55;font-weight:400;letter-spacing:-.015em}
.cflow-followup{position:relative;top:auto;left:auto;margin:-20px 0 -42px 32px;width:calc(100% - 8px);display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:87px;padding:20px 24px;border:1px solid #d5e4f5;border-radius:11px;background:#eff6ff;box-shadow:0 16px 32px -21px #35689b65,0 2px 4px -2px #35689b20}
.cflow-task{display:flex;align-items:center;gap:14px}
.cflow-task-mark{display:block;flex:none;width:26px;height:26px;border:1.5px solid #94b3e0;border-radius:7px;background:#fff;box-shadow:0 2px 3px #376bac08}
.cflow-task .cflow-label{margin-bottom:5px;color:#54779c;font-size:11px}
.cflow-task strong{display:block;font-size:18px;line-height:1.35;font-weight:520;letter-spacing:-.025em}
.cflow-due{flex:none;font-size:12px;font-weight:450;line-height:1.4;padding:8px 10px;color:#587b9b;background:#e3eefb;border-radius:6px}
@media(max-width:800px){.cflow-scene{height:540px}.cflow-note{left:3%;width:340px;height:178px;padding-top:22px}.cflow-note blockquote{font-size:19px}.cflow-record{left:21%;width:76%;top:151px}.cflow-chrome{padding:10px 20px}.cflow-content{padding:22px 22px 40px}.cflow-context{padding-left:16px}.cflow-context p{font-size:15px}.cflow-record h3{font-size:25px}.cflow-followup{margin-left:17px;width:calc(100% - 10px);padding:18px 20px;gap:14px}.cflow-task{gap:12px}.cflow-task strong{font-size:16px}.cflow-due{font-size:11px;padding:7px 8px}.cflow-route{height:465px}.cflow-route-line{d:path("M116 181 V252 Q116 271 137 271 H246")}.cflow-route-arrow{d:path("M240 266 L246 271 L240 276")}}
@media(max-width:560px){.cflow-scene{height:700px}.cflow-note{left:4%;width:85%;height:170px;padding:20px 22px 20px 33px}.cflow-note blockquote{font-size:18px}.cflow-note .cflow-label{margin-bottom:12px}.cflow-binding{top:25px;bottom:25px}.cflow-record{left:2%;top:203px;width:96%;border-radius:12px}.cflow-chrome{min-height:49px;padding:10px 15px;gap:10px}.cflow-chrome-title{font-size:10px}.cflow-destinations{gap:7px}.cflow-brand{font-size:10px;gap:4px}.cflow-brand img{width:17px;height:17px}.cflow-brand:last-child img{width:22px}.cflow-or{font-size:9px}.cflow-content{padding:22px 19px 40px}.cflow-context{padding-left:15px}.cflow-record h3{font-size:25px}.cflow-context p{font-size:15px;line-height:1.55}.cflow-followup{margin-left:11px;width:calc(100% - 5px);min-height:104px;padding:17px 15px;display:block}.cflow-task{gap:11px}.cflow-task-mark{width:23px;height:23px}.cflow-task strong{font-size:16px}.cflow-due{display:inline-block;margin:10px 0 0 34px;padding:0;background:none}.cflow-route{height:565px}.cflow-route-line{d:path("M165 147 V153 Q165 161 180 161 H252 Q268 161 268 169 V172")}.cflow-route-arrow{d:path("M262 166 L268 172 L274 166")}}


.cflow-scene .cflow-task-detail{margin-top:7px;max-width:400px;color:#52718d;font-size:13px;line-height:1.5;font-weight:400;letter-spacing:0}
.cflow-task{align-items:flex-start}.cflow-task-mark{margin-top:22px}
