.support-page main{
  overflow-x:clip;
}

.support-page main [hidden]{
  display:none!important;
}

.support-page :is(.support-hero-grid,.support-migration,.support-build-grid,.support-transfer-grid,.support-ticket-grid)>*{
  min-width:0;
}

.support-page :is(.support-hero-copy,.support-section-head,.support-card-heading){
  min-width:0;
  overflow-wrap:break-word;
}

.support-page .support-hero{
  padding-block:var(--hero-top) var(--section-space);
  background:#FFFFFF;
  color:#262A33;
}

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

.support-page .support-hero-copy{
  display:block;
  text-align:left;
}

.support-page .support-hero-copy>.kicker{
  margin-bottom:var(--space-3);
}

.support-page .support-hero-copy>h1{
  color:#14161F;
  font-size:var(--text-display);
  line-height:var(--lh-display);
  max-width:none;
}

.support-page .support-hero-copy>p{
  color:#60646F;
  max-width:none;
}

.support-page .support-hero-copy>.support-lead{
  margin-top:var(--space-3);
  color:#2A2D36;
}

.support-page .support-lead+p{
  margin-top:var(--space-2);
}

.support-page .support-hero-actions{
  justify-content:flex-start;
  margin-block:var(--space-4);
}

.support-page .support-hero-copy>.support-hero-note{
  font-size:var(--text-sm);
  color:#60646F;
}

.support-handoff{
  height:auto;
  border-radius:var(--r-l);
  overflow:hidden;
  background:#E8F6F1;
  color:#1D5E48;
  text-align:left;
}

.support-handoff-head{
  display:grid;
  gap:var(--space-2);
  padding:var(--card-pad);
  background:#E8F6F1;
  color:#1D5E48;
}

.support-overline{
  display:block;
  font-family:var(--f-mono);
  font-size:var(--text-xs);
  font-weight:var(--weight-bold);
  line-height:var(--lh-tight);
  overflow-wrap:break-word;
}

.support-handoff-head h2{
  font-size:var(--text-reading);
  line-height:var(--lh-heading);
  letter-spacing:-.3px;
  color:#1D5E48;
}

.support-handoff-head p{
  font-size:var(--text-sm);
  color:#1D5E48;
}

.support-handoff-list{
  display:grid;
  list-style:none;
  margin:0;
  padding:0 var(--card-pad) var(--card-pad);
  gap:var(--space-4);
}

.support-handoff-list>li{
  display:grid;
  grid-template-columns:2.5rem minmax(0,1fr);
  gap:var(--space-3);
  align-items:start;
  min-width:0;
}

.support-handoff-list>li>div{
  display:grid;
  gap:var(--space-2);
  min-width:0;
}

.support-mark{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:2.5rem;
  height:2.5rem;
  border-radius:var(--r-m);
  background:#FFFFFF;
  color:#1D5E48;
  font:var(--weight-bold) var(--text-sm)/1 var(--f-mono);
  font-variant-numeric:tabular-nums;
}

.support-handoff-list h3{
  font-size:var(--text-base);
  color:#1D5E48;
}

.support-handoff-list p{
  font-size:var(--text-sm);
  color:#1D5E48;
}

.support-handoff-foot{
  display:flex;
  align-items:flex-start;
  gap:var(--space-2);
  padding:var(--space-4) var(--card-pad);
  background:#14161F;
  color:#E9EAF0;
}

.support-handoff-foot svg{
  width:var(--icon);
  height:var(--icon);
  flex:none;
}

.support-handoff-foot p{
  min-width:0;
  font-size:var(--text-sm);
  color:#E9EAF0;
}

.support-section-head{
  margin-bottom:var(--space-5);
  text-align:left;
}

.support-section-head>.kicker{
  margin-bottom:var(--space-3);
}

.support-section-head>h2{
  color:inherit;
  max-width:none;
}

.support-section-head>p{
  margin-top:var(--space-2);
  max-width:none;
  color:inherit;
}

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

.support-migration-card{
  display:flex;
  flex-direction:column;
  gap:var(--space-3);
  min-width:0;
  padding:var(--card-pad);
  border-radius:var(--r-l);
  background:#FFFFFF;
  color:#262A33;
}

.support-card-heading{
  display:grid;
  gap:var(--space-2);
}

.support-card-heading h3{
  color:#14161F;
  font-size:var(--text-lg);
  line-height:var(--lh-tight);
}

.support-migration-card .support-overline{
  color:#60646F;
}

.support-migration-card p{
  color:#60646F;
  font-size:var(--text-base);
}

.support-card-list{
  display:grid;
  gap:var(--space-2);
  margin:0;
  padding-left:var(--space-4);
}

