.support-page{
  color:#141210;
  background:#FFFFFF;
}

.support-hero{
  color:#141210;
  background:#FAFAF8;
}

.support-hero-grid{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,.92fr);
  align-items:start;
  gap:var(--d-space-5);
}

.support-hero-copy{
  min-width:0;
  align-items:flex-start;
  text-align:left;
}

.support-hero-copy h1{
  max-width:14ch;
  font-size:clamp(2.6rem,4.6vw,4rem);
  line-height:1.15;
}

.support-hero-lead{
  max-width:42rem;
  margin-top:var(--d-space-1);
  color:#625F5B;
  font-size:var(--d-text-lg);
}

.support-hero-actions{
  justify-content:flex-start;
  margin-top:var(--d-space-3);
}

.support-hero-stats{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:0;
  margin:var(--d-space-3) 0 0;
  padding-top:var(--d-space-3);
  border-top:1px solid #DEDCD7;
}

.support-hero-stats>div{
  min-width:0;
  padding-right:var(--d-space-2);
}

.support-hero-stats>div+div{
  padding-left:var(--d-space-2);
  border-left:1px solid #DEDCD7;
}

.support-hero-stats dt{
  color:#625F5B;
}

.support-hero-stats dd{
  margin-top:var(--d-space-1);
  color:#141210;
}

.support-hero-stats strong{
  display:block;
  font-family:var(--d-font-heading);
  font-size:var(--d-text-xl);
  font-variant-numeric:tabular-nums;
}

.support-hero-stage{
  min-width:0;
  align-self:start;
  height:auto;
  overflow:visible;
}

.support-handoff{
  width:100%;
  max-width:none;
  overflow:hidden;
  border-radius:var(--d-radius-md);
  color:#141210;
  background:#FFFFFF;
  box-shadow:var(--d-shadow);
}

.support-handoff-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:var(--d-space-2);
  padding:var(--d-space-3);
  color:#FFFFFF;
  background:#141210;
  font-family:var(--d-font-mono);
  font-size:var(--d-text-sm);
}

.support-handoff-state{
  color:#FFB08E;
}

.support-handoff-progress{
  height:.4rem;
  color:#141210;
  background:#E9EEF3;
}

.support-handoff-progress span{
  display:block;
  width:72%;
  height:100%;
  background:#C23800;
}

.support-handoff-row{
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  align-items:start;
  gap:var(--d-space-2);
  padding:var(--d-space-3);
  color:#141210;
  background:#FFFFFF;
  border-bottom:1px solid #DEDCD7;
}

.support-handoff-index{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:2rem;
  height:2rem;
  color:#FFFFFF;
  background:#C23800;
  border-radius:var(--d-radius-sm);
  font-family:var(--d-font-mono);
  font-size:var(--d-text-xs);
  font-weight:700;
}

.support-handoff-row h2{
  color:#141210;
  font-size:var(--d-text-lg);
}

.support-handoff-row p{
  margin-top:var(--d-space-1);
  color:#625F5B;
  font-size:var(--d-text-sm);
}

.support-handoff-row>strong{
  width:fit-content;
  color:#38684F;
  font-family:var(--d-font-mono);
  font-size:var(--d-text-xs);
}

.support-handoff-foot{
  display:flex;
  justify-content:space-between;
  gap:var(--d-space-2);
  padding:var(--d-space-2) var(--d-space-3);
  color:#2B211A;
  background:#F3EEE7;
  font-size:var(--d-text-sm);
}

.support-handoff-foot strong{
  color:#2B211A;
}

.support-section-head{
  max-width:55rem;
  margin-bottom:var(--d-space-4);
}

.support-section-head h2{
  color:inherit;
}

.support-section-head>p{
  max-width:50rem;
  margin-top:var(--d-space-1);
  color:inherit;
  opacity:.78;
  font-size:var(--d-text-lg);
}

.support-preflight-grid,
.support-connect-grid,
.support-exit-grid,
.support-ci-checks{
  align-items:start;
}

.support-info-card,
.support-ci-card,
.support-exit-card,
.support-result-card,
.support-channel-card{
  padding:var(--d-space-3);
}

