.onboard-page main{
  font-variant-numeric:tabular-nums;
}
.onboard-page main>*{
  min-width:0;
}
.onboard-page main [id]{
  scroll-margin-top:calc(var(--header-height) + var(--space-4));
}
.onboard-page .onboard-hero-grid{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  align-items:start;
  gap:var(--space-7);
}
.onboard-hero-copy,
.onboard-hero-stage{
  min-width:0;
}
.onboard-page .onboard-hero-stage{
  padding:0;
  height:auto;
}
.onboard-page .onboard-hero-copy h1{
  font-size:clamp(2.5rem,3.6vw,3.2rem);
  line-height:1.2;
  letter-spacing:-.035em;
}
.onboard-hero-lead{
  margin-top:var(--space-4);
}
.onboard-hero-detail{
  margin-top:var(--space-3);
  color:#625B55;
}
.onboard-hero-note{
  margin-top:var(--action-follow);
  margin-bottom:var(--space-4);
  font-size:var(--text-sm);
  color:#625B55;
}
.onboard-runbook{
  height:auto;
  width:100%;
  min-width:0;
  border-radius:var(--r-m);
  overflow:hidden;
  background:#FFFFFF;
  color:#1E1A17;
  --ink:#1E1A17;
  --ink-2:#3B3531;
  --muted:#625B55;
  --line:#EBE6E1;
  box-shadow:var(--shadow-fog);
}
.onboard-runbook-head{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:var(--space-2);
  padding:var(--card-pad);
  background:#E8ECFA;
  color:#23305E;
  --ink:#23305E;
  --ink-2:#23305E;
  --muted:#4F5A85;
  --line:#D3DAF1;
}
.onboard-runbook-head>.c-badge{
  margin-bottom:var(--space-2);
}
.onboard-sheet-title{
  font-family:var(--fh);
  font-size:var(--text-card);
  line-height:var(--lh-card);
  letter-spacing:-.025em;
}
.onboard-runbook-head>p:not(.onboard-sheet-title){
  font-size:var(--text-sm);
  color:#4F5A85;
}
.onboard-handoff{
  padding-inline:var(--card-pad);
}
.onboard-handoff>div{
  display:grid;
  grid-template-columns:minmax(5rem,.65fr) minmax(0,1.35fr);
  align-items:start;
  gap:var(--space-3);
  padding-block:var(--space-3);
  border-bottom:1px solid #EBE6E1;
}
.onboard-handoff dt,
.onboard-handoff dd{
  min-width:0;
  overflow-wrap:break-word;
  font-size:var(--text-sm);
}
.onboard-handoff dt{
  color:#625B55;
}
.onboard-handoff dd{
  color:#1E1A17;
}
.onboard-runbook-foot{
  display:flex;
  align-items:flex-start;
  gap:var(--space-3);
  padding:var(--card-pad);
  color:#625B55;
}
.onboard-runbook-foot>svg{
  width:20px;
  height:20px;
  margin-top:var(--space-1);
}
.onboard-runbook-foot>p{
  min-width:0;
  font-size:var(--text-sm);
}
.onboard-section-head{
  max-width:56rem;
  margin-bottom:var(--space-6);
}
.onboard-section-head>h2{
  margin-bottom:var(--space-3);
}
.onboard-section-head>p{
  color:inherit;
}
.onboard-checklist{
  grid-template-columns:repeat(2,minmax(0,1fr));
  align-items:stretch;
  gap:var(--space-4);
}
.onboard-check-copy{
  display:flex;
  flex-direction:column;
  gap:var(--space-2);
  min-width:0;
}
.onboard-check-copy>p{
  color:#3B3531;
}
.onboard-order-band{
  background:#E8ECFA;
  color:#23305E;
  --ink:#23305E;
  --ink-2:#23305E;
  --muted:#4F5A85;
  --line:#D3DAF1;
}
.onboard-model-grid{
  grid-template-columns:repeat(2,minmax(0,1fr));
}
.onboard-model-card{
  background:#FFFFFF;
  color:#1E1A17;
  --ink:#1E1A17;
  --ink-2:#3B3531;
  --muted:#625B55;
  --line:#EBE6E1;
}
.onboard-model-card>.c-data{
  overflow-wrap:break-word;
}
.onboard-rows{
  display:grid;
  list-style:none;
  margin:var(--space-6) 0 0;
  padding:0;
}
.onboard-rows>.onboard-row{
  display:grid;
  grid-template-columns:2.5rem minmax(7.5rem,11rem) minmax(0,1fr);
  gap:var(--space-3);
  align-items:start;
  padding:var(--card-pad);
  border-top:1px solid #D3DAF1;
}
.onboard-row>*{
  min-width:0;
  overflow-wrap:break-word;
}
.onboard-row>h3{
  color:inherit;
}
.onboard-step{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:2.5rem;
  min-height:2.5rem;
  border-radius:var(--r-s);
  background:#FFFFFF;
  color:#23305E;
  line-height:1;
  font-size:var(--text-sm);
}
.onboard-photo{
  margin-bottom:var(--space-6);
}
.onboard-photo-frame{
  height:clamp(16rem,35vw,28rem);
  border-radius:var(--r-m);
  overflow:hidden;
}
.onboard-photo-frame>img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
}
.onboard-photo>figcaption{
  margin-top:var(--space-2);
  color:#625B55;
}
.onboard-connect-grid{
  grid-template-columns:repeat(2,minmax(0,1fr));
}
.onboard-connect-card{
  background:#F8F8FB;
  color:#1E1A17;
  --ink:#1E1A17;
  --ink-2:#3B3531;
  --muted:#625B55;
  --line:#EBE6E1;
}
.onboard-environment{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  align-items:start;
  gap:var(--space-6);
  margin-top:var(--space-6);
}
.onboard-environment-copy,
.onboard-command-block{
  display:flex;
  flex-direction:column;
  gap:var(--space-2);
  min-width:0;
}
.onboard-environment-copy>p{
  color:#3B3531;
}
.onboard-command-label{
  font-size:var(--text-sm);
  color:#625B55;
}
.onboard-command-block>pre{
  width:100%;
}
.onboard-command-block>p:last-child{
  color:#625B55;
}
.onboard-build-band{
  background:#F1E8F3;
  color:#4A2A52;
  --ink:#4A2A52;
  --ink-2:#4A2A52;
  --muted:#6F5577;
  --line:var(--lilac-line);
}
.onboard-build-grid{
  grid-template-columns:repeat(auto-fit,minmax(min(100%,19rem),1fr));
}
.onboard-build-card{
  background:#FFFFFF;
  color:#1E1A17;
  --ink:#1E1A17;
  --ink-2:#3B3531;
  --muted:#625B55;
  --line:#EBE6E1;
}
.onboard-instructions{
  padding-inline-start:var(--space-4);
}
.onboard-instructions>li{
  color:#3B3531;
  overflow-wrap:break-word;
}
.onboard-instructions>li+li{
  margin-top:var(--space-2);
}
.onboard-build-card .c-card-foot{
  color:#625B55;
}
.onboard-build-code{
  width:100%;
  padding:var(--space-3);
  background:#F8F8FB;
  color:#1E1A17;
  --ink:#1E1A17;
  --ink-2:#3B3531;
  --muted:#625B55;
  --line:#EBE6E1;
}
.onboard-build-note{
  margin-top:var(--space-4);
}
.onboard-note-copy{
  display:flex;
  flex-direction:column;
  gap:var(--space-2);
  min-width:0;
}
.onboard-isolation-grid{
  grid-template-columns:repeat(2,minmax(0,1fr));
}
.onboard-isolation-light{
  background:#F6EDE1;
  color:#5A3A16;
  --ink:#5A3A16;
  --ink-2:#5A3A16;
  --muted:#745A3D;
  --line:var(--sand-line);
}
.onboard-isolation-mint{
  background:#E2F1E9;
  color:#1F4A35;
  --ink:#1F4A35;
  --ink-2:#1F4A35;
  --muted:#456550;
  --line:var(--mint-line);
}
.onboard-page .onboard-isolation-card>h3,
.onboard-page .onboard-isolation-card>p{
  color:inherit;
}
.onboard-finish-band{
  background:#F8F8FB;
  color:#1E1A17;
  --ink:#1E1A17;
  --ink-2:#3B3531;
  --muted:#625B55;
  --line:#EBE6E1;
}
.onboard-finish-rows{
  margin-top:0;
}
.onboard-finish-rows>.onboard-row{
  border-color:#EBE6E1;
}
.onboard-finish-rows .onboard-step{
  background:#E2F1E9;
  color:#1F4A35;
}
.onboard-finish-help{
  margin-top:var(--space-6);
}
.onboard-finish-help>p{
  margin-top:var(--space-2);
  max-width:56rem;
  color:#3B3531;
}
.onboard-finish-help>p>a:not(.c-btn){
  color:#23305E;
  text-decoration:underline;
  text-underline-offset:.2em;
}
.onboard-page main>section:last-child{
  padding-bottom:var(--space-close);
}
@media(max-width:64rem){
  .onboard-page .onboard-hero-grid{
    grid-template-columns:minmax(0,1fr);
    gap:var(--space-6);
  }
  .onboard-page .onboard-hero-copy h1{
    font-size:clamp(2.5rem,5vw,3.2rem);
  }
  .onboard-hero-stage,
  .onboard-runbook{
    height:auto;
    min-height:0;
  }
  .onboard-build-grid{
    grid-template-columns:minmax(0,1fr);
  }
}
@media(max-width:42rem){
  .onboard-page .onboard-hero-copy h1{
    font-size:var(--text-display);
  }
  .onboard-checklist,
  .onboard-model-grid,
  .onboard-connect-grid,
  .onboard-isolation-grid,
  .onboard-environment{
    grid-template-columns:minmax(0,1fr);
  }
  .onboard-rows>.onboard-row{
    grid-template-columns:2.25rem minmax(0,1fr);
  }
  .onboard-row>:nth-child(3){
    grid-column:2;
  }
  .onboard-step{
    width:2.25rem;
    min-height:2.25rem;
  }
  .onboard-handoff>div{
    grid-template-columns:minmax(0,1fr);
    gap:var(--space-2);
  }
  .onboard-photo-frame{
    height:16rem;
  }
}