.support-card-list>li{
  padding-left:var(--space-1);
  color:#262A33;
  overflow-wrap:break-word;
}

.support-page .support-code{
  position:relative;
  width:100%;
  max-width:100%;
  min-width:0;
  overflow-x:auto;
  padding:var(--space-4);
  border-radius:var(--r-m);
  background:#14161F;
  color:#E9EAF0;
  font-variant-numeric:tabular-nums;
}

.support-migration-card>.support-code{
  flex:1;
}

.support-code code{
  color:#E9EAF0;
}

.support-migration-card>.support-card-foot{
  margin-top:auto;
  color:#60646F;
  font-size:var(--text-sm);
}

.support-page .support-migration-note{
  margin-top:var(--space-4);
}

.support-page .support-migration-note p{
  font-size:var(--text-base);
}

.support-build-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:var(--space-4);
  align-items:stretch;
}

.support-build-card{
  display:flex;
  flex-direction:column;
  gap:var(--space-3);
  height:100%;
  min-width:0;
  padding:var(--card-pad);
  border-radius:var(--r-l);
  background:#F6F7F9;
  color:#262A33;
}

.support-build-card p{
  color:#262A33;
}

.support-build-card>.support-card-foot{
  margin-top:auto;
  color:#60646F;
  font-size:var(--text-sm);
}

.support-result-note{
  display:grid;
  gap:var(--space-2);
  margin-top:var(--space-4);
  padding:var(--card-pad);
  border-radius:var(--r-l);
  background:#EEF3FF;
  color:#1F3A8A;
}

.support-result-note h3{
  font-size:var(--text-lg);
  color:#1F3A8A;
}

.support-result-note p{
  color:#1F3A8A;
}

.support-checklist{
  list-style:none;
  margin:0;
  padding:0;
}

.support-checklist>.support-check-row{
  display:grid;
  grid-template-columns:2.5rem minmax(7.5rem,11rem) minmax(0,1fr);
  align-items:start;
  gap:var(--space-3);
  padding:var(--space-4);
  border-top:var(--rule) solid var(--line);
  background:#F6F7F9;
  color:#262A33;
}

.support-check-row>*{
  min-width:0;
}

.support-step{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:2.5rem;
  height:2.5rem;
  padding:.4em;
  border-radius:var(--r-m);
  background:#FFFFFF;
  color:#262A33;
  font:var(--weight-bold) var(--text-sm)/1 var(--f-mono);
  font-variant-numeric:tabular-nums;
}

.support-check-row h3{
  font-size:var(--text-lg);
  color:#14161F;
}

.support-check-copy{
  display:grid;
  gap:var(--space-2);
}

.support-check-copy p{
  color:#262A33;
}

.support-check-copy .support-limit{
  color:#60646F;
  font-size:var(--text-sm);
}

.support-table-intro{
  display:grid;
  gap:var(--space-2);
  margin-block:var(--space-5) var(--space-3);
}

.support-table-intro h3{
  font-size:var(--text-lg);
}

.support-page .support-node-table{
  display:table;
  width:100%;
  min-width:36rem;
}

.support-page .support-node-table :is(th,td){
  text-align:left;
}

.support-page .support-node-table tbody th{
  font-family:var(--f-body);
  font-size:var(--text-sm);
  background:#F6F7F9;
  color:#262A33;
  vertical-align:top;
}

.support-table-note{
  margin-top:var(--space-3);
  color:#60646F;
  font-size:var(--text-sm);
}

.support-transfer-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:var(--space-4);
  align-items:start;
}

.support-transfer-card{
  display:grid;
  gap:var(--space-2);
  min-width:0;
  padding:var(--card-pad);
  border-radius:var(--r-l);
  background:#FFFFFF;
  color:#262A33;
}

.support-transfer-card h3{
  color:#14161F;
  font-size:var(--text-lg);
}

.support-transfer-card p{
  color:#60646F;
}

.support-page .support-transfer-actions{
  justify-content:flex-start;
  margin-top:var(--space-4);
}

.support-inline-link{
  color:#1F3A8A;
  text-decoration:underline;
  overflow-wrap:anywhere;
}

.support-ticket-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  align-items:start;
  gap:var(--space-4);
}

.support-ticket-info{
  display:grid;
  gap:var(--space-3);
  padding:var(--card-pad);
  border-radius:var(--r-l);
  background:#F6F7F9;
  color:#262A33;
}

.support-ticket-info h3{
  font-size:var(--text-lg);
  color:#14161F;
}

.support-ticket-info>p{
  color:#60646F;
}

.support-ticket-list{
  display:grid;
  gap:var(--space-2);
  margin:0;
  padding-left:var(--space-4);
}

