.docs-hero-grid{
  display:grid;
  grid-template-columns:minmax(0,1.05fr) minmax(20rem,.95fr);
  gap:var(--bm-space-4);
  align-items:center
}

.docs-hero-grid>*,
.docs-terminal-layout>*,
.docs-build-board>*,
.docs-escalation>*{
  min-width:0
}

.docs-hero-copy{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:var(--bm-space-3)
}

.docs-heading{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:var(--bm-space-1);
  min-width:0
}

.docs-heading .c-kicker,
.docs-heading .c-badge{
  width:fit-content;
  max-width:100%;
  align-self:flex-start
}

.docs-hero-copy p{
  max-width:43rem;
  color:var(--bm-muted)
}

.docs-hero-actions{
  justify-content:flex-start
}

.docs-stats{
  display:grid;
  width:100%;
  grid-template-columns:repeat(3,minmax(0,1fr));
  border-block:1px solid var(--bm-line)
}

.docs-stat{
  min-width:0;
  padding:var(--bm-space-2);
  color:#012a38
}

.docs-stat+.docs-stat{
  border-left:1px solid var(--bm-line)
}

.docs-stat strong,
.docs-stat span{
  display:block;
  overflow-wrap:anywhere
}

.docs-stat strong{
  font-size:var(--bm-step-4);
  line-height:1.2
}

.docs-stat span{
  color:#24383d;
  font-size:var(--bm-step-2)
}

.docs-dispatch{
  overflow:hidden;
  border-radius:var(--bm-radius-lg);
  background:#012a38;
  color:#ffffff;
  box-shadow:var(--bm-shadow-paper)
}

.docs-dispatch-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:var(--bm-space-2);
  padding:var(--bm-space-3);
  background:#1d4a57;
  color:#ffffff
}

.docs-dispatch-head .c-badge{
  width:fit-content;
  max-width:100%;
  align-self:flex-start;
  background:#bff90b;
  color:#012a38
}

.docs-dispatch-state{
  color:#d7f3f5;
  font-family:var(--bm-font-mono);
  font-size:var(--bm-step-1)
}

.docs-route{
  display:grid;
  gap:var(--bm-space-2);
  padding:var(--bm-space-3)
}

.docs-route-item{
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  gap:var(--bm-space-2);
  align-items:start
}

.docs-route-node{
  display:grid;
  width:2.25rem;
  height:2.25rem;
  place-items:center;
  border-radius:50%;
  background:#b82400;
  color:#ffffff;
  font-family:var(--bm-font-mono);
  font-size:var(--bm-step-2);
  font-weight:800
}

.docs-route-item strong{
  display:block;
  color:#ffffff
}

.docs-route-item p{
  margin-top:var(--bm-space-1);
  color:#aac4ca;
  font-size:var(--bm-step-2)
}

.docs-dispatch-foot{
  display:grid;
  gap:var(--bm-space-1);
  padding:var(--bm-space-3);
  background:#d7f3f5;
  color:#012a38
}

.docs-dispatch-foot span{
  color:#24383d;
  font-family:var(--bm-font-mono);
  font-size:var(--bm-step-1);
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase
}

.docs-dispatch-foot strong{
  overflow-wrap:anywhere
}

.docs-index-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(min(100%,22rem),1fr));
  gap:var(--bm-space-3);
  align-items:start
}

.docs-index-card{
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  gap:var(--bm-space-2);
  min-width:0;
  padding:var(--bm-space-3);
  border-radius:var(--bm-radius-md);
  background:#ffffff;
  color:#012a38;
  box-shadow:var(--bm-shadow-soft);
  transition:transform var(--bm-duration) var(--bm-ease),box-shadow var(--bm-duration)
}

.docs-index-card:hover{
  transform:translateY(-3px);
  box-shadow:var(--bm-shadow-paper)
}

.docs-index-card--orange{
  background:#b82400;
  color:#fff;
  box-shadow:none
}

.docs-index-card--ice{
  background:#d7f3f5;
  color:#012a38;
  box-shadow:none
}

.docs-index-card--dark{
  background:#012a38;
  color:#ffffff;
  box-shadow:none
}

.docs-index-card--lime{
  background:#bff90b;
  color:#012a38;
  box-shadow:none
}

.docs-index-icon{
  display:grid;
  width:2.75rem;
  height:2.75rem;
  place-items:center;
  border-radius:var(--bm-radius-sm);
  background:#edf9fa;
  color:#012a38
}

.docs-index-card--orange .docs-index-icon,
.docs-index-card--lime .docs-index-icon{
  background:#ffffff;
  color:#012a38
}

.docs-index-card--dark .docs-index-icon{
  background:#1d4a57;
  color:#ffffff
}

