.workflow-page{max-width:1120px;margin:0 auto;padding:28px 34px 50px}.workflow-breadcrumb{display:flex;gap:10px;align-items:center;color:#737b70;font:10px var(--chinese)}.workflow-breadcrumb a:hover{color:var(--lime)}.workflow-breadcrumb span:nth-child(2){color:#464d43}.workflow-hero{padding:54px 0 47px;border-bottom:1px solid var(--line)}.workflow-eyebrow{display:flex;align-items:center;gap:9px;color:#90998a;font:9px var(--mono);letter-spacing:.15em}.workflow-eyebrow span{width:7px;height:7px;border-radius:50%;background:var(--lime);box-shadow:0 0 12px #c6ee6d70}.workflow-hero h1{margin:20px 0 13px;color:#eef1e9;font:700 clamp(38px,5vw,58px)/1.22 var(--chinese);letter-spacing:-.05em}.workflow-hero h1 span{color:var(--lime)}.workflow-hero>p{max-width:580px;margin:0;color:#a1a89c;font:13px/1.9 var(--chinese)}.workflow-summary{display:flex;align-items:center;gap:15px;margin-top:23px;color:#92998f;font:10px var(--chinese)}.workflow-summary b{color:var(--lime);font:500 14px var(--mono);margin-right:4px}.workflow-summary i{width:4px;height:4px;border-radius:50%;background:#60695b}.workflow-map{max-width:890px;margin:38px auto 0}.flow-start,.flow-end{width:max-content;max-width:100%;min-width:290px;margin:0 auto 27px;padding:14px 21px;display:flex;align-items:center;gap:13px;border:1px solid #435032;border-radius:8px;background:linear-gradient(120deg,#22291b,#191c19);position:relative}.flow-start-icon,.flow-end>span{width:33px;height:33px;display:grid;place-items:center;border-radius:7px;background:#303b23;color:var(--lime);font-size:18px}.flow-start div,.flow-end div{display:grid;gap:4px}.flow-start small,.flow-end small{color:#89977a;font:8px var(--mono);letter-spacing:.14em}.flow-start strong,.flow-end strong{color:#e5eade;font:500 12px var(--chinese)}.flow-start-arrow{position:absolute;left:50%;bottom:-27px;color:#74815b;font-size:16px}.flow-step{display:grid;grid-template-columns:54px minmax(0,1fr);gap:18px;margin-bottom:27px}.flow-rail{position:relative;display:flex;justify-content:center}.flow-rail:after{content:"";position:absolute;z-index:0;top:40px;bottom:-28px;left:50%;border-left:1px solid #4a543e}.flow-rail:before{content:"";position:absolute;z-index:1;bottom:-28px;left:calc(50% - 4px);width:7px;height:7px;border-right:1px solid #72825a;border-bottom:1px solid #72825a;transform:rotate(45deg)}.flow-node{z-index:2;width:38px;height:38px;display:grid;place-items:center;border:1px solid #596c3d;border-radius:50%;background:#1c2218;color:var(--lime);font:10px var(--mono);box-shadow:0 0 0 5px var(--bg)}.flow-card{padding:20px 23px 17px;border:1px solid #303630;border-radius:8px;background:linear-gradient(145deg,#1b1e1b,#171a17);position:relative}.flow-card:before{content:"";position:absolute;top:0;left:20px;width:48px;height:1px;background:var(--lime);opacity:.7}.flow-card-head{display:flex;justify-content:space-between;align-items:center;gap:12px}.flow-phase{color:#afcb7c;font:10px var(--chinese)}.flow-step-count{color:#687162;font:8px var(--mono);letter-spacing:.1em}.flow-card h2{margin:9px 0 5px;color:#e8ece3;font:600 18px var(--chinese)}.flow-purpose{margin:0;color:#9da59a;font:11px/1.8 var(--chinese)}.flow-detail-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:20px;margin-top:17px;padding-top:15px;border-top:1px solid #2a302a}.flow-detail-grid h3{margin:0 0 8px;color:#c5cdbf;font:500 10px var(--chinese)}.flow-detail-grid ul{display:grid;gap:5px;margin:0;padding-left:16px;color:#939b90;font:10px/1.7 var(--chinese)}.flow-detail-grid li::marker{color:#9fbd69}.flow-output{padding:12px 13px;border:1px solid #2e3629;border-radius:5px;background:#1a1f18}.flow-output p{margin:0;color:#a6ad9c;font:10px/1.8 var(--chinese)}.flow-tools{display:flex;align-items:flex-start;gap:10px;margin-top:15px;padding-top:13px;border-top:1px solid #2a302a}.flow-tools>span{flex:none;padding-top:6px;color:#737c6d;font:9px var(--chinese)}.flow-tools>div{display:flex;flex-wrap:wrap;gap:6px}.flow-tool-link{display:inline-flex;align-items:center;gap:7px;padding:5px 8px;border:1px solid #35402d;border-radius:4px;color:#b9c99e;font:9px var(--chinese);transition:background .15s,border-color .15s}.flow-tool-link:hover{border-color:var(--theme-selected-border);background:var(--theme-soft);color:var(--text)}.flow-tool-link b{color:var(--lime);font:10px var(--mono)}.category-chip{border-color:#303730;color:#929a8f}.flow-end{margin-top:0;margin-bottom:14px}.flow-end>span{color:#c6ee6d}.flow-loop{width:max-content;max-width:100%;margin:0 auto;padding:12px 17px;border:1px dashed #48533a;border-radius:7px;color:#959d8d;font:10px var(--chinese);text-align:center;position:relative}.flow-loop:before{content:"";position:absolute;left:50%;top:-15px;height:14px;border-left:1px dashed #596747}.flow-loop a{margin-left:8px;color:var(--lime);white-space:nowrap}.workflow-footer{max-width:890px;margin:28px auto 0;padding:17px 0;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:14px;color:#737b70;font:10px var(--chinese)}.workflow-footer a{flex:none;color:var(--lime)}
@media(max-width:900px){.site-header{padding-left:3%;padding-right:3%}.brand{min-width:190px}.top-nav{gap:17px}.top-nav-link{font-size:12px}}
@media(max-width:680px){.workflow-page{padding:20px 16px 35px}.workflow-hero{padding:39px 0 32px}.workflow-hero h1{font-size:39px}.workflow-hero>p{font-size:12px}.workflow-map{margin-top:28px}.flow-start,.flow-end{min-width:0;padding:12px 15px}.flow-step{grid-template-columns:35px minmax(0,1fr);gap:10px;margin-bottom:21px}.flow-node{width:31px;height:31px;font-size:9px}.flow-rail:after{top:33px;bottom:-22px}.flow-rail:before{bottom:-22px}.flow-card{padding:16px 14px 14px}.flow-card h2{font-size:16px}.flow-purpose{font-size:10px}.flow-detail-grid{grid-template-columns:1fr;gap:12px;margin-top:13px;padding-top:12px}.flow-detail-grid ul{font-size:10px}.flow-output{padding:10px}.flow-tools{display:block}.flow-tools>span{display:block;margin-bottom:7px}.workflow-footer{display:block;line-height:1.8}.workflow-footer a{display:block;margin-top:7px}.top-nav{gap:11px}.top-nav-link{font-size:10px}.brand{min-width:0}}

/* The workflow overview is a real vertical table of contents at every width. */
.workflow-hero{display:block;padding:54px 0 40px}.workflow-hero-main{max-width:760px}.workflow-hero-main>p{max-width:700px;margin:0;color:#a1a89c;font:13px/1.9 var(--chinese)}.workflow-content-grid{display:grid;grid-template-columns:220px minmax(0,1fr);gap:34px;align-items:start}.workflow-overview{display:block!important;position:sticky;top:24px;padding:14px 0;min-width:0}.workflow-overview h2{display:flex;justify-content:space-between;align-items:baseline;gap:8px;margin:0 0 15px;color:#e8ece3;font:600 15px var(--chinese)}.workflow-overview h2 span{color:#879080;font:10px var(--chinese);white-space:nowrap}.workflow-overview>a{display:grid!important;grid-template-columns:48px minmax(0,1fr) 14px!important;align-items:start;gap:8px;width:100%;padding:12px 0;border-top:1px solid #2a302a;color:#c7cec0;text-decoration:none;white-space:normal}.workflow-overview>a:last-child{border-bottom:1px solid #2a302a}.workflow-overview-range{padding-top:2px;color:#aeca73;font:10px var(--mono);white-space:nowrap}.workflow-overview-copy{display:grid!important;gap:5px;min-width:0}.workflow-overview-copy strong{color:#e0e6d9;font:500 12px var(--chinese)}.workflow-overview-copy small{color:#8d9688;font:10px/1.7 var(--chinese)}.workflow-overview>a>b{color:#88947a;font:12px var(--mono)}.workflow-overview>a:hover strong,.workflow-overview>a:hover>b{color:var(--lime)}.workflow-map{max-width:none;margin:38px 0 0}.workflow-footer{max-width:none;margin-left:254px}.flow-step[id]{scroll-margin-top:24px}@media(max-width:760px){.workflow-content-grid{grid-template-columns:1fr;gap:12px}.workflow-overview{position:static;padding:10px 0 0}.workflow-overview>a{grid-template-columns:48px minmax(0,1fr) 14px!important}.workflow-map{margin-top:18px}.workflow-footer{margin-left:0}}@media(max-width:680px){.workflow-hero{padding:39px 0 28px}}