.support-hero{
  color:var(--md-ink);
  background:var(--md-peach);
}

.support-hero__grid{
  display:grid;
  grid-template-columns:minmax(0,1.08fr) minmax(320px,.92fr);
  gap:var(--md-space-7);
  align-items:center;
}

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

.support-hero__copy{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:var(--md-space-5);
}

.support-heading-group{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:var(--md-space-2);
  min-width:0;
}

.support-heading-group .page-eyebrow{
  width:fit-content;
  max-width:100%;
  align-self:flex-start;
}

.support-hero__copy h1{
  max-width:12ch;
  margin-inline:0;
}

.support-hero__copy p{
  max-width:42rem;
  margin-inline:0;
  font-size:var(--md-fs-lg);
}

.support-hero__actions,
.support-inline-actions{
  display:flex;
  flex-wrap:wrap;
  justify-content:flex-start;
  gap:var(--md-space-3);
}

.support-hero__panel{
  min-width:0;
  overflow:hidden;
  color:var(--md-white);
  background:var(--md-ink);
  border:1px solid var(--md-line);
  border-radius:var(--md-radius-lg);
}

.support-panel__head{
  display:flex;
  align-items:center;
  gap:var(--md-space-3);
  padding:var(--md-space-4) var(--md-space-5);
  color:var(--md-ink);
  background:var(--md-lilac);
  border-bottom:1px solid var(--md-ink);
}

.support-panel__head svg{
  flex:0 0 auto;
}

.support-panel__head>div{
  display:flex;
  flex-direction:column;
  gap:var(--md-space-2);
  min-width:0;
}

.support-panel__label{
  font-size:var(--md-fs-xs);
  font-weight:700;
}

.support-panel__list{
  display:flex;
  flex-direction:column;
  padding:var(--md-space-3) var(--md-space-5) var(--md-space-5);
}

.support-panel__list li{
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  gap:var(--md-space-3);
  align-items:start;
  padding-block:var(--md-space-4);
  border-bottom:1px solid var(--md-line);
}

.support-panel__list li:last-child{
  border-bottom:0;
}

.support-panel__list li>div{
  display:flex;
  flex-direction:column;
  gap:var(--md-space-2);
  min-width:0;
}

.support-panel__list p{
  color:#C5C0B9;
}

.support-panel__index{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:2rem;
  height:2rem;
  color:var(--md-ink);
  background:var(--md-amber);
  border:1px solid var(--md-white);
  border-radius:50%;
  font-size:var(--md-fs-xs);
  font-weight:700;
}

.support-scope-grid,
.support-diagnostic-grid,
.support-boundary-grid,
.support-resource-grid{
  margin-top:var(--md-space-6);
}

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

.support-scope-card{
  display:flex;
  align-items:flex-start;
  gap:var(--md-space-3);
}

.support-scope-card>svg{
  flex:0 0 auto;
  color:var(--md-orange);
}

.support-scope-card>div{
  display:flex;
  flex-direction:column;
  gap:var(--md-space-2);
  min-width:0;
}

.support-scope-card h3{
  font-size:var(--md-fs-lg);
}

.support-callout,
.support-sensitive{
  margin-top:var(--md-space-5);
}

.support-callout>div:last-child,
.support-sensitive>div:last-child{
  display:flex;
  flex-direction:column;
  gap:var(--md-space-2);
  min-width:0;
}

.support-steps,
.support-tree{
  list-style:none;
  margin:var(--md-space-6) 0 0;
  padding:0;
}

.support-steps{
  color:var(--md-ink);
  background:var(--md-white);
  border:1px solid var(--md-line);
  border-radius:var(--md-radius-lg);
}

.support-step{
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  gap:var(--md-space-4);
  align-items:center;
  padding:var(--md-space-5);
  border-bottom:1px solid var(--md-line);
}

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

.support-step__number{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:2.5rem;
  height:2.5rem;
  color:var(--md-white);
  background:var(--md-ink);
  border:1px solid var(--md-line);
  border-radius:50%;
  font-size:var(--md-fs-xs);
  font-weight:700;
}