.docs-index-icon svg{
  width:1.35rem;
  height:1.35rem
}

.docs-index-copy{
  display:grid;
  gap:var(--bm-space-1);
  min-width:0
}

.docs-index-copy strong{
  font-family:var(--bm-font-heading);
  font-size:var(--bm-step-4)
}

.docs-index-copy small{
  color:#24383d
}

.docs-index-card--orange .docs-index-copy small{
  color:#fff
}
.docs-index-card--lime .docs-index-copy small{
  color:#1d4a57
}

.docs-index-card--dark .docs-index-copy small{
  color:#aac4ca
}

.docs-index-code{
  grid-column:2;
  color:#24383d;
  font-size:var(--bm-step-1);
  font-weight:800;
  letter-spacing:.08em;
  overflow-wrap:anywhere
}

.docs-index-card--orange .docs-index-code{
  color:#fff
}
.docs-index-card--lime .docs-index-code{
  color:#1d4a57
}

.docs-index-card--dark .docs-index-code{
  color:#bff90b
}

.docs-index-alert,
.docs-runner-alert{
  display:flex;
  flex-wrap:wrap;
  gap:var(--bm-space-1);
  margin-top:var(--bm-space-3)
}

.docs-connection-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:var(--bm-space-3);
  align-items:start
}

.docs-guide-card{
  min-width:0;
  padding:var(--bm-space-3);
  border-radius:var(--bm-radius-md);
  background:#ffffff;
  color:#012a38;
  box-shadow:var(--bm-shadow-soft)
}

.docs-guide-card--dark{
  background:#012a38;
  color:#ffffff;
  box-shadow:none
}

.docs-guide-head{
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  gap:var(--bm-space-2);
  align-items:start
}

.docs-guide-icon{
  display:grid;
  width:3rem;
  height:3rem;
  place-items:center;
  border-radius:var(--bm-radius-sm);
  background:#b82400;
  color:#ffffff
}

.docs-guide-card--dark .docs-guide-icon{
  background:#bff90b;
  color:#012a38
}

.docs-guide-icon svg{
  width:1.5rem;
  height:1.5rem
}

.docs-guide-card--dark .c-badge{
  background:#1d4a57;
  color:#d7f3f5
}

.docs-step-list{
  display:grid;
  gap:var(--bm-space-2);
  margin:var(--bm-space-3) 0 0;
  padding:0;
  list-style:none
}

.docs-step-list li{
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  gap:var(--bm-space-2);
  padding-top:var(--bm-space-2);
  border-top:1px solid #d8e9eb
}

.docs-guide-card--dark .docs-step-list li{
  border-color:#315563
}

.docs-step-number{
  display:grid;
  width:2rem;
  height:2rem;
  place-items:center;
  border-radius:50%;
  background:#edf9fa;
  color:#b82400;
  font-size:var(--bm-step-1);
  font-weight:800
}

.docs-guide-card--dark .docs-step-number{
  background:#1d4a57;
  color:#bff90b
}

.docs-step-list strong{
  display:block;
  color:inherit
}

.docs-step-list p{
  margin-top:var(--bm-space-1);
  color:#24383d;
  font-size:var(--bm-step-2)
}

.docs-guide-card--dark .docs-step-list p{
  color:#aac4ca
}

.docs-dark-head>p{
  color:#aac4ca
}

.docs-dark-head .c-kicker{
  color:#ff7958
}

.docs-terminal-layout{
  display:grid;
  grid-template-columns:minmax(0,1.25fr) minmax(18rem,.75fr);
  gap:var(--bm-space-3);
  align-items:start
}

.docs-terminal-layout .c-terminal{
  height:100%
}

.docs-terminal-layout .c-terminal pre{
  min-height:100%;
  max-width:100%
}

.docs-diagnostic-stack{
  display:grid;
  grid-template-rows:repeat(3,minmax(0,1fr));
  gap:var(--bm-space-2)
}

.docs-diagnostic-card{
  display:flex;
  flex-direction:column;
  gap:var(--bm-space-1);
  min-width:0;
  padding:var(--bm-space-3);
  border-radius:var(--bm-radius-md);
  background:#ffffff;
  color:#012a38
}

.docs-diagnostic-card--orange{
  background:#b82400;
  color:#fff
}

.docs-diagnostic-card--lime{
  background:#bff90b;
  color:#012a38
}

.docs-diagnostic-label{
  width:fit-content;
  max-width:100%;
  align-self:flex-start;
  color:#b82400;
  font-size:var(--bm-step-1);
  font-weight:800;
  overflow-wrap:anywhere
}

.docs-diagnostic-card--orange .docs-diagnostic-label{
  color:#fff
}
.docs-diagnostic-card--lime .docs-diagnostic-label{
  color:#012a38
}