.support-info-card{
  display:flex;
  flex-direction:column;
  min-width:0;
}

.support-card-step{
  width:fit-content;
  align-self:flex-start;
  display:inline-flex;
  padding:.4em .7em;
  border-radius:var(--d-radius-pill);
  color:#FFFFFF;
  background:#141210;
  font-family:var(--d-font-mono);
  font-size:var(--d-text-xs);
  font-weight:700;
}

.support-card-step+h3{
  margin-top:var(--d-space-2);
}

.support-info-card>p{
  margin-top:var(--d-space-1);
}

.support-info-card ul{
  display:grid;
  gap:var(--d-space-1);
  margin-top:var(--d-space-2);
}

.support-inline-notice{
  margin-top:var(--d-space-3);
}

.support-connect{
  color:#15322D;
  background:#E8F0EE;
}

.support-connect-card{
  min-width:0;
  padding:var(--d-space-3);
  color:#141210;
  background:#FFFFFF;
  border-radius:var(--d-radius-md);
}

.support-connect-mark{
  display:flex;
  align-items:center;
  gap:var(--d-space-1);
  color:#15322D;
}

.support-connect-mark svg{
  width:2.25rem;
  height:2.25rem;
  padding:.45rem;
  color:#FFFFFF;
  background:#38684F;
  border-radius:var(--d-radius-sm);
}

.support-connect-card>h3{
  margin-top:var(--d-space-2);
  color:#141210;
}

.support-numbered{
  display:grid;
  gap:0;
  margin-top:var(--d-space-2);
  padding:0;
  list-style:none;
}

.support-numbered li{
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  gap:var(--d-space-2);
  padding-block:var(--d-space-2);
  border-top:1px solid #DEDCD7;
}

.support-numbered li>span{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:1.75rem;
  height:1.75rem;
  color:#141210;
  background:#E8F0EE;
  border-radius:var(--d-radius-pill);
  font-family:var(--d-font-mono);
  font-size:var(--d-text-xs);
  font-weight:700;
}

.support-numbered strong{
  color:#141210;
}

.support-numbered p{
  margin-top:var(--d-space-1);
  color:#625F5B;
}

.support-command-pair,
.support-ticket-pair{
  display:grid;
  grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);
  align-items:stretch;
  gap:var(--d-space-3);
}
.support-ticket-pair{
  align-items:start;
}

.support-check-terminal{
  min-width:0;
  height:100%;
}

.support-check-terminal pre{
  min-height:100%;
}

.support-command-side,
.support-ticket-side{
  display:grid;
  grid-template-rows:repeat(2,minmax(0,1fr));
  align-items:stretch;
  gap:var(--d-space-3);
}
.support-ticket-side{
  grid-template-rows:auto;
  align-items:start;
  align-content:start;
}

.support-command-side>*,
.support-ticket-side>*{
  height:auto;
}

.support-result-card{
  display:flex;
  flex-direction:column;
  justify-content:space-between;
}

.support-result-card .c-checklist{
  margin-top:var(--d-space-2);
}

.support-xcode{
  color:#2C2238;
  background:#EEEAF3;
}

.support-ledger{
  overflow:hidden;
  border-radius:var(--d-radius-md);
  color:#141210;
  background:#FFFFFF;
}

.support-ledger-head,
.support-ledger-row{
  display:grid;
  grid-template-columns:minmax(8rem,.7fr) minmax(0,1.7fr) minmax(9rem,.75fr);
  gap:var(--d-space-3);
  align-items:start;
  padding:var(--d-space-2) var(--d-space-3);
}

.support-ledger-head{
  color:#FFFFFF;
  background:#141210;
  font-family:var(--d-font-mono);
  font-size:var(--d-text-xs);
}

.support-ledger-row{
  color:#141210;
  background:#FFFFFF;
  border-bottom:1px solid #DEDCD7;
}

.support-ledger-row:last-child{
  border-bottom:0;
}

.support-ledger-row p{
  color:#625F5B;
}

.support-ledger-row>span{
  width:fit-content;
  color:#15322D;
  background:#E8F0EE;
  padding:.4em .7em;
  border-radius:var(--d-radius-pill);
  font-size:var(--d-text-xs);
  font-weight:700;
}