.support-step__body{
  display:flex;
  flex-direction:column;
  gap:var(--md-space-2);
  min-width:0;
}

.support-step__body h3{
  font-size:var(--md-fs-lg);
}

.support-step .c-chip{
  width:fit-content;
  max-width:100%;
  align-self:center;
}

.support-inline-actions{
  margin-top:var(--md-space-5);
}

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

.support-diagnostic{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:var(--md-space-3);
}

.support-diagnostic .c-badge{
  width:fit-content;
  max-width:100%;
  align-self:flex-start;
}

.support-diagnostic h3{
  font-size:var(--md-fs-lg);
}

.support-diagnostic ul,
.support-boundary ul{
  display:flex;
  flex-direction:column;
  gap:var(--md-space-2);
}

.support-diagnostic li,
.support-boundary li{
  position:relative;
  padding-left:1rem;
  color:var(--md-muted);
}

.support-diagnostic li::before,
.support-boundary li::before{
  position:absolute;
  top:.7em;
  left:0;
  width:5px;
  height:5px;
  content:"";
  background:var(--md-orange);
  border-radius:50%;
}

.support-diagnostic code{
  overflow-wrap:anywhere;
}

.page-section--dark .page-section__head h2{
  color:var(--md-white);
}

.page-section--dark .page-section__head p{
  color:#C5C0B9;
}

.page-section--dark .page-eyebrow{
  color:var(--md-white);
}

.support-tree{
  overflow:hidden;
  color:var(--md-ink);
  background:var(--md-white);
  border:1px solid var(--md-white);
  border-radius:var(--md-radius-lg);
}

.support-tree__item{
  display:grid;
  grid-template-columns:auto minmax(0,1fr) max-content;
  gap:var(--md-space-4);
  align-items:center;
  padding:var(--md-space-5);
  color:var(--md-ink);
  background:var(--md-white);
  border-bottom:1px solid var(--md-line);
}

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

.support-tree__item>div{
  display:flex;
  flex-direction:column;
  gap:var(--md-space-2);
  min-width:0;
}

.support-tree__item h3{
  font-size:var(--md-fs-lg);
}

.support-tree__index{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:2.5rem;
  height:2.5rem;
  color:var(--md-ink);
  background:var(--md-lilac);
  border:1px solid var(--md-line);
  border-radius:50%;
  font-size:var(--md-fs-xs);
  font-weight:700;
}

.support-tree__result{
  width:fit-content;
  max-width:100%;
  padding:.3rem .55rem;
  color:var(--md-ink);
  background:var(--md-peach);
  border:1px solid var(--md-line);
  border-radius:var(--md-radius-sm);
  font-size:var(--md-fs-xs);
  font-weight:700;
}

.support-ticket-layout{
  margin-top:var(--md-space-6);
}

.support-ticket{
  overflow:hidden;
  padding:0;
}

.support-ticket__head{
  display:flex;
  align-items:center;
  gap:var(--md-space-3);
  padding:var(--md-space-4) var(--md-space-5);
  color:var(--md-ink);
  background:var(--md-lilac);
  border-bottom:1px solid var(--md-ink);
}

.support-ticket__head svg{
  flex:0 0 auto;
}

.support-ticket__head>div{
  display:flex;
  flex-direction:column;
  gap:var(--md-space-2);
  min-width:0;
}

.support-ticket__head span{
  font-size:var(--md-fs-xs);
  font-weight:700;
}

.support-ticket__content{
  padding:var(--md-space-5);
}

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

.support-ticket__fields>div{
  display:flex;
  flex-direction:column;
  gap:var(--md-space-2);
  min-width:0;
  padding:var(--md-space-4);
  color:var(--md-ink);
  background:var(--md-cream);
  border:1px solid var(--md-line);
  border-radius:var(--md-radius-sm);
}

.support-ticket__fields dt{
  font-weight:700;
}

.support-ticket__fields dd{
  margin:0;
  color:var(--md-muted);
}

