/* Scoped to this component. The page controls its position and sticky behavior. */
.mrflow{--mrflow-ink:#263c40;--mrflow-muted:#6b8389;--mrflow-ease:cubic-bezier(.23,1,.32,1);container-type:inline-size;position:relative;isolation:isolate;width:100%;min-width:0;font-family:Onest,Arial,sans-serif;font-synthesis:none;color:var(--mrflow-ink)}
.mrflow *,.mrflow *::before,.mrflow *::after{box-sizing:border-box}
.mrflow p{margin:0}
.mrflow svg{display:block;flex:none;stroke-linecap:round;stroke-linejoin:round}
.mrflow-description{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.mrflow-canvas{position:relative;padding:23px 20px 22px;border:1px solid #e0ebeb;border-radius:23px;background:#f3f8f8;overflow:hidden;box-shadow:0 18px 44px -28px #22464b38}
.mrflow-meta{display:flex;align-items:center;justify-content:space-between;gap:9px;color:var(--mrflow-muted);font-size:clamp(10px,2.35cqi,12px);line-height:1.5;white-space:nowrap}
.mrflow-team{display:flex;align-items:center;gap:7px;color:#4e7177}
.mrflow-team::before{content:"";width:5px;height:5px;flex:none;border-radius:50%;background:#6eaaa0}
.mrflow-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;padding:0;margin:16px 0 0;list-style:none}
.mrflow-steps li{display:flex;flex-direction:column;gap:6px;min-width:0;color:#5f797d;font-size:11px;line-height:1.3}
.mrflow-step-track{display:block;height:3px;border-radius:3px;background:#e0ebe8;overflow:hidden}
.mrflow-step-track i{display:block;width:100%;height:100%;border-radius:inherit;background:#7fae9d;transform:scaleX(0);transform-origin:0 50%}
.mrflow-headings{display:grid;margin:19px 0 24px;min-width:0}
.mrflow-heading{grid-area:1/1;opacity:0;font-family:SourceSerif,Georgia,serif;font-size:clamp(23px,5.7cqi,32px);font-weight:600;line-height:1.2;letter-spacing:-.035em;white-space:nowrap}
.mrflow-heading[data-flow-title="0"]{opacity:1}
.mrflow-stage{--mrflow-card-height:clamp(84px,18cqi,104px);position:relative;height:clamp(388px,86cqi,466px)}
.mrflow-document{position:absolute;inset:0}
.mrflow-paper,.mrflow-paper-ring{position:absolute;inset:0;border-radius:16px;transform-origin:50% 0;transform:scaleY(.28);pointer-events:none}
.mrflow-paper{background:#fff;box-shadow:0 10px 24px -14px #34555b24}
.mrflow-paper-ring{border:1.5px solid #88bcb0;opacity:0}
.mrflow-document-header,.mrflow-job{display:flex;align-items:center;gap:12px;padding:18px;height:var(--mrflow-card-height)}
.mrflow-document-header{position:relative}
.mrflow-company{display:grid;place-items:center;flex:none;width:clamp(33px,9cqi,46px);height:clamp(33px,9cqi,46px);border-radius:12px}
.mrflow-company svg{width:27px;height:27px;stroke:currentColor;stroke-width:1.7}
.mrflow-company-sage{color:#47796b;background:#dfefe7}
.mrflow-company-cyan{color:#5b8a94;background:#e5f0f4}
.mrflow-company-sand{color:#a18a63;background:#f4eddf}
.mrflow-job-copy{display:flex;flex:1;min-width:0;flex-direction:column;align-items:flex-start;gap:4px}
.mrflow-company-label{font-size:clamp(10px,2.5cqi,13px);line-height:1.25;color:var(--mrflow-muted)}
.mrflow-job-copy strong{font-size:clamp(13px,3.5cqi,19px);line-height:1.25;font-weight:550;letter-spacing:-.025em;white-space:nowrap}
.mrflow-job-stack{color:#6e878b;font-size:clamp(9px,2.4cqi,12px);line-height:1.4;white-space:nowrap}
.mrflow-job{position:absolute;inset-inline:0;background:#fff;border:1px solid #edf2f2;border-radius:16px}
.mrflow-job-second{top:calc(var(--mrflow-card-height) + 14px)}
.mrflow-job-third{top:calc(2 * (var(--mrflow-card-height) + 14px))}
.mrflow-job-fourth{top:calc(3 * (var(--mrflow-card-height) + 14px))}
.mrflow-company-lilac{color:#84759e;background:#eeebf6}
.mrflow-job-check{display:grid;place-items:center;position:absolute;right:12px;top:12px;width:20px;height:20px;color:#71a59b;opacity:0}
.mrflow-job-check svg{width:16px;height:16px;stroke:currentColor;stroke-width:1.7}
.mrflow-job-check-selected{color:#498a74}
.mrflow-document-rule{position:absolute;top:var(--mrflow-card-height);inset-inline:18px;height:1px;background:#e8eeee;opacity:0}
.mrflow-details{position:absolute;top:calc(var(--mrflow-card-height) + 18px);inset-inline:20px;bottom:19px;opacity:0}
.mrflow-label{display:block;color:#7b9295;font-size:clamp(10px,2.3cqi,12px);line-height:1.3;letter-spacing:.07em;text-transform:uppercase}
.mrflow-document-transfer{position:absolute;top:calc(var(--mrflow-card-height) + 18px);inset-inline:20px;bottom:19px;z-index:2;border:1px solid #dce8df;border-radius:12px;background:#f6faf3;transform-origin:0 0;opacity:0;pointer-events:none}
.mrflow-pdf-glyph{display:grid;place-items:center;position:absolute;z-index:3;width:36px;height:26px;color:#527361;font-size:10px;font-weight:650;letter-spacing:.03em;opacity:0;pointer-events:none}
.mrflow-pdf-space{display:block;flex:none;width:36px;height:26px}
.mrflow-resume{z-index:3;display:flex;flex-direction:column;justify-content:space-between;gap:10px;padding:14px 16px}
.mrflow-resume-row p{margin-top:8px;font-size:clamp(14px,3.6cqi,19px);line-height:1.5;letter-spacing:-.01em}
.mrflow-highlight{background:#eaf2cf;box-shadow:5px 0 0 #eaf2cf,-5px 0 0 #eaf2cf;border-radius:2px}
.mrflow-resume .mrflow-tags{display:flex;flex-wrap:wrap;gap:5px}
.mrflow-tags span{padding:3px 7px;background:#f0f5ed;border-radius:5px;font-size:clamp(11px,2.9cqi,15px);line-height:1.45;color:#557267}
.mrflow-resume-ready{display:flex;align-items:center;gap:7px;color:#598476;font-size:clamp(11px,2.6cqi,13px);line-height:1.4}
.mrflow-resume-ready svg{width:17px;height:17px;stroke:currentColor;stroke-width:1.8}
.mrflow-application{display:flex;flex-direction:column;justify-content:space-between;gap:10px}
.mrflow-attachment{display:flex;align-items:center;gap:9px;min-height:46px;padding:9px 12px;background:#f0f6f4;border:1px solid #e5eeeb;border-radius:10px;color:#4f767b;font-size:clamp(11px,2.8cqi,15px);line-height:1.35;white-space:nowrap}
.mrflow-attachment-icon{width:20px;height:20px;stroke:#719697;stroke-width:1.6}
.mrflow-attachment-check{width:18px;height:18px;margin-left:auto;stroke:#649f88;stroke-width:1.9}
.mrflow-letter{min-width:0}
.mrflow-letter-body{margin-top:10px;padding:10px 12px;background:#fafcfc;border:1px solid #e8efef;border-radius:10px;color:#4e686d}
.mrflow-letter-body p{font-size:clamp(12px,3cqi,16px);line-height:1.6;white-space:nowrap;letter-spacing:-.015em}
.mrflow-send-row{display:grid}
.mrflow-send,.mrflow-sent{grid-area:1/1;display:flex;align-items:center;justify-content:center;gap:9px;padding:12px 10px;min-height:44px;border-radius:10px;font-size:clamp(12px,3cqi,16px);font-weight:500;line-height:1.3;transform-origin:center}
.mrflow-send{background:linear-gradient(125deg,#397e84,#245b64);color:#fff}
.mrflow-send svg,.mrflow-sent svg{width:18px;height:18px;stroke:currentColor;stroke-width:1.8}
.mrflow-sent{background:#e8f3ec;color:#47846f;opacity:0}
.mrflow-interview{display:flex;flex-direction:column;gap:15px;justify-content:space-between}
.mrflow-recruiter{display:flex;align-items:center;gap:10px;min-height:39px}
.mrflow-avatar{display:grid;place-items:center;flex:none;width:36px;height:36px;border-radius:50%;background:#e3efec;color:#60897d;font-size:11px;font-weight:600;letter-spacing:.02em}
.mrflow-recruiter>div{display:flex;flex-direction:column;gap:4px}
.mrflow-recruiter strong{font-size:clamp(13px,3cqi,16px);font-weight:550;line-height:1.25}
.mrflow-recruiter>div>span{font-size:clamp(10px,2.5cqi,12px);line-height:1.25;color:var(--mrflow-muted)}
.mrflow-message-icon{width:22px;height:22px;margin-left:auto;stroke:#8aa9a8;stroke-width:1.5}
.mrflow-message{padding:15px 16px;background:#f0f6f4;border:1px solid #e2ece7;border-radius:4px 13px 13px 13px;line-height:1.6;font-size:clamp(13px,3.2cqi,17px);color:#3e5a5e;letter-spacing:-.01em}
.mrflow-message p+p{margin-top:9px}
.mrflow-interview-next{display:flex;align-items:center;gap:11px;padding-top:3px}
.mrflow-calendar{display:grid;place-items:center;flex:none;width:38px;height:41px;border:1px solid #e2ebdf;background:#f1f5e8;border-radius:9px;color:#768b5c}
.mrflow-calendar svg{width:22px;height:22px;stroke:currentColor;stroke-width:1.5}
.mrflow-interview-next>div{display:flex;flex-direction:column;gap:5px;min-width:0}
.mrflow-interview-next strong{font-size:clamp(12px,2.9cqi,15px);font-weight:550;line-height:1.3}
.mrflow-interview-next>div>span{font-size:clamp(10px,2.5cqi,12px);line-height:1.3;color:#7b9193}
.mrflow-statuses{display:grid;justify-content:center;margin-top:22px}
.mrflow-status{grid-area:1/1;display:flex;align-items:center;justify-content:center;gap:8px;min-height:34px;padding:8px 13px;border:1px solid #e0eaea;border-radius:30px;background:#fff9;color:#5a787c;font-size:clamp(10px,2.65cqi,13px);line-height:1.3;white-space:nowrap;opacity:0}
.mrflow-status[data-flow-status="0"]{opacity:1}
.mrflow-status-dot{width:5px;height:5px;border-radius:50%;background:#89afa7;flex:none}
.mrflow-status-final{border-color:#dbe9df;background:#eaf3e9;color:#54755f}
.mrflow-status-final svg{width:16px;height:16px;stroke:currentColor;stroke-width:1.8}
.mrflow-controls{display:flex;justify-content:flex-end;margin-top:8px;padding-inline:6px}
.mrflow-controls[hidden]{display:none}
.mrflow-toggle{display:inline-flex;align-items:center;justify-content:flex-end;gap:7px;min-width:108px;min-height:44px;padding:9px 8px;border:0;border-radius:8px;background:transparent;color:#6e8587;font-family:inherit;font-size:11px;line-height:1.3;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:transform 140ms var(--mrflow-ease)}
.mrflow-toggle svg{width:16px;height:16px}
.mrflow-toggle:active:not(:focus-visible){transform:scale(.97)}
.mrflow-toggle:focus-visible{outline:2px solid #337e87;outline-offset:2px}
.mrflow-play-icon{display:none!important}
.mrflow-toggle[aria-pressed="true"] .mrflow-play-icon{display:block!important}
.mrflow-toggle[aria-pressed="true"] .mrflow-pause-icon{display:none}
.mrflow[data-static="true"] [data-flow-title="0"],.mrflow[data-static="true"] [data-flow-status="0"],.mrflow[data-static="true"] .mrflow-job{opacity:0}
.mrflow[data-static="true"] [data-flow-title="3"],.mrflow[data-static="true"] [data-flow-status="3"],.mrflow[data-static="true"] .mrflow-interview,.mrflow[data-static="true"] .mrflow-document-rule{opacity:1}
.mrflow[data-static="true"] .mrflow-paper{transform:scaleY(1)}
.mrflow[data-static="true"] .mrflow-step-track i{transform:scaleX(1)}
@media(hover:hover) and (pointer:fine){.mrflow-toggle:hover{background:#eff6f4;color:#315e64}}
/* Compact all four states together; the text stays at its natural size. */
@container(max-width:420px){
  .mrflow-canvas{padding:14px 12px;border-radius:18px}
  .mrflow-meta{font-size:10.5px;gap:6px}
  .mrflow-team{gap:5px}
  .mrflow-steps{margin-top:12px;gap:7px}.mrflow-steps li{gap:5px;font-size:10.5px}.mrflow-step-track{height:2px}
  .mrflow-headings{margin:12px 0 14px}
  .mrflow-heading{font-size:23px}
  .mrflow-stage{--mrflow-card-height:68px;height:320px}
  .mrflow-document-header,.mrflow-job{padding:8px 12px;gap:9px}
  .mrflow-job-second{top:calc(var(--mrflow-card-height) + 10px)}
  .mrflow-job-third{top:calc(2 * (var(--mrflow-card-height) + 10px))}
  .mrflow-job-fourth{top:calc(3 * (var(--mrflow-card-height) + 10px))}
  .mrflow-company{width:33px;height:33px;border-radius:9px}
  .mrflow-company svg{width:24px;height:24px}
  .mrflow-company-label{font-size:10.5px}
  .mrflow-job-copy{gap:3px}
  .mrflow-job-copy strong{font-size:14px}
  .mrflow-job-stack{font-size:10.5px}
  .mrflow-job-check{right:7px;top:5px}
  .mrflow-document-rule{inset-inline:12px}
  .mrflow-details,.mrflow-document-transfer{inset-inline:12px;top:calc(var(--mrflow-card-height) + 12px);bottom:12px}
  .mrflow-label{font-size:10.5px;line-height:1.25;letter-spacing:.04em}
  .mrflow-resume{gap:8px;padding:12px 14px}
  .mrflow-resume-row p{margin-top:4px;font-size:13.5px;line-height:1.4}
  .mrflow-resume .mrflow-tags{gap:4px}
  .mrflow-tags span{padding:2px 6px;font-size:11px;line-height:1.35}
  .mrflow-resume-ready{gap:6px;font-size:11px;line-height:1.3}
  .mrflow-resume-ready svg{width:15px;height:15px}
  .mrflow-application{gap:10px}
  .mrflow-attachment{min-height:46px;padding:9px;gap:8px;font-size:12px}
  .mrflow-attachment-icon{width:18px;height:18px}
  .mrflow-letter .mrflow-label{font-size:10.5px}
  .mrflow-letter-body{margin-top:5px;padding:8px}
  .mrflow-letter-body p{font-size:13px;line-height:1.45;white-space:normal}
  .mrflow-send,.mrflow-sent{min-height:40px;padding:9px;font-size:12px}
  .mrflow-interview{gap:8px}
  .mrflow-recruiter{min-height:32px;gap:8px}
  .mrflow-avatar{width:30px;height:30px;font-size:10px}
  .mrflow-recruiter>div{gap:3px}
  .mrflow-recruiter strong{font-size:13px}
  .mrflow-recruiter>div>span{font-size:10.5px}
  .mrflow-message{padding:12px;font-size:13px;line-height:1.45}
  .mrflow-message p+p{margin-top:7px}
  .mrflow-interview-next{gap:8px;padding-top:0}
  .mrflow-calendar{width:32px;height:34px}
  .mrflow-calendar svg{width:20px;height:20px}
  .mrflow-interview-next>div{gap:4px}
  .mrflow-interview-next strong{font-size:12px}
  .mrflow-interview-next>div>span{font-size:11px}
  .mrflow-statuses{margin-top:12px}
  .mrflow-status{min-height:30px;padding:7px 10px;font-size:10.5px}
  .mrflow-controls{margin-top:4px;padding-inline:3px}
}
/* One extra line of recruiter text can wrap on the narrowest phones. */
@container(max-width:320px){.mrflow-stage{height:340px}.mrflow-resume{padding-inline:12px}}
@media(prefers-reduced-motion:reduce){.mrflow-toggle{transition:none}.mrflow-toggle:active:not(:focus-visible){transform:none}}