.support-migration-path{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  align-items:start;
  gap:var(--d-space-3);
}

.support-migration-card{
  min-width:0;
  overflow:hidden;
  border-radius:var(--d-radius-md);
  color:#141210;
  background:#FAFAF8;
}

.support-migration-card header{
  padding:var(--d-space-3);
  color:#FFFFFF;
  background:#141210;
}

.support-migration-card header span{
  color:#FFB08E;
  font-family:var(--d-font-mono);
  font-size:var(--d-text-xs);
}

.support-migration-card header h3{
  margin-top:var(--d-space-1);
  color:#FFFFFF;
}

.support-migration-card dl{
  margin:0;
  padding:0 var(--d-space-3) var(--d-space-3);
}

.support-migration-card dl>div{
  padding-block:var(--d-space-2);
  border-bottom:1px solid #DEDCD7;
}

.support-migration-card dl>div:last-child{
  border-bottom:0;
}

.support-migration-card dt{
  color:#8C5A00;
}

.support-migration-card dd{
  margin-top:var(--d-space-1);
  color:#625F5B;
}

.support-ci{
  color:#172A39;
  background:#E9EEF3;
}

.support-table-shell{
  border-radius:var(--d-radius-md);
}

.support-ci-table{
  min-width:58rem;
}

.support-ci-table caption{
  padding:var(--d-space-2);
  color:#141210;
  background:#FFFFFF;
  font-weight:700;
  text-align:left;
}

.support-ci-table th,
.support-ci-table td{
  text-align:left;
}

.support-ci-checks{
  margin-top:var(--d-space-3);
}

.support-ci-card h3{
  color:#141210;
}

.support-ci-card p{
  margin-top:var(--d-space-1);
  color:#625F5B;
}

.support-diagnostics{
  color:#141210;
  background:#FAFAF8;
  border-radius:var(--d-radius-md);
}

.support-diagnostic-row{
  display:grid;
  grid-template-columns:minmax(5rem,.32fr) minmax(0,1fr) auto;
  align-items:start;
  gap:var(--d-space-3);
  padding:var(--d-space-3);
  border-bottom:1px solid #DEDCD7;
}

.support-diagnostic-row:last-child{
  border-bottom:0;
}

.support-diagnostic-label{
  color:#C23800;
  font-family:var(--d-font-mono);
  font-size:var(--d-text-sm);
  font-weight:700;
}

.support-diagnostic-row h3{
  color:#141210;
}

.support-diagnostic-row p{
  margin-top:var(--d-space-1);
  color:#625F5B;
}

.support-diagnostic-row .c-badge{
  align-self:start;
}

.support-exit{
  color:#302416;
  background:#F3EDE2;
}

.support-exit-card{
  color:#141210;
  background:#FFFFFF;
}

.support-exit-card h3{
  margin-top:var(--d-space-2);
  color:#141210;
}

.support-exit-card .c-checklist{
  margin-top:var(--d-space-2);
  color:#625F5B;
}

.support-escalation .support-section-head a:not(.c-btn){
  color:#982C00;
  text-decoration:underline;
  text-underline-offset:.2em;
  overflow-wrap:anywhere;
}

.support-ticket-template{
  min-width:0;
  overflow:hidden;
  border-radius:var(--d-radius-md);
  color:#141210;
  background:#FAFAF8;
}

.support-ticket-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:var(--d-space-2);
  padding:var(--d-space-3);
  color:#FFFFFF;
  background:#141210;
}

.support-ticket-head span{
  font-family:var(--d-font-heading);
  font-size:var(--d-text-lg);
  font-weight:800;
}

.support-ticket-head strong{
  color:#FFB08E;
  font-family:var(--d-font-mono);
  font-size:var(--d-text-xs);
}

.support-ticket-fields{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  color:#141210;
  background:#FAFAF8;
}

.support-ticket-fields>div{
  min-width:0;
  padding:var(--d-space-3);
  border-bottom:1px solid #DEDCD7;
}

.support-ticket-fields>div:nth-child(odd){
  border-right:1px solid #DEDCD7;
}

