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

.support-hero[data-hero-form="data-band"]{
  padding-block:var(--hero-pad) var(--section-pad);
  background:#F0EAF7;
  color:#30283A;
}

.support-hero .c-page-hero-copy{
  display:flex;
  flex-direction:column;
  align-items:center;
  min-width:0;
  text-align:center;
}

.support-hero .c-page-hero-copy .c-kicker{
  align-self:center;
  margin-inline:auto;
}

.support-hero .c-page-hero-copy h1{
  max-width:56rem;
  margin-top:var(--space-2);
  color:#30283A;
  line-height:1.18;
}

.support-hero-lead{
  max-width:48rem;
  margin-top:var(--space-2);
  color:#5D5267;
  font-size:var(--text-md);
  overflow-wrap:break-word;
}

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

.support-hero-note{
  max-width:45rem;
  margin-top:var(--space-2);
  color:#5D5267;
  font-size:var(--text-sm);
}

.support-hero .data-band{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:var(--space-2);
  margin-top:var(--space-5);
  margin-bottom:var(--space-5);
  padding:var(--space-2)
}

.support-hero .data-item+.data-item{border:0}

.support-hero .data-item{
  display:flex;
  min-width:0;
  flex-direction:column;
  gap:var(--space-1);
  padding:var(--space-3);
  border-radius:var(--radius-md);
  background:#FFFFFF;
  color:#172126;
  text-align:left;
}

.support-hero .data-item b{
  color:#172126;
  font-family:var(--font-heading);
  font-size:var(--text-lg);
  font-variant-numeric:tabular-nums;
}

.support-hero .data-item span{
  color:#59666D;
  font-size:var(--text-sm);
  overflow-wrap:break-word;
}

.support-handoff.hero-art{
  display:flex;
  flex-direction:column;
  align-items:stretch;
  grid-template-columns:none;
  grid-template-areas:none;
  width:min(calc(100% - var(--gutter)*2),var(--container-standard));
  margin-inline:auto;
  height:auto;
  padding:0;
  overflow:hidden;
  border-radius:var(--radius-lg);
  background:#FFFFFF;
  color:#172126;
  box-shadow:var(--shadow-soft);
}

.support-handoff-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:var(--space-3);
  padding:var(--space-3) var(--space-4);
  background:#E7EEF5;
  color:#1D303D;
}

.support-handoff-head > div{
  display:flex;
  min-width:0;
  flex-direction:column;
  gap:var(--space-1);
}

.support-handoff-label{
  color:#526875;
  font-size:var(--text-xs);
  font-weight:800;
  letter-spacing:.07em;
  text-transform:uppercase;
}

.support-handoff-head strong{
  color:#1D303D;
  font-family:var(--font-heading);
  font-size:var(--text-lg);
  overflow-wrap:break-word;
}

.support-handoff-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  align-items:stretch;
}

.support-handoff-column{
  display:flex;
  min-width:0;
  flex-direction:column;
  padding:var(--space-4);
  background:#F8E8DE;
  color:#422A22;
}

.support-handoff-column-mint{
  background:#E7F3EC;
  color:#18372D;
}

.support-handoff-column-dark{
  background:#172126;
  color:#FFFFFF;
}

.support-handoff-step{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:2.4rem;
  height:2.4rem;
  border-radius:var(--radius-pill);
  background:#FFFFFF;
  color:#00536B;
  font-size:var(--text-sm);
  font-weight:800;
}

.support-handoff-column-dark .support-handoff-step{
  background:#F5F0D8;
  color:#363018;
}

.support-handoff-column h2{
  margin-top:var(--space-2);
  color:inherit;
  font-size:var(--text-xl);
}

.support-handoff-column p{
  margin-top:var(--space-1);
  color:#695249;
  font-size:var(--text-sm);
}

.support-handoff-column-mint p{
  color:#49645A;
}

.support-handoff-column-dark p{
  color:#B9C4C8;
}

.support-handoff-column dl{
  display:grid;
  gap:var(--space-1);
  margin:var(--space-3) 0 0;
}