.docs-diagnostic-card p{
  color:#24383d;
  font-size:var(--bm-step-2)
}

.docs-diagnostic-card--orange p{
  color:#fff
}
.docs-diagnostic-card--lime p{
  color:#1d4a57
}

.docs-build-board{
  display:grid;
  grid-template-columns:minmax(0,1.35fr) minmax(18rem,.65fr);
  gap:var(--bm-space-3);
  align-items:start
}

.docs-build-main{
  overflow:hidden;
  border-radius:var(--bm-radius-md);
  background:#edf9fa;
  color:#012a38
}

.docs-build-row{
  display:grid;
  grid-template-columns:minmax(5rem,.3fr) minmax(0,1.2fr) minmax(9rem,.5fr);
  gap:var(--bm-space-2);
  align-items:start;
  padding:var(--bm-space-3)
}

.docs-build-row+.docs-build-row{
  border-top:1px solid #d8e9eb
}

.docs-build-code{
  color:#b82400;
  font-size:var(--bm-step-2);
  font-weight:800;
  overflow-wrap:anywhere
}

.docs-build-row h3{
  font-size:var(--bm-step-4)
}

.docs-build-row p{
  margin-top:var(--bm-space-1);
  color:#24383d;
  font-size:var(--bm-step-2)
}

.docs-result{
  width:fit-content;
  max-width:100%;
  justify-self:start;
  padding:.45em .8em;
  border-radius:var(--bm-radius-pill);
  background:#dff5e3;
  color:#286f3a;
  font-size:var(--bm-step-1);
  font-weight:800;
  overflow-wrap:anywhere
}

.docs-fastlane-card{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:var(--bm-space-2);
  padding:var(--bm-space-3);
  border-radius:var(--bm-radius-md);
  background:#012a38;
  color:#ffffff
}

.docs-fastlane-card .c-badge{
  width:fit-content;
  max-width:100%;
  align-self:flex-start;
  background:#bff90b;
  color:#012a38
}

.docs-fastlane-card .c-checklist{
  width:100%
}

.docs-fastlane-card .c-checklist li{
  border-color:#315563;
  color:#d7f3f5;
  font-size:var(--bm-step-2)
}

.docs-fastlane-card .c-checklist li::before{
  background:#ffffff;
  color:#b82400
}

.docs-fastlane-card code{
  color:#bff90b
}

.docs-runner-flow{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(min(100%,13rem),1fr));
  gap:var(--bm-space-3);
  margin:0;
  padding:0;
  list-style:none;
  align-items:start
}

.docs-runner-flow li{
  display:flex;
  flex-direction:column;
  gap:var(--bm-space-2);
  min-width:0;
  padding:var(--bm-space-3);
  border-radius:var(--bm-radius-md);
  background:#ffffff;
  color:#012a38;
  box-shadow:var(--bm-shadow-soft)
}

.docs-runner-number{
  display:grid;
  width:2.5rem;
  height:2.5rem;
  place-items:center;
  border-radius:50%;
  background:#b82400;
  color:#ffffff;
  font-size:var(--bm-step-2);
  font-weight:800
}

.docs-runner-flow p{
  color:#24383d;
  font-size:var(--bm-step-2)
}

.docs-runner-flow small{
  padding-top:var(--bm-space-2);
  border-top:1px solid #d8e9eb;
  color:#397b48;
  font-weight:700
}

.docs-glossary{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:var(--bm-space-3);
  margin:0
}

.docs-glossary>div{
  min-width:0;
  padding:var(--bm-space-3);
  border-radius:var(--bm-radius-md);
  background:#edf9fa;
  color:#012a38
}

.docs-glossary dt{
  color:#012a38
}

.docs-glossary dd{
  margin-top:var(--bm-space-1);
  color:#24383d
}

.docs-faq-list{
  display:grid;
  gap:var(--bm-space-2)
}

.docs-faq{
  background:#ffffff;
  color:#012a38
}

.docs-faq-content{
  margin-top:var(--bm-space-2);
  border-top:1px solid #d8e9eb;
  color:#24383d
}

.docs-faq-content ol{
  display:grid;
  gap:var(--bm-space-1);
  padding-left:1.25rem
}

.docs-faq-content li{
  color:#24383d
}

.docs-faq-content strong{
  color:#012a38
}

.docs-escalation{
  display:grid;
  grid-template-columns:minmax(0,1.25fr) minmax(19rem,.75fr);
  gap:var(--bm-space-3);
  align-items:start
}

.docs-escalation-main{
  min-width:0;
  padding:var(--bm-space-4);
  border-radius:var(--bm-radius-md);
  background:#edf9fa;
  color:#012a38
}

