/* Workflow collaboration showcase, scoped to Lab. */
.workflow-lab{--wf-accent:var(--ink);--wf-line:var(--line);--wf-highlight:var(--lemon);padding:105px 0 100px;background:var(--paper);scroll-margin-top:24px;color:var(--ink)}
.wf-heading{display:grid;grid-template-columns:1.2fr 1fr;gap:80px;align-items:end;margin-bottom:54px}
.wf-eyebrow{font:650 12px/1.6 var(--body);letter-spacing:.12em;margin-bottom:22px;display:flex;gap:10px;align-items:center;color:var(--ink)}
.wf-eyebrow>span{width:8px;height:8px;background:var(--wf-accent);border-radius:50%;flex:none}
.workflow-lab h2{font-size:clamp(42px,5.3vw,76px);line-height:1.14;font-weight:800;letter-spacing:-.045em}
.workflow-lab h2 span{color:var(--wf-accent)}
.wf-intro{font-size:17px;line-height:1.8}.wf-status{display:inline-flex;border:1px solid var(--line);border-radius:30px;padding:6px 13px;font-size:12px;font-weight:650;color:var(--ink);margin-bottom:16px}
.wf-intro .wf-scope{font-size:13px;line-height:1.9;color:var(--mute);margin-top:12px}
.wf-workbench{display:grid;grid-template-columns:340px minmax(0,1fr);background:var(--paper2);border:1px solid var(--line);box-shadow:6px 7px 0 var(--ink);border-radius:4px;overflow:hidden}
.wf-route{padding:29px 24px 28px;display:flex;flex-direction:column}
.wf-route-label{font-size:12px;color:var(--mute);display:flex;justify-content:space-between;gap:8px;padding:0 5px 23px;letter-spacing:.04em}
.wf-route-label>span{font-size:19px;line-height:1}
.wf-tabs{display:flex;flex-direction:column;gap:0}
.wf-tabs button{display:flex;align-items:center;gap:17px;position:relative;width:100%;text-align:left;padding:22px 6px;border-top:1px solid var(--line);transition:background .2s,color .2s;padding-right:12px}
.wf-tabs button:last-child{border-bottom:1px solid var(--line)}
.wf-step-no{font:550 14px/1 var(--mono);color:var(--mute);align-self:flex-start;padding-top:5px}
.wf-tabs strong{display:block;font-size:21px;font-weight:750;line-height:1.4}.wf-tabs small{display:block;font-size:12px;color:var(--mute);margin-top:4px}
.wf-tabs i{font-style:normal;font-size:22px;margin-left:auto;opacity:0;transform:translateX(-5px);transition:opacity .2s,transform .2s}
.wf-tabs button[aria-selected="true"]{color:var(--paper);background:var(--wf-accent);border-color:var(--wf-accent);padding-left:15px;box-shadow:none}
.wf-tabs button[aria-selected="true"] .wf-step-no,.wf-tabs button[aria-selected="true"] small{color:var(--ink)}.wf-tabs button[aria-selected="true"] i{opacity:1;transform:none}
.wf-tabs button:focus-visible{outline:3px solid var(--ink);outline-offset:-3px}.wf-tabs button:not([aria-selected="true"]):hover{background:#e6dcff}
.wf-route-note{font-size:12px;line-height:1.9;color:var(--mute);margin-top:auto;padding:28px 5px 0}
.wf-paper{position:relative;background:var(--white);padding:29px 44px 38px;min-width:0;border-left:1px solid var(--line)}
.wf-paper-top{font:500 11px/1.6 var(--body);letter-spacing:.04em;color:var(--mute);display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid var(--line);padding-bottom:16px;margin-bottom:31px}
.wf-panel[hidden]{display:none!important}.wf-panel{outline:none;min-height:465px}
.wf-tool{font:650 11px/1.6 var(--body);letter-spacing:.15em;color:var(--wf-accent);margin-bottom:10px}
.wf-panel h3{font-size:clamp(28px,3.2vw,43px);font-weight:800;line-height:1.23;letter-spacing:-.04em;margin:0}
.wf-panel-copy{font-size:14px;line-height:1.85;color:var(--mute);max-width:34em;margin-top:17px}
.wf-brief,.wf-inquiry{margin-top:27px;padding:20px 22px;background:var(--paper2);border-left:3px solid var(--lemon)}
.wf-doc-label{font-size:11px!important;letter-spacing:.09em;color:var(--ink);margin-bottom:12px!important;font-weight:700}
.wf-brief>p{font-size:14px;line-height:1.9}.wf-brief>p+p{margin-top:8px}.wf-brief b{margin-right:9px}
.wf-file{display:flex;align-items:center;gap:13px;padding:21px 0;border-bottom:1px solid var(--wf-line);margin-top:10px}
.wf-file-icon{width:38px;height:48px;border:1px solid var(--lemon);background:var(--lemon);color:var(--ink);display:grid;place-items:center;flex:none;font:700 10px var(--mono);border-radius:3px 10px 3px 3px}
.wf-file strong{display:block;font-size:14px;font-weight:650;overflow-wrap:anywhere}.wf-file span{display:block;font-size:11px;color:var(--mute);margin-top:5px}
.wf-file a{margin-left:auto;white-space:nowrap;font-size:13px;font-weight:700;color:var(--wf-accent);padding:10px 0;text-decoration:underline;text-underline-offset:5px}.wf-file a span{display:inline;color:inherit;font-size:16px;margin-left:5px}
.wf-handoff{margin-top:26px;padding-top:17px;border-top:1px solid var(--line);font-size:12px;line-height:1.9;color:var(--mute)}.wf-handoff b{display:block;color:var(--ink);font-weight:700;margin-bottom:4px}
.wf-file+.wf-handoff{border-top:0;padding-top:0}.wf-text-link{display:inline-flex;align-items:center;font-size:13px;min-height:40px;margin-top:13px;text-decoration:underline;text-underline-offset:5px;color:var(--wf-accent);font-weight:650}
.wf-inquiry dl{margin:0}.wf-inquiry dl>div{display:grid;grid-template-columns:105px 1fr;gap:14px;padding:10px 0;border-top:1px solid var(--line);font-size:14px}.wf-inquiry dt{color:var(--mute)}.wf-inquiry dd{margin:0;font-weight:600}
.wf-chat{margin-top:25px;display:grid;gap:9px;justify-items:start}.wf-chat p{background:#e6dcff;border-radius:12px 12px 12px 2px;padding:11px 16px;max-width:95%;font-size:14px}.wf-chat small{display:block;font-size:10px;color:var(--mute);margin-bottom:6px}
.wf-extracted{margin-top:18px;padding:16px 19px;border:1px solid var(--line);background:var(--paper2)}.wf-extracted span{display:block;font-size:11px;color:var(--mute);margin-bottom:8px}.wf-extracted strong{display:block;font-size:16px}.wf-extracted p{font-size:12px;color:var(--mute);margin-top:6px}
.wf-due{margin-top:27px}.wf-due li{display:grid;grid-template-columns:110px 1fr;gap:20px;padding:17px 0;border-top:1px solid var(--wf-line)}.wf-due li>span{font-size:11px;color:var(--wf-accent);padding-top:4px}.wf-due strong{font-size:16px}.wf-due p{font-size:13px;color:var(--mute);margin-top:4px}
.wf-ledger{margin-top:23px;overflow:auto}.wf-ledger table{border-collapse:collapse;width:100%;font-size:14px;font-variant-numeric:tabular-nums}.wf-ledger caption{text-align:left;padding-bottom:14px;font-size:11px;letter-spacing:.08em;color:var(--mute)}.wf-ledger th,.wf-ledger td{text-align:right;padding:14px 8px;border-bottom:1px solid var(--wf-line);white-space:nowrap}.wf-ledger tr>:first-child{text-align:left;padding-left:0}.wf-ledger thead th{font-size:11px;font-weight:500;color:var(--mute)}.wf-ledger tbody th{font-weight:650}.wf-ledger small{display:block;font-size:10px;font-weight:400;color:var(--mute)}.wf-ledger tfoot{background:var(--lemon);color:var(--ink)}.wf-ledger tfoot th{padding-left:8px!important}.wf-example-note{font-size:11px;color:var(--mute);margin-top:11px}
.wf-interest{display:grid;grid-template-columns:340px minmax(0,1fr);gap:44px;border-top:1px solid var(--line);margin-top:58px;padding-top:46px}
.wf-interest h3{font-size:37px;line-height:1.2;letter-spacing:-.025em;margin:0 0 20px;font-weight:750}.wf-interest>div>p:last-child{font-size:13px;color:var(--mute);line-height:1.9}.wf-interest strong{color:var(--ink);font-weight:700}
.wf-interest fieldset{border:0;padding:0;margin:0 0 21px;min-width:0}.wf-interest legend,.wf-field{font-size:13px;font-weight:650;color:var(--ink)}.wf-interest legend span{font-weight:400;margin-left:8px;color:var(--mute);font-size:11px}
.wf-choices{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.wf-choices label{display:inline-flex;align-items:center;gap:7px;padding:9px 12px;border:1px solid var(--line);border-radius:30px;font-size:12px;cursor:pointer;min-height:40px;background:var(--paper2)}.wf-choices label:has(:checked){background:var(--ink);color:var(--paper);border-color:var(--ink)}.wf-choices input{appearance:auto;width:13px;height:13px;margin:0;accent-color:var(--ink);flex:none}
.wf-field{display:block}.wf-field textarea,.wf-preview textarea{display:block;resize:vertical;width:100%;min-height:82px;max-height:260px;margin:9px 0 0;border:1px solid var(--line);border-radius:4px;padding:12px 14px;font:400 14px/1.8 var(--body);color:var(--ink);background:var(--white)}.wf-field textarea::placeholder{color:var(--mute)}
.wf-preview{margin-top:15px;font-size:12px;color:var(--mute)}.wf-preview summary{cursor:pointer;padding:6px 0;min-height:32px}.wf-preview textarea{min-height:150px}
.wf-submit-row{display:flex;align-items:center;gap:22px;margin-top:16px}.wf-submit-row .btn{font-size:14px;min-height:46px;background:var(--wf-accent);border-color:var(--wf-accent);color:var(--paper);padding:12px 21px;cursor:pointer}.wf-submit-row .btn:disabled{opacity:.6;cursor:default}.wf-reset{font-size:12px;color:var(--mute);text-decoration:underline;text-underline-offset:4px;min-height:44px;padding:0 8px}
.wf-form-note,.wf-copy-status{font-size:11px;color:var(--mute);line-height:1.7;margin-top:11px}.wf-copy-status{min-height:20px;color:var(--ink);font-weight:600}
@media(prefers-reduced-motion:no-preference){.wf-panel:not([hidden]){animation:wf-show .25s ease both}@keyframes wf-show{from{opacity:.35;transform:translateY(5px)}to{opacity:1;transform:none}}}
@media(max-width:1000px){.wf-heading{gap:35px;grid-template-columns:1fr 1fr}.wf-workbench{grid-template-columns:285px minmax(0,1fr)}.wf-route{padding-inline:17px}.wf-tabs button{gap:12px}.wf-tabs strong{font-size:19px}.wf-paper{padding-inline:28px}.wf-file{flex-wrap:wrap}.wf-file a{margin-left:51px}.wf-interest{grid-template-columns:245px minmax(0,1fr);gap:35px}.wf-interest h3{font-size:32px}}
@media(max-width:760px){.workflow-lab{padding:70px 0}.wf-heading{grid-template-columns:1fr;gap:27px;margin-bottom:32px}.workflow-lab h2{font-size:clamp(40px,8.8vw,64px)}.wf-eyebrow{font-size:10px;margin-bottom:18px}.wf-intro{max-width:36em;font-size:15px}.wf-status{font-size:11px}.wf-workbench{display:block}.wf-route{padding:19px 0 0}.wf-route-label{padding:0 20px 16px}.wf-tabs{flex-direction:row;overflow-x:auto;scrollbar-width:thin;scrollbar-color:var(--ink) var(--line);scroll-snap-type:x proximity}.wf-tabs button{width:174px;flex:none;padding:15px 14px!important;gap:10px;border-top:1px solid var(--line);border-bottom:0!important;scroll-snap-align:start;min-height:87px}.wf-tabs strong{font-size:17px}.wf-tabs small{font-size:10px}.wf-tabs i{display:none}.wf-step-no{font-size:11px}.wf-route-note{padding:15px 20px;font-size:11px;line-height:1.7}.wf-route-note br{display:none}.wf-paper{padding:22px;border-left:0;border-top:1px solid var(--line)}.wf-paper-top{font-size:9px;gap:6px;margin-bottom:25px}.wf-panel{min-height:460px}.wf-panel h3{font-size:34px}.wf-panel-copy{font-size:13px}.wf-brief,.wf-inquiry{padding:17px 15px;margin-top:22px}.wf-brief>p{font-size:12px}.wf-file{gap:10px}.wf-file strong{font-size:12px}.wf-file span{font-size:10px}.wf-file a{font-size:12px;margin-left:auto}.wf-handoff{font-size:11px}.wf-inquiry dl>div{grid-template-columns:85px 1fr;font-size:12px;gap:10px}.wf-due li{grid-template-columns:86px 1fr;gap:12px}.wf-due p{font-size:12px}.wf-interest{grid-template-columns:1fr;gap:27px;margin-top:35px;padding-top:32px}.wf-interest h3{font-size:31px}.wf-interest h3 br{display:none}.wf-interest .wf-eyebrow{margin-bottom:12px}.wf-interest>div>p:last-child br{display:none}.wf-field textarea{font-size:13px}}
@media(max-width:370px){.wf-paper{padding:20px 15px}.wf-file a{margin-left:48px}.wf-panel h3{font-size:30px}.wf-ledger table{font-size:12px}.wf-ledger th,.wf-ledger td{padding-inline:5px}.wf-choices{gap:6px}.wf-choices label{padding:8px 10px;font-size:11px}.wf-submit-row{gap:12px}.wf-submit-row .btn{font-size:12px;padding:12px 16px}}

.wf-cooperation{margin-top:25px;max-width:280px}.wf-cooperation li{display:flex;gap:14px;border-top:1px solid var(--line);padding:13px 0;font-size:12px;color:var(--ink)}.wf-cooperation span{font:500 11px/1.8 var(--mono);color:var(--ink)}

.wf-submit-row .btn{min-width:0;flex:0 1 auto}.wf-reset{flex:none;white-space:nowrap}
@media(max-width:760px){.wf-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));overflow:visible}.wf-tabs button{width:100%;min-height:90px;padding:14px 12px!important;gap:9px}.wf-tabs button:last-child{grid-column:1/-1;min-height:76px}.wf-tabs strong{font-size:16px}.wf-tabs small{font-size:9px}.wf-route-note{padding-top:13px}}
@media(prefers-reduced-motion:reduce){.wf-tabs button,.wf-tabs i{transition:none}}

/* Match the main site's paper, purple accents and ink outlines. */
.workflow-lab{background:var(--paper)}
.workflow-lab h2 span{color:var(--ink);background:var(--lemon);padding:0 .15em .06em;border-radius:.28em}
.wf-status{background:var(--lemon);color:var(--ink);border-color:transparent}
.wf-workbench{border:2px solid var(--ink);border-radius:22px 22px 8px 22px}
.wf-tabs button[aria-selected="true"]{background:var(--lemon);border-color:var(--lemon);color:var(--ink);box-shadow:none}
.wf-tabs button[aria-selected="true"] .wf-step-no,.wf-tabs button[aria-selected="true"] small{color:var(--ink)}
.wf-file-icon{border-color:var(--ink)}
.wf-file a:hover,.wf-text-link:hover{background:var(--lemon)}
.wf-choices label:has(:checked){background:var(--lemon);border-color:var(--ink);color:var(--ink)}
.wf-submit-row .btn{background:var(--ink);color:var(--paper);border-color:var(--ink)}
.wf-submit-row .btn:hover{background:var(--lemon);border-color:var(--ink);color:var(--ink)}