.workloads-hero{
  overflow:hidden;
  background:var(--mb-cream);
}

.workloads-hero .c-breadcrumb{
  margin-bottom:var(--mb-space-4);
}

.workloads-hero-grid{
  display:grid;
  grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);
  align-items:center;
  gap:var(--mb-space-5);
}

.workloads-hero-copy,
.workloads-console,
.workload-copy,
.pipeline-step,
.version-flow-item,
.inference-command,
.inference-metrics,
.render-card,
.latency-method>div,
.latency-guidance>*,
.configuration-card,
.workloads-cta-copy,
.workloads-cta-actions{
  min-width:0;
}

.workloads-hero-copy h1{
  max-width:54rem;
  margin-bottom:var(--mb-space-3);
}

.workloads-hero-copy .mb-lead{
  max-width:43rem;
  margin-bottom:0;
}

.workloads-hero-actions{
  margin-top:var(--mb-space-4);
}

.workloads-console{
  border:1px solid var(--mb-line-dark);
  border-radius:var(--mb-radius-md);
  background:var(--mb-ink);
  color:var(--mb-paper);
  box-shadow:var(--mb-shadow-soft);
}

.workloads-console-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:var(--mb-space-2);
  padding:var(--mb-space-2) var(--mb-space-3);
  border-bottom:1px solid var(--mb-line-dark);
  color:var(--mb-muted-light);
  font-size:var(--mb-fs-xs);
}

.workloads-console-body{
  padding:var(--mb-space-3);
}

.workloads-console-row{
  display:grid;
  grid-template-columns:minmax(max-content,auto) minmax(0,1fr);
  gap:var(--mb-space-3);
  padding:var(--mb-space-2) 0;
  border-bottom:1px solid var(--mb-line-dark);
}

.workloads-console-row span{
  color:var(--mb-muted-light);
  font-size:var(--mb-fs-sm);
}

.workloads-console-row strong{
  overflow-wrap:anywhere;
  text-align:right;
}

.workloads-console-status{
  display:flex;
  align-items:center;
  gap:var(--mb-space-2);
  margin-top:var(--mb-space-3);
  padding:var(--mb-space-2);
  background:var(--mb-surface-dark);
  color:var(--mb-success);
}

.workloads-console-status svg{
  flex:0 0 auto;
}

.workload-layout{
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  gap:var(--mb-space-4);
}

.workload-index{
  width:4rem;
  align-self:start;
  display:grid;
  justify-items:center;
  gap:var(--mb-space-2);
  padding:var(--mb-space-2) var(--mb-space-1);
  border-top:3px solid var(--mb-orange);
  background:var(--mb-orange-pale);
  color:var(--mb-ink);
}

.workload-index span{
  font-size:var(--mb-fs-sm);
  font-weight:800;
}

.workload-copy>h2{
  max-width:58rem;
  margin-bottom:var(--mb-space-3);
}

.workload-copy>.mb-lead{
  max-width:50rem;
  margin-bottom:var(--mb-space-4);
}

.workload-detail-grid{
  gap:var(--mb-space-3);
}

.workload-detail h3{
  margin-bottom:var(--mb-space-2);
}

.workload-detail p{
  margin-bottom:var(--mb-space-2);
}

.workload-detail ul,
.configuration-list,
.workload-checklist ul{
  margin:0;
  padding-left:1.2rem;
}

.workload-detail li+li,
.configuration-list li+li,
.workload-checklist li+li{
  margin-top:var(--mb-space-1);
}

.workload-alert{
  margin-top:var(--mb-space-3);
}

.workload-alert svg{
  margin-top:.2rem;
}

.pipeline-board{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  border:1px solid var(--mb-line);
  border-radius:var(--mb-radius-md);
  overflow:hidden;
}

.pipeline-step{
  padding:var(--mb-space-3);
  background:var(--mb-paper);
}

.pipeline-step+.pipeline-step{
  border-left:1px solid var(--mb-line);
}

.pipeline-step-number{
  display:block;
  margin-bottom:var(--mb-space-3);
  color:var(--mb-orange);
  font-weight:800;
}

.pipeline-step h3{
  margin-bottom:var(--mb-space-2);
}

.pipeline-step p{
  color:var(--mb-muted);
}

.workload-note{
  margin-top:var(--mb-space-3);
  padding:var(--mb-space-2) var(--mb-space-3);
  border-left:4px solid var(--mb-orange);
  background:var(--mb-paper);
}

.version-flow{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  border-top:1px solid var(--mb-line);
  border-left:1px solid var(--mb-line);
}

.version-flow-item{
  padding:var(--mb-space-3);
  border-right:1px solid var(--mb-line);
  border-bottom:1px solid var(--mb-line);
}

.version-flow-item .c-badge{
  width:fit-content;
  align-self:flex-start;
  margin-bottom:var(--mb-space-2);
}

.version-flow-item h3{
  margin-bottom:var(--mb-space-2);
}

.version-flow-item p{
  color:var(--mb-muted);
}

.workload-layout-dark h2{
  color:var(--mb-paper);
}