.support-ticket-list li{
  min-width:0;
  padding-left:var(--space-1);
  color:#262A33;
}

.support-ticket-template{
  display:grid;
  gap:var(--space-3);
  padding:var(--card-pad);
  border-radius:var(--r-l);
  background:#FDF0F4;
  color:#8A2A4C;
}

.support-ticket-template .support-card-heading h3,
.support-ticket-template .support-card-heading p{
  color:#8A2A4C;
}

.support-ticket-fields{
  display:grid;
  gap:0;
}

.support-ticket-fields>div{
  display:grid;
  grid-template-columns:minmax(5rem,.4fr) minmax(0,1fr);
  gap:var(--space-3);
  padding-block:var(--space-3);
  border-top:var(--rule) solid color-mix(in srgb,#8A2A4C 16%,transparent);
}

.support-ticket-fields :is(dt,dd){
  min-width:0;
  color:#8A2A4C;
  overflow-wrap:break-word;
}

.support-ticket-fields dt{
  font-weight:var(--weight-bold);
}

.support-ticket-warning{
  font-size:var(--text-sm);
  color:#8A2A4C;
}

.support-response{
  display:grid;
  gap:var(--space-2);
  margin-top:var(--space-5);
}

.support-response h3{
  font-size:var(--text-lg);
  color:#14161F;
}

.support-response p{
  color:#60646F;
}

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

.support-page .support-doc-grid{
  align-items:stretch;
}

.support-page .support-doc-card{
  display:flex;
  flex-direction:column;
  align-items:stretch;
  gap:var(--space-3);
  height:100%;
  min-width:0;
  padding:var(--card-pad);
  border-radius:var(--r-l);
  background:#FFFFFF;
  color:#262A33;
}

.support-page .support-doc-card h3{
  color:#14161F;
  font-size:var(--text-lg);
}

.support-page .support-doc-card p{
  color:#60646F;
  font-size:var(--text-base);
}

.support-page .support-doc-card>.c-btn{
  align-self:flex-start;
  margin-top:auto;
}

.support-page .support-close-section{
  padding-bottom:var(--space-close);
}

.support-page .c-closing.support-closing{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(12rem,.4fr);
  align-items:center;
  gap:var(--space-6);
  width:100%;
  height:auto;
  padding:var(--space-8) var(--card-pad);
  border-radius:var(--r-l);
  background:#14161F;
  color:#E9EAF0;
  text-align:left;
}

.support-closing-copy{
  display:grid;
  gap:var(--space-2);
  min-width:0;
  text-align:left;
}

.support-page .support-closing-copy>h2{
  font-size:var(--text-section);
  line-height:var(--lh-heading);
  color:#FFFFFF;
}

.support-page .support-closing-copy>p{
  font-size:var(--text-base);
  color:#A3A7B4;
  margin:0;
  max-width:none;
}

.support-page .support-closing-actions{
  display:flex;
  flex-direction:column;
  align-items:stretch;
  justify-content:center;
  gap:var(--space-3);
  margin-top:0;
  min-width:0;
}

.support-page .support-closing-actions .c-btn-ghost{
  background:transparent;
  color:#E9EAF0;
  border-color:color-mix(in srgb,#E9EAF0 45%,transparent);
}

.support-page .support-closing-actions .c-btn-ghost:hover{
  background:#2C3040;
  color:#FFFFFF;
}

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

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

  .support-migration-card>.support-code{
    flex:none;
  }

  .support-page .c-closing.support-closing{
    grid-template-columns:minmax(0,1fr) minmax(12rem,.55fr);
  }
}

@media(max-width:42rem){
  .support-handoff{
    height:auto;
  }

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

  .support-checklist>.support-check-row{
    grid-template-columns:2.25rem minmax(0,1fr);
    padding:var(--space-4) 0;
  }

  .support-check-row>:nth-child(3){
    grid-column:2;
  }

  .support-step{
    width:2.25rem;
    height:2.25rem;
  }

  .support-ticket-fields>div{
    grid-template-columns:minmax(0,1fr);
    gap:var(--space-2);
  }

  .support-page .c-closing.support-closing{
    grid-template-columns:minmax(0,1fr);
    padding:var(--space-7) var(--card-pad);
    gap:var(--space-4);
  }

  .support-page .support-closing-actions{
    margin-top:var(--space-3);
  }

  .support-page .support-hero-actions,
  .support-page .support-transfer-actions,
  .support-page .support-ticket-actions{
    align-items:stretch;
  }

  .support-page .support-hero-actions>.c-btn,
  .support-page .support-transfer-actions>.c-btn,
  .support-page .support-ticket-actions>.c-btn{
    width:100%;
  }
}