.support-side-card{
  display:flex;
  flex-direction:column;
  gap:var(--md-space-4);
}

.support-side-card__body{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:var(--md-space-2);
}

.support-side-card__body .c-badge{
  width:fit-content;
  max-width:100%;
  align-self:flex-start;
}

.support-side-card h3{
  font-size:var(--md-fs-lg);
}

.support-email{
  overflow-wrap:anywhere;
}

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

.support-boundary{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:var(--md-space-3);
}

.support-boundary__tag{
  width:fit-content;
  max-width:100%;
  align-self:flex-start;
  padding:.3rem .55rem;
  color:var(--md-ink);
  background:var(--md-amber);
  border:1px solid var(--md-line);
  border-radius:var(--md-radius-sm);
  font-size:var(--md-fs-xs);
  font-weight:700;
}

.support-boundary h3{
  font-size:var(--md-fs-lg);
}

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

.support-resource{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:var(--md-space-3);
  transition:transform .18s var(--md-ease),background-color .18s var(--md-ease);
}

.support-resource:hover{
  color:var(--md-ink);
  background:var(--md-peach);
  transform:translateY(-3px);
}

.support-resource:focus-visible{
  color:var(--md-ink);
  background:var(--md-peach);
}

.support-resource>svg{
  color:var(--md-orange);
}

.support-resource>div{
  display:flex;
  flex-direction:column;
  gap:var(--md-space-2);
  min-width:0;
}

.support-resource h3{
  font-size:var(--md-fs-lg);
}

.support-resource>span{
  margin-top:auto;
  color:var(--md-ink);
  font-size:var(--md-fs-sm);
  font-weight:700;
  text-decoration:underline;
  text-underline-offset:4px;
}

.support-closing__copy{
  display:flex;
  flex-direction:column;
  gap:var(--md-space-2);
  min-width:0;
  max-width:48rem;
}

.support-closing__copy h2{
  color:var(--md-white);
}

.support-closing__actions{
  display:flex;
  flex-direction:column;
  align-items:stretch;
  gap:var(--md-space-3);
  flex:0 0 auto;
}

.support-closing__ticket{
  color:var(--md-white);
  background:transparent;
  border-color:var(--md-white);
}

.support-closing__ticket:hover{
  color:var(--md-ink);
  background:var(--md-white);
  border-color:var(--md-white);
}

@media(min-width:1440px){
  .support-hero__grid{
    gap:var(--md-space-8);
  }
}

@media(max-width:1000px){
  .support-hero__grid{
    grid-template-columns:1fr;
  }

  .support-hero__copy h1{
    max-width:16ch;
  }

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

@media(max-width:760px){
  .support-step,
  .support-tree__item{
    grid-template-columns:auto minmax(0,1fr);
    align-items:start;
  }

  .support-step .c-chip,
  .support-tree__result{
    grid-column:2;
    align-self:start;
  }

  .support-ticket__fields,
  .support-boundary-grid{
    grid-template-columns:1fr;
  }

  .support-closing__actions{
    width:100%;
  }

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

@media(max-width:640px){
  .support-scope-grid,
  .support-diagnostic-grid,
  .support-resource-grid{
    grid-template-columns:1fr;
  }

  .support-hero__actions,
  .support-inline-actions{
    width:100%;
  }

  .support-hero__actions .c-btn,
  .support-inline-actions .c-btn{
    width:100%;
    white-space:normal;
  }

  .support-step,
  .support-tree__item{
    padding:var(--md-space-4);
  }

  .support-ticket__head,
  .support-ticket__content{
    padding:var(--md-space-4);
  }
}

@media(max-width:390px){
  .support-panel__head,
  .support-panel__list{
    padding-inline:var(--md-space-4);
  }

  .support-step,
  .support-tree__item{
    grid-template-columns:1fr;
  }

  .support-step .c-chip,
  .support-tree__result{
    grid-column:1;
  }

  .support-step__number,
  .support-tree__index{
    width:2.25rem;
    height:2.25rem;
  }
}

.support-hero .c-breadcrumb{margin-bottom:var(--md-space-5)}