/* Product-to-publishing flow, following the compact homepage scale. */
.batch-flow{margin-top:36px;padding-top:32px;border-top:1px solid #c4d1e7}
.batch-heading{display:flex;align-items:baseline;justify-content:space-between;gap:20px;margin-bottom:24px}
.batch-heading h3{font-size:26px;letter-spacing:-.5px}.batch-heading p{font-size:15px;color:var(--muted);margin-top:8px}
.batch-heading>span{font-size:12px;color:var(--muted);flex-shrink:0}
.batch-steps{list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;padding:0;margin:0}
.batch-steps>li{min-width:0;position:relative}.batch-steps>li:not(:last-child):after{content:'→';position:absolute;right:-20px;top:100px;color:#7184a5;font-size:18px}
.batch-step-title{display:flex;align-items:center;gap:9px;margin-bottom:14px}.batch-step-title>span{font-size:12px;color:white;background:var(--blue);width:22px;height:22px;display:grid;place-items:center;border-radius:50%;flex-shrink:0}
.batch-step-title h4{font-size:17px;margin:0;line-height:1.4}.batch-visual{height:152px;background:white;border:1px solid #d1dbe9;border-radius:7px;padding:14px;display:flex;flex-direction:column;justify-content:center;gap:10px}
.batch-steps>li>p{font-size:14px;color:var(--muted);line-height:1.65;margin-top:14px}
.batch-folders{display:grid;gap:7px}.batch-folders>div{display:flex;align-items:center;gap:10px;font-size:12px}.batch-folders img{width:30px;height:32px;object-fit:cover;border-radius:3px}.batch-stack{color:#7890b7;margin-left:auto;font-size:21px}
.batch-thumbs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.batch-thumbs>div{position:relative}.batch-thumbs img{height:86px;object-fit:cover;border-radius:4px}.batch-thumbs span{position:absolute;bottom:5px;left:5px;color:white;background:#17243dbb;border-radius:3px;line-height:16px;padding:0 4px;font-size:12px}
.batch-caption{font-size:11px;color:var(--muted);line-height:1.4;display:block}.batch-schedule>div{display:flex;align-items:center;gap:8px;font-size:11px;border-bottom:1px solid #e5eaf3;padding:10px 0}.batch-schedule>div:last-child{border:0}.batch-schedule strong{font-weight:500;font-variant-numeric:tabular-nums}.batch-schedule small{font-size:10px;color:#63738d;margin-left:auto;text-align:right}
.batch-queue>div{display:flex;align-items:center;gap:5px;margin:16px 0}.batch-queue>div span{width:29px;height:30px;display:grid;place-items:center;border:1px solid #cdd9eb;background:#f3f6fb;border-radius:4px;font-size:12px;color:#53698f}.batch-queue i{font-style:normal;color:#7184a5}.batch-queue>strong{display:block;font-size:11px;color:#52617a;font-weight:500}
.batch-foot{display:flex;gap:32px;justify-content:space-between;align-items:baseline;margin-top:22px}.batch-foot p{font-size:12px;color:var(--muted);max-width:850px}.batch-foot a{font-size:13px;color:var(--blue);flex-shrink:0}
@media(max-width:1050px){.batch-steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px}.batch-steps>li:nth-child(2):after{display:none}.batch-visual{height:158px}.batch-thumbs img{height:96px}.batch-foot{display:block}.batch-foot a{display:inline-block;margin-top:12px}}
@media(max-width:600px){.batch-flow{margin-top:28px;padding-top:26px}.batch-heading{display:block;margin-bottom:20px}.batch-heading h3{font-size:22px}.batch-heading>span{display:block;margin-top:10px}.batch-steps{grid-template-columns:1fr;gap:22px}.batch-steps>li:not(:last-child):after{display:none}.batch-step-title{margin-bottom:10px}.batch-visual{height:150px;padding:14px 18px}.batch-thumbs img{height:92px}.batch-steps>li>p{margin-top:10px}.batch-foot{margin-top:20px}}