.support-handoff-column dl div{
  display:grid;
  grid-template-columns:minmax(6.5rem,.8fr) minmax(0,1.2fr);
  gap:var(--space-2);
  padding-top:var(--space-1);
  border-top:1px solid color-mix(in srgb,currentColor 16%,transparent);
}

.support-handoff-column dt,
.support-handoff-column dd{
  min-width:0;
  color:inherit;
  overflow-wrap:break-word;
}

.support-handoff-column dt{
  font-size:var(--text-sm);
}

.support-handoff-column dd{
  font-size:var(--text-xs);
}

.support-section-intro{
  max-width:52rem;
  margin-bottom:var(--space-5);
}

.support-section-intro h2{
  margin-top:var(--space-2);
}

.support-section-intro p{
  max-width:46rem;
  margin-top:var(--space-2);
  color:var(--color-muted);
  font-size:var(--text-md);
}

.section-blue .support-section-intro p{
  color:#526875;
}

.section-peach .support-section-intro p{
  color:#695249;
}

.support-route-grid{
  grid-template-columns:repeat(3,minmax(0,1fr));
  align-items:stretch;
}

.support-route-card{
  min-width:0;
  padding-inline:var(--space-4);
}

.support-card-mark{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:var(--space-2);
}

.support-card-mark .c-icon-well{
  flex:0 0 auto;
}

.support-route-card h3{
  margin-top:var(--space-2);
  font-size:var(--text-xl);
}

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

.support-route-foot{
  width:100%;
  margin-top:auto;
  padding-top:var(--space-3);
  color:#30283A;
  font-size:var(--text-xs);
  font-weight:750;
  overflow-wrap:break-word;
}

.c-card-mint .support-route-foot{
  color:#18372D;
}

.c-card-peach .support-route-foot{
  color:#422A22;
}

.c-card-blue .support-route-foot{
  color:#1D303D;
}

.c-card-sand .support-route-foot{
  color:#363018;
}

.support-dark-badge{
  background:#F5F0D8;
  color:#363018;
}

.support-route-foot-dark{
  color:#D7DFE1;
}

.support-checklist{
  overflow:hidden;
  border-radius:var(--radius-lg);
  background:#FFFFFF;
  color:#172126;
}

.support-check-row{
  display:grid;
  grid-template-columns:2.5rem minmax(7.5rem,11rem) minmax(0,1fr);
  gap:var(--space-3);
  align-items:start;
  padding:var(--space-3);
  background:#FFFFFF;
  color:#172126;
}

.support-check-row + .support-check-row{
  border-top:1px solid var(--line-paper);
}

.support-check-number{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:2.5rem;
  height:2.5rem;
  border-radius:var(--radius-pill);
  background:#E7EEF5;
  color:#1D303D;
  font-size:var(--text-xs);
  font-weight:800;
}

.support-check-row h3{
  min-width:0;
  padding-top:.35rem;
  color:#172126;
  font-size:var(--text-md);
  overflow-wrap:break-word;
}

.support-check-row p{
  min-width:0;
  color:#59666D;
  overflow-wrap:break-word;
}

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

.support-notice p{
  color:#5E5734;
}

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

.support-build-card{
  display:flex;
  min-width:0;
  height:100%;
  flex-direction:column;
  padding:var(--space-4);
  border-radius:var(--radius-lg);
  background:#FFFFFF;
  color:#172126;
  box-shadow:var(--shadow-soft);
}

.support-build-card:nth-child(2),
.support-build-card:nth-child(5){
  background:#F0EAF7;
  color:#30283A;
}

.support-build-card:nth-child(3),
.support-build-card:nth-child(6){
  background:#F8E8DE;
  color:#422A22;
}

.support-build-index{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:2.5rem;
  height:2.5rem;
  border-radius:var(--radius-pill);
  background:#E7EEF5;
  color:#1D303D;
  font-size:var(--text-xs);
  font-weight:800;
}

.support-build-card h3{
  margin-top:var(--space-2);
  color:inherit;
  font-size:var(--text-xl);
}

.support-build-card p{
  margin-top:var(--space-1);
  color:#59666D;
}

.support-build-card:nth-child(2) p,
.support-build-card:nth-child(5) p{
  color:#5D5267;
}

