.batch-article{--ba-bg:#07111d;--ba-panel:#0d1b2a;--ba-line:#294258;--ba-text:#dce9f5;--ba-muted:#94a9bd;--ba-lime:#c8ff3d;--ba-cyan:#42e8e0;--ba-violet:#a876ff;color:var(--ba-text);overflow-x:clip}
.batch-article .article-featured,.batch-poster img{display:block;width:100%;height:auto}.batch-article .article-featured{max-width:1200px;margin:clamp(1.5rem,4vw,3rem) auto;border-radius:24px;box-shadow:0 24px 80px rgba(0,0,0,.38)}
.batch-article .article-content h2,.batch-article .article-content h3{scroll-margin-top:110px}.batch-article .article-content h2{margin-top:3.1rem}.batch-article code{color:#d8ff78}.batch-article button,.batch-article select{font:inherit}
.batch-toc{margin:2rem 0;padding:1.4rem;border:1px solid var(--ba-line);border-radius:20px;background:rgba(13,27,42,.74)}.batch-toc strong{display:block;margin-bottom:.75rem}.batch-toc ol{columns:2;gap:2rem;margin:0;padding-left:1.25rem}.batch-toc li{break-inside:avoid;margin:.35rem 0}.batch-toc a{color:var(--ba-text)}
.batch-poster{margin:2rem 0;padding:10px;background:linear-gradient(135deg,rgba(200,255,61,.28),rgba(66,232,224,.08),rgba(168,118,255,.24));border-radius:24px}.batch-poster img{border-radius:17px}.batch-poster figcaption{padding:.85rem .8rem .35rem;color:var(--ba-muted);font-size:.92rem}
.batch-article .code-block{margin:1.4rem 0;border:1px solid var(--ba-line);border-radius:18px;background:#050b12;overflow:auto}.batch-article pre{margin:0;padding:1.2rem;color:#e4f1fb;font-size:.9rem;line-height:1.7}
.batch-flow--split{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin:1.5rem 0}.batch-flow section{padding:1rem;border:1px solid var(--ba-line);border-radius:18px;background:var(--ba-panel)}.batch-flow section>b{display:block;margin-bottom:.75rem;color:var(--ba-lime)}.batch-flow section span{display:block;margin:.45rem 0;padding:.6rem .75rem;border-radius:9px;background:#07111d;color:var(--ba-muted)}
.batch-pipeline{display:flex;align-items:center;justify-content:center;gap:.6rem;margin:1.5rem 0;padding:1.2rem;border:1px solid var(--ba-line);border-radius:18px;background:#081522;overflow:auto}.batch-pipeline span,.batch-pipeline strong{min-width:120px;padding:.8rem;text-align:center;border-radius:11px;background:#12283b}.batch-pipeline strong{background:var(--ba-lime);color:#07111d}.batch-pipeline i{color:var(--ba-cyan);font-style:normal;font-size:1.3rem}
.batch-demo,.batch-lab{margin:2rem 0;padding:clamp(1rem,3vw,2rem);border:1px solid var(--ba-line);border-radius:24px;background:radial-gradient(circle at 90% 0,rgba(168,118,255,.16),transparent 35%),#07111d}.batch-section-head,.batch-lab__head{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem}.batch-section-head button,.batch-lab__head button{min-height:44px;padding:.65rem 1rem;border:0;border-radius:11px;background:var(--ba-lime);color:#07111d;font-weight:900;cursor:pointer}
.batch-card-grid,.batch-lab__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.batch-card,.batch-lab__grid article{min-width:0;padding:1rem;border:1px solid #37536d;border-radius:16px;background:linear-gradient(145deg,#142a3e,#09131e)}.batch-card>span,.batch-lab__grid article>span{display:block;color:var(--ba-lime);font-size:1.8rem;font-weight:900}.batch-card h3,.batch-lab__grid h3{margin:.8rem 0 .35rem;font-size:1.05rem}.batch-card p,.batch-lab__grid p{margin:0;color:var(--ba-muted);font-size:.88rem}
.batch-array,.batch-groups,.property-grid{display:flex;align-items:center;justify-content:center;gap:.7rem;margin:1.5rem 0;flex-wrap:wrap}.batch-array span{font-size:2rem;color:var(--ba-cyan)}.batch-array b,.batch-groups span,.property-grid span{padding:.75rem 1rem;border:1px solid var(--ba-line);border-radius:11px;background:var(--ba-panel)}
.batch-compare{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin:1.5rem 0}.batch-compare--three{grid-template-columns:repeat(3,1fr)}.batch-compare article{padding:1.2rem;border:1px solid var(--ba-line);border-radius:16px;background:var(--ba-panel)}.batch-compare strong{color:var(--ba-lime)}.batch-compare p{margin:.45rem 0 0;color:var(--ba-muted)}
.callback-map{display:grid;grid-template-columns:repeat(4,1fr);gap:.7rem;margin:1.5rem 0}.callback-map span{padding:1rem;text-align:center;border:1px solid var(--ba-line);border-radius:14px;background:#0a1826}.callback-map b{display:block;color:var(--ba-cyan)}.callback-map span:nth-child(n+3) b{color:var(--ba-violet)}
.batch-scale{display:flex;align-items:center;gap:.5rem;margin:1.5rem 0}.batch-scale span{height:5px;flex:1;border-radius:5px;background:linear-gradient(90deg,var(--ba-lime),var(--ba-cyan))}.batch-scale b{font-size:.78rem;color:var(--ba-muted)}
.tech-grid,.mini-stack{display:grid;grid-template-columns:repeat(4,1fr);gap:.8rem;margin:1.5rem 0}.tech-grid article,.mini-stack article{display:flex;justify-content:space-between;gap:.8rem;padding:1rem;border:1px solid var(--ba-line);border-radius:14px;background:var(--ba-panel)}.tech-grid span,.mini-stack span{color:var(--ba-lime);font-weight:900}
.gallery-batch{display:grid;grid-template-columns:repeat(3,1fr);gap:.8rem;margin:1.5rem 0}.gallery-batch span{min-height:135px;display:grid;place-items:center;border:1px solid var(--ba-line);border-radius:16px;background:radial-gradient(circle at calc(var(--n)*14%) 25%,rgba(66,232,224,.2),transparent 30%),linear-gradient(145deg,#15263b,#07111d);color:var(--ba-lime);font-size:2rem;font-weight:900}
.batch-list{margin:1.5rem 0}.batch-list p{display:flex;gap:1rem;margin:.55rem 0;padding:.9rem;border:1px solid var(--ba-line);border-radius:12px;background:var(--ba-panel)}.batch-list b{color:var(--ba-cyan)}
.start-diagram{position:relative;min-height:250px;margin:1.5rem 0;padding:1rem;border:1px solid var(--ba-line);border-radius:18px;background:#081522;overflow:hidden}.start-diagram>span{color:var(--ba-muted);font-weight:900}.start-diagram i{position:absolute;top:var(--start);left:0;right:0;border-top:2px dashed var(--ba-lime);color:var(--ba-lime);font-style:normal;text-align:right;transform:translateY(-50%)}.start-diagram b{position:absolute;right:12%;top:45%;padding:1.2rem 2rem;border:1px solid var(--ba-cyan);border-radius:12px;background:#123147}
.batch-controls{display:grid;grid-template-columns:repeat(5,1fr);gap:.65rem}.batch-controls label{display:grid;gap:.3rem;color:var(--ba-muted);font-size:.78rem;text-transform:uppercase}.batch-controls select{min-height:42px;padding:.55rem;border:1px solid #36546e;border-radius:10px;background:#07111d;color:var(--ba-text)}
.batch-status{display:grid;grid-template-columns:repeat(5,1fr);gap:.55rem;margin:1rem 0}.batch-status span{padding:.7rem;border:1px solid var(--ba-line);border-radius:10px;background:rgba(13,27,42,.86);color:var(--ba-muted);font-size:.72rem}.batch-status b{display:block;margin-top:.25rem;color:var(--ba-lime);font-size:.88rem}.batch-lab__grid{grid-template-columns:repeat(4,1fr)}
.batch-inspector{display:flex;gap:.8rem;margin-top:1rem;padding:.9rem;border:1px solid rgba(168,118,255,.4);border-radius:13px;background:rgba(168,118,255,.08);flex-wrap:wrap}.batch-inspector span{color:var(--ba-muted)}.batch-inspector b{color:var(--ba-violet)}
.property-grid span{color:var(--ba-lime);font-weight:900}.device-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.8rem;margin:1.5rem 0}.device-grid span{padding:1.2rem;text-align:center;border:1px solid var(--ba-line);border-radius:14px;background:var(--ba-panel)}.device-grid b{display:block;color:var(--ba-cyan)}
.batch-mistakes{display:grid;grid-template-columns:repeat(2,1fr);gap:.6rem;margin:1.5rem 0}.batch-mistakes span{padding:.75rem;border:1px solid rgba(255,145,110,.24);border-radius:11px;background:rgba(255,110,80,.055)}.batch-debug{columns:2;gap:2rem}.batch-debug li{break-inside:avoid;margin:.5rem 0}
.batch-table-wrap{overflow:auto}.batch-table{width:100%;border-collapse:collapse}.batch-table th,.batch-table td{padding:.8rem;border:1px solid var(--ba-line);text-align:left}.batch-table th{color:var(--ba-lime);background:#0b1a28}
.batch-takeaway{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin:1.5rem 0}.batch-takeaway strong{padding:1.4rem;text-align:center;border-radius:16px;background:var(--ba-lime);color:#07111d}.batch-takeaway strong+strong{background:var(--ba-violet)}
.batch-faq details{margin:.8rem 0;border:1px solid var(--ba-line);border-radius:14px;background:var(--ba-panel)}.batch-faq summary{padding:1rem 1.15rem;cursor:pointer;font-weight:800}.batch-faq details p{padding:0 1.15rem 1rem;color:var(--ba-muted)}
.batch-next{margin:1.5rem 0;padding:1.5rem;border:1px solid rgba(168,118,255,.35);border-radius:20px;background:linear-gradient(135deg,rgba(168,118,255,.12),rgba(66,232,224,.05))}.batch-next span,.batch-series-nav small{color:var(--ba-lime);font-size:.78rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.batch-next h3{margin:.45rem 0}.batch-series-nav{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin:3rem 0}.batch-series-nav a,.batch-series-nav span{padding:1.2rem;border:1px solid var(--ba-line);border-radius:16px;color:var(--ba-text)}
.batch-ready [data-batch-demo-card],.batch-ready [data-batch-card],.batch-ready [data-batch-lab-card],.batch-ready [data-mini-card]{will-change:transform,opacity}
@media (max-width:899px){.batch-toc ol{columns:1}.batch-card-grid,.batch-lab__grid,.tech-grid,.mini-stack{grid-template-columns:repeat(2,1fr)}.batch-controls{grid-template-columns:repeat(2,1fr)}.batch-status{grid-template-columns:repeat(2,1fr)}.callback-map{grid-template-columns:repeat(2,1fr)}.batch-pipeline--wide{justify-content:flex-start}}
@media (max-width:575px){.batch-flow--split,.batch-compare,.batch-compare--three,.batch-takeaway,.batch-series-nav,.device-grid{grid-template-columns:1fr}.batch-card-grid,.batch-lab__grid,.tech-grid,.mini-stack,.gallery-batch{grid-template-columns:1fr}.batch-controls,.batch-status{grid-template-columns:1fr}.batch-pipeline{justify-content:flex-start}.batch-debug{columns:1}.batch-section-head,.batch-lab__head{align-items:flex-start;flex-direction:column}.batch-scale{overflow:auto}.callback-map{grid-template-columns:1fr 1fr}}
@media (prefers-reduced-motion:reduce){.batch-article *{scroll-behavior:auto!important;animation:none!important;transition:none!important}.batch-ready [data-batch-demo-card],.batch-ready [data-batch-card],.batch-ready [data-batch-lab-card],.batch-ready [data-mini-card]{opacity:1!important;visibility:visible!important;transform:none!important}}