.workload-layout-dark .mb-lead{
  color:var(--mb-muted-light);
}

.workload-index-dark{
  border-color:var(--mb-orange);
  background:var(--mb-surface-dark);
  color:var(--mb-orange-soft);
}

.inference-panel{
  display:grid;
  grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);
  border:1px solid var(--mb-line-dark);
  border-radius:var(--mb-radius-md);
  overflow:hidden;
  background:var(--mb-black);
}

.inference-command{
  padding:var(--mb-space-3);
}

.inference-command-head{
  display:flex;
  flex-wrap:wrap;
  justify-content:space-between;
  gap:var(--mb-space-2);
  margin-bottom:var(--mb-space-2);
  color:var(--mb-orange-soft);
  font-size:var(--mb-fs-xs);
}

.inference-command .mb-code{
  margin:0;
  border-radius:var(--mb-radius-sm);
}

.inference-metrics{
  display:grid;
  border-left:1px solid var(--mb-line-dark);
}

.inference-metrics>div{
  padding:var(--mb-space-3);
  border-bottom:1px solid var(--mb-line-dark);
}

.inference-metrics>div:last-child{
  border-bottom:0;
}

.inference-metrics span,
.inference-metrics small{
  display:block;
  color:var(--mb-muted-light);
}

.inference-metrics span{
  margin-bottom:var(--mb-space-1);
  font-size:var(--mb-fs-xs);
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
}

.inference-metrics strong{
  display:block;
  margin-bottom:var(--mb-space-1);
  color:var(--mb-paper);
  font-family:var(--mb-font-heading);
  font-size:1.15rem;
}

.inference-metrics small{
  line-height:1.5;
}

.workload-note-dark{
  border-color:var(--mb-orange);
  background:var(--mb-surface-dark);
  color:var(--mb-muted-light);
}

.render-grid{
  gap:var(--mb-space-3);
}

.render-card{
  position:relative;
}

.render-card-mark{
  display:block;
  margin-bottom:var(--mb-space-3);
  color:var(--mb-orange);
  font-size:var(--mb-fs-xs);
  font-weight:800;
}

.render-card h3{
  margin-bottom:var(--mb-space-2);
}

.render-card p{
  color:var(--mb-muted);
}

.workload-checklist{
  display:grid;
  grid-template-columns:minmax(max-content,auto) minmax(0,1fr);
  gap:var(--mb-space-4);
  margin-top:var(--mb-space-3);
  padding:var(--mb-space-3);
  border:1px solid var(--mb-line);
  border-radius:var(--mb-radius-md);
  background:var(--mb-paper);
}

.workload-checklist h3{
  margin:0;
}

.workload-checklist ul{
  columns:2;
  column-gap:var(--mb-space-4);
}

.workload-checklist li{
  break-inside:avoid;
}

.page-section-head{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,.72fr);
  align-items:end;
  gap:var(--mb-space-5);
  margin-bottom:var(--mb-space-4);
}

.page-section-head h2{
  margin-bottom:0;
}

.page-section-head .mb-lead{
  margin-bottom:0;
}

.latency-method{
  gap:0;
  margin-bottom:var(--mb-space-3);
  border:1px solid var(--mb-line);
  border-radius:var(--mb-radius-md);
  overflow:hidden;
}

.latency-method>div{
  padding:var(--mb-space-2);
  background:var(--mb-surface);
}

.latency-method>div+div{
  border-left:1px solid var(--mb-line);
}

.latency-method span{
  display:block;
  margin-bottom:var(--mb-space-1);
  color:var(--mb-muted);
  font-size:var(--mb-fs-xs);
  font-weight:800;
  letter-spacing:.06em;
  text-transform:uppercase;
}

.latency-method strong{
  display:block;
  overflow-wrap:anywhere;
  font-size:var(--mb-fs-sm);
}

.latency-table-wrap{
  border-radius:var(--mb-radius-md);
}

.latency-table{
  min-width:58rem;
  font-variant-numeric:tabular-nums;
}

.latency-table caption{
  padding:var(--mb-space-2);
  border:1px solid var(--mb-line);
  border-bottom:0;
  background:var(--mb-cream);
  color:var(--mb-muted);
  text-align:left;
}

.latency-table tbody th{
  background:var(--mb-surface);
  color:var(--mb-ink);
}

.latency-table td{
  white-space:nowrap;
}

.latency-guidance{
  gap:var(--mb-space-3);
  margin-top:var(--mb-space-3);
}

.latency-guidance h3{
  margin-bottom:var(--mb-space-2);
}

.latency-guidance p{
  color:var(--mb-muted);
}

.configuration-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:var(--mb-space-3);
}

.configuration-card{
  min-height:38rem;
}

.configuration-card>.c-badge{
  width:fit-content;
  align-self:flex-start;
}

.configuration-card>p{
  margin-bottom:var(--mb-space-3);
  color:var(--mb-muted);
}

.c-price-card-featured.configuration-card>p{
  color:var(--mb-muted-light);
}

.configuration-list{
  margin-bottom:var(--mb-space-3);
  color:var(--mb-muted);
}