.support-build-card:nth-child(3) p,
.support-build-card:nth-child(6) p{
  color:#695249;
}

.support-ci-layout{
  display:grid;
  grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);
  gap:var(--space-5);
  align-items:start;
}

.support-ci-copy{
  min-width:0;
}

.support-ci-copy h2{
  margin-top:var(--space-2);
}

.support-ci-copy > p{
  margin-top:var(--space-2);
  color:#49645A;
  font-size:var(--text-md);
}

.support-bullet-list{
  display:grid;
  gap:var(--space-1);
  margin:var(--space-3) 0 0;
  padding-left:1.25rem;
  color:#18372D;
}

.support-bullet-list li{
  padding-left:.25rem;
}

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

.support-run-sheet{
  min-width:0;
  overflow:hidden;
  border-radius:var(--radius-lg);
  background:#FFFFFF;
  color:#172126;
  box-shadow:var(--shadow-soft);
}

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

.support-run-sheet-head span{
  color:#FFFFFF;
  font-family:var(--font-heading);
  font-weight:700;
}

.support-run-sheet-head strong{
  color:#B9C4C8;
  font-size:var(--text-xs);
}

.support-run-sheet-body{
  padding-inline:var(--space-4);
  background:#FFFFFF;
  color:#172126;
}

.support-run-row{
  display:grid;
  grid-template-columns:2.5rem minmax(0,1fr) auto;
  gap:var(--space-2);
  align-items:start;
  padding-block:var(--space-3);
  background:#FFFFFF;
  color:#172126;
}

.support-run-row + .support-run-row{
  border-top:1px solid var(--line-paper);
}

.support-run-code{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:2.5rem;
  height:2.5rem;
  border-radius:var(--radius-sm);
  background:#E7EEF5;
  color:#1D303D;
  font-size:var(--text-xs);
  font-weight:800;
}

.support-run-row > div{
  min-width:0;
}

.support-run-row h3{
  color:#172126;
  font-size:var(--text-md);
}

.support-run-row p{
  margin-top:var(--space-1);
  color:#59666D;
  font-size:var(--text-sm);
}

.support-run-output{
  display:inline-flex;
  align-items:center;
  width:fit-content;
  padding:.4em .9em;
  border-radius:var(--radius-pill);
  background:#E7F3EC;
  color:#18372D;
  font-size:var(--text-xs);
  font-weight:750;
  line-height:1;
}

.support-run-sheet-foot{
  display:flex;
  flex-wrap:wrap;
  gap:var(--space-2);
  padding:var(--space-3) var(--space-4);
  background:#F0EAF7;
  color:#30283A;
}

.support-run-sheet-foot span{
  padding:.4em .9em;
  border-radius:var(--radius-pill);
  background:#FFFFFF;
  color:#30283A;
  font-size:var(--text-xs);
  font-weight:700;
}

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

.support-glossary-item{
  min-width:0;
  padding:var(--space-3);
  border-radius:var(--radius-md);
  background:#E7EEF5;
  color:#1D303D;
}

.support-glossary-item:nth-child(2),
.support-glossary-item:nth-child(7){
  background:#E7F3EC;
  color:#18372D;
}

.support-glossary-item:nth-child(3),
.support-glossary-item:nth-child(6){
  background:#F8E8DE;
  color:#422A22;
}

.support-glossary-item:nth-child(4),
.support-glossary-item:nth-child(5){
  background:#F5F0D8;
  color:#363018;
}

.support-glossary-item dt{
  color:inherit;
  font-family:var(--font-heading);
  font-size:var(--text-md);
}

.support-glossary-item dd{
  margin-top:var(--space-1);
  color:#526875;
  overflow-wrap:break-word;
}

.support-glossary-item:nth-child(2) dd,
.support-glossary-item:nth-child(7) dd{
  color:#49645A;
}

.support-glossary-item:nth-child(3) dd,
.support-glossary-item:nth-child(6) dd{
  color:#695249;
}

.support-glossary-item:nth-child(4) dd,
.support-glossary-item:nth-child(5) dd{
  color:#5E5734;
}

.support-ticket-list{
  box-shadow:var(--shadow-soft);
}

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