.docs-escalation-main>.docs-heading p{
  color:#24383d
}

.docs-evidence-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:var(--bm-space-2);
  margin-top:var(--bm-space-3)
}

.docs-evidence-grid article{
  min-width:0;
  padding:var(--bm-space-3);
  border-radius:var(--bm-radius-md);
  background:#ffffff;
  color:#012a38
}

.docs-evidence-number{
  display:block;
  color:#b82400;
  font-size:var(--bm-step-2);
  font-weight:800
}

.docs-evidence-grid h3{
  margin-top:var(--bm-space-1);
  font-size:var(--bm-step-4)
}

.docs-evidence-grid p{
  margin-top:var(--bm-space-1);
  color:#24383d;
  font-size:var(--bm-step-2)
}

.docs-escalation-side{
  display:grid;
  grid-template-rows:auto auto;
  align-content:start;
  gap:var(--bm-space-3)
}

.docs-safety-card,
.docs-contact-card{
  display:flex;
  flex-direction:column;
  min-width:0;
  padding:var(--bm-space-3);
  border-radius:var(--bm-radius-md)
}

.docs-safety-card{
  gap:var(--bm-space-2);
  background:#b82400;
  color:#fff
}

.docs-safety-card p{
  color:#fff
}

.docs-safety-icon{
  display:grid;
  width:3rem;
  height:3rem;
  place-items:center;
  border-radius:var(--bm-radius-sm);
  background:#ffffff;
  color:#012a38
}

.docs-safety-icon svg{
  width:1.5rem;
  height:1.5rem
}

.docs-contact-card{
  justify-content:space-between;
  gap:var(--bm-space-3);
  background:#012a38;
  color:#ffffff
}

.docs-contact-card p{
  color:#aac4ca
}

.docs-contact-card .c-badge{
  width:fit-content;
  max-width:100%;
  align-self:flex-start;
  background:#bff90b;
  color:#012a38
}

.docs-contact-actions{
  display:grid;
  gap:var(--bm-space-1)
}

.docs-contact-actions .c-btn{
  width:100%;
  overflow-wrap:anywhere
}

.docs-endcap-copy{
  display:flex;
  max-width:47rem;
  flex-direction:column;
  gap:var(--bm-space-1)
}

.docs-endcap-copy h2{
  color:#ffffff
}

.docs-endcap-copy p{
  color:#c7dade
}

.docs-endcap-actions{
  display:grid;
  min-width:min(100%,14rem);
  gap:var(--bm-space-1)
}

.docs-endcap-actions .c-btn{
  width:100%
}

.docs-endcap-actions .c-btn--ghost{
  color:#ffffff;
  border-color:color-mix(in srgb,currentColor 45%,transparent)
}

@media(max-width:64rem){
  .docs-hero-grid,
  .docs-terminal-layout,
  .docs-build-board,
  .docs-escalation{
    grid-template-columns:1fr
  }

  .docs-connection-grid{
    grid-template-columns:1fr
  }

  .docs-terminal-layout .c-terminal pre{
    min-height:20rem
  }

  .docs-diagnostic-stack{
    grid-template-columns:repeat(3,minmax(0,1fr));
    grid-template-rows:auto;
    align-items:start
  }

  .docs-escalation-side{
    grid-template-columns:repeat(2,minmax(0,1fr));
    grid-template-rows:auto
  }
}

@media(max-width:48rem){
  .docs-build-row{
    grid-template-columns:1fr
  }

  .docs-diagnostic-stack,
  .docs-glossary,
  .docs-evidence-grid,
  .docs-escalation-side{
    grid-template-columns:1fr
  }

  .docs-result{
    justify-self:start
  }
}

@media(max-width:42rem){
  .docs-stats{
    grid-template-columns:1fr
  }

  .docs-stat+.docs-stat{
    border-top:1px solid var(--bm-line);
    border-left:0
  }

  .docs-dispatch-head{
    align-items:flex-start
  }

  .docs-guide-card,
  .docs-escalation-main{
    padding:var(--bm-space-3)
  }

  .docs-guide-head,
  .docs-step-list li{
    grid-template-columns:1fr
  }

  .docs-step-number{
    width:2rem
  }

  .docs-index-card{
    grid-template-columns:1fr
  }

  .docs-index-code{
    grid-column:1
  }

  .docs-endcap-actions,
  .docs-hero-actions{
    width:100%
  }

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

@media(max-width:24.375rem){
  .docs-dispatch-head{
    display:grid
  }

  .docs-route-item{
    grid-template-columns:1fr
  }

  .docs-contact-actions .c-btn{
    padding-inline:var(--bm-space-2)
  }
}