.support-ticket-fields span{
  color:#8C5A00;
  font-family:var(--d-font-mono);
  font-size:var(--d-text-xs);
  font-weight:700;
}

.support-ticket-fields p{
  margin-top:var(--d-space-1);
  color:#625F5B;
}

.support-channel-card{
  display:flex;
  flex-direction:column;
  justify-content:flex-start;
}

.support-channel-card h3{
  color:inherit;
}

.support-channel-card p{
  margin-top:var(--d-space-1);
  color:inherit;
  opacity:.76;
}

.support-channel-card .c-btn{
  align-self:flex-start;
  margin-top:var(--d-space-3);
}

.support-closing-section{
  padding-top:var(--d-space-5);
  padding-bottom:var(--d-space-3);
}

.support-closing{
  padding:var(--d-space-4);
  color:#FFFFFF;
  background:#141210;
}

.support-closing-copy{
  max-width:47rem;
  min-width:0;
}

.support-closing-copy .c-kicker-fill{
  color:#2B211A;
  background:#F3EEE7;
}

.support-closing-copy h2{
  color:#FFFFFF;
}

.support-closing-copy p{
  margin-top:var(--d-space-1);
  color:#C8C4BF;
}

.support-closing-actions{
  display:flex;
  flex-direction:column;
  align-items:stretch;
  gap:var(--d-space-1);
  min-width:min(100%,14rem);
}

.support-closing-actions .c-btn{
  width:100%;
}

.support-closing-actions .c-btn-ghost{
  color:#FFFFFF;
  background:transparent;
  border-color:rgba(255,255,255,.45);
}

.support-closing-actions .c-btn-ghost:hover{
  color:#141210;
  background:#FFFFFF;
  border-color:#FFFFFF;
}

@media (max-width:64rem){
  .support-hero-grid{
    grid-template-columns:minmax(0,1fr);
    gap:var(--d-space-4);
  }

  .support-hero-copy h1{
    max-width:18ch;
  }

  .support-hero-stage{
    height:auto;
    overflow:visible;
  }

  .support-command-pair,
  .support-ticket-pair{
    grid-template-columns:minmax(0,1fr);
  }

  .support-command-side,
  .support-ticket-side{
    grid-template-columns:repeat(2,minmax(0,1fr));
    grid-template-rows:none;
  }

  .support-migration-path{
    grid-template-columns:minmax(0,1fr);
  }

  .support-migration-card{
    min-height:0;
  }
}

@media (max-width:45rem){
  .support-hero-grid{
    padding-block:var(--d-space-4);
  }

  .support-hero-copy h1{
    max-width:none;
    font-size:clamp(2.25rem,11vw,3.1rem);
  }

  .support-hero-stats{
    grid-template-columns:minmax(0,1fr);
  }

  .support-hero-stats>div{
    padding:var(--d-space-2) 0;
  }

  .support-hero-stats>div+div{
    padding-left:0;
    border-top:1px solid #DEDCD7;
    border-left:0;
  }

  .support-handoff-head,
  .support-handoff-foot{
    align-items:flex-start;
    flex-direction:column;
  }

  .support-handoff-row{
    grid-template-columns:auto minmax(0,1fr);
  }

  .support-handoff-row>strong{
    grid-column:2;
  }

  .support-ledger-head{
    display:none;
  }

  .support-ledger-row{
    grid-template-columns:minmax(0,1fr);
    gap:var(--d-space-1);
    padding:var(--d-space-3);
  }

  .support-command-side,
  .support-ticket-side{
    grid-template-columns:minmax(0,1fr);
  }

  .support-diagnostic-row{
    grid-template-columns:minmax(0,1fr);
    gap:var(--d-space-1);
  }

  .support-diagnostic-row .c-badge{
    margin-top:var(--d-space-1);
  }

  .support-ticket-fields{
    grid-template-columns:minmax(0,1fr);
  }

  .support-ticket-fields>div:nth-child(odd){
    border-right:0;
  }

  .support-ticket-head{
    align-items:flex-start;
    flex-direction:column;
  }

  .support-channel-card .c-btn{
    width:100%;
  }

  .support-closing{
    padding:var(--d-space-3);
  }

  .support-closing-actions{
    width:100%;
  }
}