.support-boundary-grid{
  grid-template-columns:repeat(4,minmax(0,1fr));
  align-items:stretch;
}

.support-boundary-grid .c-card{
  padding-inline:var(--space-4);
}

.support-boundary-grid .c-icon-well{
  display:grid;
  place-items:center;
  margin-bottom:var(--space-2);
}

.support-boundary-grid h3{
  font-size:var(--text-xl);
}

.support-boundary-grid p{
  margin-top:var(--space-1);
  margin-bottom:var(--space-3);
}

.support-boundary-grid .c-badge{
  align-self:flex-start;
  margin-top:auto;
  background:#FFFFFF;
  color:#172126;
}

.support-security-layout{
  display:grid;
  grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);
  gap:var(--space-5);
  align-items:start;
}

.support-security-copy{
  min-width:0;
}

.support-security-copy h2{
  margin-top:var(--space-2);
}

.support-security-copy p{
  margin-top:var(--space-2);
  color:#5E5734;
  font-size:var(--text-md);
}

.support-security-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:var(--space-2);
}

.support-security-grid article{
  min-width:0;
  padding:var(--space-3);
  border-radius:var(--radius-md);
  background:#FFFFFF;
  color:#172126;
}

.support-security-grid article:nth-child(2),
.support-security-grid article:nth-child(3){
  background:#E7EEF5;
  color:#1D303D;
}

.support-security-number{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:2.5rem;
  height:2.5rem;
  border-radius:var(--radius-pill);
  background:#F8E8DE;
  color:#422A22;
  font-size:var(--text-xs);
  font-weight:800;
}

.support-security-grid h3{
  margin-top:var(--space-2);
  color:inherit;
  font-size:var(--text-md);
}

.support-security-grid p{
  margin-top:var(--space-1);
  color:#59666D;
}

.support-security-grid article:nth-child(2) p,
.support-security-grid article:nth-child(3) p{
  color:#526875;
}

.support-closing-section{
  padding-block:var(--space-7);
}

.support-closing-section .c-cta{
  padding-inline:var(--space-4);
}

.support-closing-section .c-cta > div{
  min-width:0;
}

.support-closing-section .c-cta h2{
  color:#FFFFFF;
  font-size:clamp(1.75rem,3vw,2.4rem);
}

.support-closing-actions{
  align-items:stretch;
  flex-direction:column;
  justify-content:flex-start;
  margin-top:var(--space-3);
}

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

.support-closing-section .c-btn-ghost{
  color:#FFFFFF;
  border-color:color-mix(in srgb,#FFFFFF 45%,transparent);
}

@media(max-width:64rem){
  .support-route-grid,
  .support-build-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

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

  .support-ci-layout,
  .support-security-layout{
    grid-template-columns:minmax(0,1fr);
  }

  .support-run-sheet{
    width:100%;
  }
}

@media(max-width:48rem){
  .support-handoff-grid{
    grid-template-columns:minmax(0,1fr);
  }

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

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

@media(max-width:42rem){
  .support-hero .data-band{
    grid-template-columns:minmax(0,1fr);
    margin-bottom:var(--space-4);
  }

  .support-handoff.hero-art{
    width:min(calc(100% - var(--gutter)*2),100%);
    margin-inline:auto;
    height:auto;
    overflow:hidden;
    transform:none;
  }

  .support-route-grid,
  .support-build-grid,
  .support-boundary-grid,
  .support-security-grid{
    grid-template-columns:minmax(0,1fr);
  }

  .support-check-row{
    grid-template-columns:2.25rem minmax(0,1fr);
    gap:var(--space-2);
  }

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

  .support-check-number{
    width:2.25rem;
    height:2.25rem;
  }

  .support-run-row{
    grid-template-columns:2.5rem minmax(0,1fr);
  }

  .support-run-output{
    grid-column:2;
    justify-self:start;
  }

  .support-run-sheet-head,
  .support-run-sheet-foot,
  .support-run-sheet-body{
    padding-inline:var(--space-3);
  }

  .support-handoff-column dl div{
    grid-template-columns:minmax(0,1fr);
    gap:var(--space-1);
  }

  .support-ticket-actions{
    align-items:stretch;
  }

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