.flow-case{--flow-accent:#625575;--flow-surface:#e8e3ee}
.flow-hero{padding-top:30px;padding-bottom:56px}.back-link{display:inline-block;font-size:12px;text-decoration:none;color:var(--muted);margin-bottom:44px}.back-link:hover{color:var(--rust)}.flow-hero>.eyebrow{color:var(--flow-accent);margin-bottom:20px}.flow-hero h1{font-size:clamp(44px,5.2vw,66px);line-height:1.1;letter-spacing:-2.8px}.flow-hero h1 em{color:var(--flow-accent);letter-spacing:-2.8px}.flow-lead{font-size:18px;line-height:1.8;color:var(--muted);max-width:760px;margin-top:25px}.flow-hero-actions{display:flex;align-items:center;gap:28px;flex-wrap:wrap;margin-top:27px}.flow-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:34px;border-top:1px solid var(--line);padding:24px 0 0;margin:38px 0 30px}.flow-facts dt{font-size:10px;color:var(--muted);letter-spacing:1px;text-transform:uppercase;margin-bottom:7px}.flow-facts dd{margin:0;font-size:13px;line-height:1.65;max-width:285px}.flow-cover{background:var(--flow-surface);border:1px solid #d5cddd;border-radius:12px;padding:26px 26px 18px}.flow-cover>a{display:block}.flow-cover img{display:block;width:100%;height:auto;border:1px solid #c8bfd1;border-radius:5px;box-shadow:0 10px 24px #3523430c}.flow-cover figcaption,.flow-screen figcaption{display:flex;justify-content:space-between;gap:20px;font-size:11px;color:var(--muted);line-height:1.6;padding-top:15px}.flow-cover figcaption{color:#554660}
.flow-chapters{position:sticky;top:0;z-index:5;background:var(--paper);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.flow-chapters>.container{display:flex;gap:34px;overflow-x:auto;scrollbar-width:thin}.flow-chapters a{flex:none;padding:17px 0;font-size:12px;text-decoration:none}.flow-chapters a:hover{color:var(--flow-accent)}.flow-case section[id],.design-story[id]{scroll-margin-top:100px}.flow-section{padding-top:70px;padding-bottom:70px}.flow-section-head{max-width:800px;margin-bottom:30px}.flow-section-head .eyebrow{color:var(--flow-accent);margin-bottom:15px}.flow-section-head>p:last-child:not(.eyebrow){font-size:15px;color:var(--muted);margin-top:18px;max-width:700px}.flow-overview{display:grid;grid-template-columns:1.25fr 1fr;gap:65px}.flow-overview p{font-size:15px;color:var(--muted);line-height:1.8}.flow-overview p+p{margin-top:17px}.flow-overview .flow-body-lead{font-size:18px;color:var(--ink)}.flow-ownership{padding:25px;border:1px solid var(--line);border-radius:10px;background:var(--surface)}.flow-ownership h3{font-size:23px;line-height:1.3;margin-bottom:12px}.flow-ownership p{font-size:14px}.flow-ownership .micro-label{color:var(--flow-accent)}.task-example{border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-top:42px;padding:26px 0}.task-example h3{font-size:20px}.task-example .micro-label{color:var(--flow-accent)}.task-example ol{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;list-style:none;padding:0;margin:20px 0 15px}.task-example li{position:relative;background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:16px 18px;font-size:14px;line-height:1.5}.task-example li>span{display:block;color:var(--muted);font-size:10px;margin-bottom:8px;letter-spacing:1px}.task-example li+li:before{content:'→';position:absolute;left:-14px;top:41%;width:14px;text-align:center;font-size:12px;color:var(--muted)}.task-example li small{display:block;font-size:10px;line-height:1.5;color:var(--muted);margin-top:4px}.task-example .example-approval{background:var(--flow-surface);border-color:#cfc3d7}.task-example>p{font-size:11px;color:var(--muted)}
.flow-design{padding-top:0}.design-story{border-top:1px solid var(--line);padding-top:38px;margin-top:44px}.design-story-heading{display:grid;grid-template-columns:75px minmax(0,1fr);gap:20px;margin-bottom:28px}.story-number{font:italic 40px/1.2 Georgia,serif;color:var(--flow-accent)}.design-story-heading .eyebrow{font-size:10px;margin-bottom:10px;color:var(--flow-accent)}.design-story h3{font-size:30px;line-height:1.2;letter-spacing:-.8px}.design-story-heading p:last-child{max-width:760px;font-size:15px;color:var(--muted);line-height:1.8;margin-top:16px}.flow-screen{padding:18px;background:var(--surface);border:1px solid var(--line);border-radius:10px;min-width:0}.flow-screen>a{display:block}.flow-screen img{display:block;width:100%;height:auto;border:1px solid #e0ddd6;border-radius:4px}.flow-screen figcaption a{flex:none;color:var(--flow-accent)}.design-notes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:35px;margin-top:26px}.design-notes h4,.agent-notes h4{font-size:16px;font-weight:600;line-height:1.5;margin:0 0 8px}.design-notes p,.agent-notes p{font-size:13px;line-height:1.8;color:var(--muted)}.three-notes{grid-template-columns:repeat(3,minmax(0,1fr));gap:25px}.agent-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:50px;align-items:start}.agent-notes{padding-top:12px}.agent-notes>div+div{border-top:1px solid var(--line);margin-top:28px;padding-top:25px}.agent-notes .micro-label{color:var(--flow-accent)}.agent-notes .flow-small-note{font-size:11px;line-height:1.7;margin-top:28px;max-width:310px}.agent-screen img{max-height:960px;object-fit:contain;background:#fff}.flow-evaluation{padding:65px 0;background:#eeeee6;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.evaluation-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:34px}.evaluation-grid article{border-top:1px solid #c9cec1;padding-top:23px}.evaluation-grid h3{font-size:18px;line-height:1.4;margin-bottom:12px}.evaluation-grid p{font-size:14px;color:var(--muted);line-height:1.8}.evaluation-grid span{display:block;font-size:11px;color:var(--muted);margin-top:16px}.next-refinement{margin-top:34px;border-left:2px solid var(--flow-accent);padding-left:20px;max-width:850px}.next-refinement .micro-label{color:var(--flow-accent)}.next-refinement p{font-size:14px;line-height:1.8;color:var(--muted)}.flow-close{display:flex;justify-content:space-between;align-items:center;gap:50px;padding-top:60px;padding-bottom:60px}.flow-close h2{font-size:35px}.flow-close .eyebrow{margin-bottom:16px}.flow-close p:not(.eyebrow){max-width:480px;color:var(--muted);font-size:14px;margin:18px 0 10px}.flow-close-links{display:flex;flex-direction:column;align-items:flex-start;gap:16px;flex:none}.flow-footer{padding-top:22px;padding-bottom:25px;border-top:1px solid var(--line);font-size:10px;color:var(--muted)}.flow-footer>div{display:flex;justify-content:space-between;gap:24px}.flow-footer>p{margin-top:17px;max-width:800px}.flow-footer a{text-decoration:none}
@media(max-width:900px){.flow-overview{gap:30px;grid-template-columns:1fr 1fr}.flow-facts{gap:22px}.agent-layout{grid-template-columns:.7fr 1.3fr;gap:28px}.three-notes{gap:20px}.flow-hero h1 br{display:none}.flow-close{gap:30px}.flow-chapters>.container{gap:28px}}
@media(max-width:640px){.flow-hero{padding-top:22px;padding-bottom:34px}.back-link{margin-bottom:30px}.flow-hero h1,.flow-hero h1 em{font-size:42px;letter-spacing:-1.8px}.flow-lead{font-size:16px}.flow-hero-actions{gap:15px}.flow-facts{grid-template-columns:1fr;gap:18px;margin-top:28px}.flow-facts dd{max-width:none}.flow-cover{padding:12px 12px 14px}.flow-cover figcaption,.flow-screen figcaption{font-size:10px;flex-wrap:wrap;gap:6px}.flow-chapters>.container{gap:23px}.flow-chapters a{font-size:11px;padding:14px 0}.flow-section{padding-top:44px;padding-bottom:44px}.flow-section-head h2{font-size:31px;letter-spacing:-1px}.flow-section-head h2 br{display:none}.flow-overview{grid-template-columns:1fr;gap:25px}.flow-overview .flow-body-lead{font-size:17px}.flow-ownership{padding:22px}.task-example{margin-top:30px}.task-example ol{grid-template-columns:1fr 1fr}.task-example li{padding:14px;font-size:13px}.task-example li:nth-child(3):before{display:none}.flow-design{padding-top:0}.design-story{padding-top:28px;margin-top:32px}.design-story-heading{grid-template-columns:42px minmax(0,1fr);gap:12px}.story-number{font-size:30px}.design-story h3{font-size:25px}.design-story-heading p:last-child{font-size:14px}.flow-screen{padding:10px}.design-notes,.three-notes{grid-template-columns:1fr;gap:20px;margin-top:22px}.agent-layout{grid-template-columns:1fr;gap:25px}.agent-notes{padding-top:0}.agent-notes>div+div{margin-top:20px;padding-top:18px}.agent-notes .flow-small-note{max-width:none}.agent-screen{max-width:520px;width:100%;justify-self:center}.flow-evaluation{padding:43px 0}.evaluation-grid{grid-template-columns:1fr;gap:25px}.evaluation-grid article{padding-top:18px}.evaluation-grid span{margin-top:10px}.flow-close{display:block;padding-top:43px;padding-bottom:43px}.flow-close h2{font-size:30px}.flow-close-links{margin-top:28px}.flow-footer>div{align-items:flex-start}.flow-footer>p{font-size:9px}}
@media print{.flow-chapters,.flow-hero-actions,.back-link,.flow-close-links{display:none}.flow-screen,.flow-cover,.flow-ownership,.evaluation-grid article{break-inside:avoid}.flow-cover{background:white}.flow-section{padding-top:30px;padding-bottom:30px}.flow-evaluation{background:white}.flow-hero h1{font-size:38px}}