.c-price-card-featured .configuration-list{
  color:var(--mb-muted-light);
}

.configuration-card .c-price-card-price{
  margin-top:auto;
  padding-top:var(--mb-space-3);
}

.configuration-featured-button{
  border-color:var(--mb-orange-soft);
  background:var(--mb-orange-soft);
  color:var(--mb-ink);
}

.configuration-featured-button:hover{
  border-color:var(--mb-paper);
  background:var(--mb-paper);
}

.selection-rules{
  display:grid;
  grid-template-columns:minmax(max-content,auto) minmax(0,1fr);
  gap:var(--mb-space-4);
  margin-top:var(--mb-space-4);
  padding:var(--mb-space-4);
  border:1px solid var(--mb-line);
  border-radius:var(--mb-radius-md);
  background:var(--mb-paper);
}

.selection-rules h3{
  margin:0;
}

.selection-rules ol{
  margin:0;
  padding-left:1.3rem;
}

.selection-rules li+li{
  margin-top:var(--mb-space-2);
}

.workloads-cta{
  background:var(--mb-ink);
  color:var(--mb-paper);
}

.workloads-cta h2{
  max-width:50rem;
  margin-bottom:var(--mb-space-3);
  color:var(--mb-paper);
}

.workloads-cta p{
  max-width:48rem;
  color:var(--mb-muted-light);
}

.workloads-cta-actions{
  display:grid;
  gap:var(--mb-space-2);
}

@media (max-width:1100px){
  .workloads-hero-grid{
    gap:var(--mb-space-4);
  }

  .pipeline-board{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  .pipeline-step+.pipeline-step{
    border-left:0;
  }

  .pipeline-step:nth-child(2n){
    border-left:1px solid var(--mb-line);
  }

  .pipeline-step:nth-child(n+3){
    border-top:1px solid var(--mb-line);
  }

  .configuration-grid{
    grid-template-columns:1fr;
  }

  .configuration-card{
    min-height:0;
  }

  .workloads-cta{
    grid-template-columns:1fr;
  }

  .workloads-cta-actions{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

@media (max-width:900px){
  .workloads-hero-grid,
  .page-section-head,
  .inference-panel{
    grid-template-columns:1fr;
  }

  .inference-metrics{
    grid-template-columns:repeat(3,minmax(0,1fr));
    border-top:1px solid var(--mb-line-dark);
    border-left:0;
  }

  .inference-metrics>div{
    border-right:1px solid var(--mb-line-dark);
    border-bottom:0;
  }

  .inference-metrics>div:last-child{
    border-right:0;
  }

  .workload-checklist,
  .selection-rules{
    grid-template-columns:1fr;
  }

  .latency-method{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  .latency-method>div+div{
    border-left:0;
  }

  .latency-method>div:nth-child(2n){
    border-left:1px solid var(--mb-line);
  }

  .latency-method>div:nth-child(n+3){
    border-top:1px solid var(--mb-line);
  }
}

@media (max-width:768px){
  .workload-layout{
    grid-template-columns:1fr;
  }

  .workload-index{
    width:auto;
    grid-template-columns:auto auto;
    justify-content:start;
    align-items:center;
  }

  .version-flow{
    grid-template-columns:1fr;
  }

  .inference-metrics{
    grid-template-columns:1fr;
  }

  .inference-metrics>div,
  .inference-metrics>div:last-child{
    border-right:0;
    border-bottom:1px solid var(--mb-line-dark);
  }

  .inference-metrics>div:last-child{
    border-bottom:0;
  }

  .workload-checklist ul{
    columns:1;
  }

  .workloads-cta{
    padding:var(--mb-space-4);
  }
}

@media (max-width:620px){
  .workloads-hero-actions,
  .workloads-cta-actions{
    display:grid;
    grid-template-columns:1fr;
    width:100%;
  }

  .workloads-hero-actions .c-btn,
  .workloads-cta-actions .c-btn{
    width:100%;
    white-space:normal;
  }

  .workloads-console-row{
    grid-template-columns:1fr;
    gap:var(--mb-space-1);
  }

  .workloads-console-row strong{
    text-align:left;
  }

  .pipeline-board{
    grid-template-columns:1fr;
  }

  .pipeline-step:nth-child(2n){
    border-left:0;
  }

  .pipeline-step:nth-child(n+2){
    border-top:1px solid var(--mb-line);
  }

  .latency-method{
    grid-template-columns:1fr;
  }

  .latency-method>div:nth-child(2n){
    border-left:0;
  }

  .latency-method>div:nth-child(n+2){
    border-top:1px solid var(--mb-line);
  }

  .selection-rules,
  .workloads-cta{
    padding:var(--mb-space-3);
  }
}

@media (max-width:390px){
  .workloads-console-head{
    align-items:flex-start;
    flex-direction:column;
  }

  .inference-command{
    padding:var(--mb-space-2);
  }

  .configuration-card .c-price-card-specs{
    grid-template-columns:1fr;
  }

  .configuration-card .c-price-card-specs div{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:var(--mb-space-2);
  }
}