.am-page{
  overflow:hidden;
}

.support-hero{
  position:relative;
  padding:var(--am-space-10) 0 var(--am-space-8);
  background:var(--am-color-ink);
}

.support-hero::before{
  position:absolute;
  inset:0;
  max-width:100%;
  background:var(--am-gradient-surface);
  opacity:.35;
  content:"";
  pointer-events:none;
}

.support-hero .am-shell{
  position:relative;
}

.support-hero__grid{
  display:grid;
  grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);
  gap:var(--am-space-8);
  align-items:center;
  margin-top:var(--am-space-6);
}

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

.support-hero__copy h1{
  max-width:760px;
}

.support-hero__copy .am-lead{
  margin-top:var(--am-space-3);
  color:var(--am-color-muted);
}

.support-hero__actions{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:var(--am-space-2);
  margin-top:var(--am-space-4);
}

.support-console{
  min-width:0;
  overflow:hidden;
  border:1px solid var(--am-color-line-strong);
  border-radius:var(--am-radius-lg);
  background:var(--am-color-ink-deep);
  box-shadow:var(--am-shadow-float);
}

.support-console__bar{
  display:flex;
  align-items:center;
  gap:var(--am-space-1);
  min-height:48px;
  padding:0 var(--am-space-2);
  border-bottom:1px solid var(--am-color-line);
  background:var(--am-color-surface);
}

.support-console__bar span{
  width:8px;
  height:8px;
  flex:none;
  border-radius:50%;
  background:var(--am-color-muted-dark);
}

.support-console__bar span:nth-child(2){
  background:var(--am-color-primary);
}

.support-console__bar span:nth-child(3){
  background:var(--am-color-accent);
}

.support-console__bar b{
  min-width:0;
  margin-left:auto;
  color:var(--am-color-muted);
  font-size:var(--am-text-xs);
  font-weight:500;
  overflow-wrap:anywhere;
}

.support-console__body{
  display:grid;
  gap:var(--am-space-2);
  padding:var(--am-space-4);
  color:var(--am-color-muted);
  font-size:var(--am-text-sm);
}

.support-console__body p{
  display:grid;
  grid-template-columns:32px minmax(0,1fr);
  gap:var(--am-space-1);
  min-width:0;
  overflow-wrap:anywhere;
}

.support-console__body p span{
  color:var(--am-color-accent);
}

.support-console__body .support-console__ok{
  color:var(--am-color-success);
}

.support-hero__facts{
  display:flex;
  flex-wrap:wrap;
  gap:var(--am-space-3);
  margin-top:var(--am-space-8);
  padding-top:var(--am-space-3);
  border-top:1px solid var(--am-color-line);
  color:var(--am-color-muted);
  font-size:var(--am-text-sm);
}

.support-hero__facts span{
  display:flex;
  min-width:0;
  align-items:center;
  gap:var(--am-space-1);
}

.support-hero__facts svg{
  width:18px;
  height:18px;
  flex:none;
  color:var(--am-color-accent);
}

.am-section{
  padding-block:var(--am-space-18);
}

.am-section-head{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  gap:var(--am-space-6);
  align-items:end;
}

.am-section-head>*{
  min-width:0;
}

.am-eyebrow{
  color:var(--am-color-accent);
  font-family:var(--am-font-mono);
  font-size:var(--am-text-xs);
  letter-spacing:.08em;
  text-transform:uppercase;
}

.am-section-head h2{
  margin-top:var(--am-space-1);
}

.support-routing,
.migration-section,
.runner-section,
.storage-section{
  background:var(--am-color-ink-deep);
}

.support-routing__grid{
  display:grid;
  grid-template-columns:repeat(6,minmax(0,1fr));
  gap:var(--am-space-3);
}

.support-route{
  display:flex;
  flex-direction:column;
  grid-column:span 2;
  min-width:0;
}

.support-route:nth-child(4),
.support-route:nth-child(5){
  grid-column:span 3;
}

.support-route__icon{
  display:grid;
  width:46px;
  height:46px;
  place-items:center;
  border:1px solid var(--am-color-line);
  border-radius:var(--am-radius-md);
  background:var(--am-color-surface-raised);
  color:var(--am-color-accent);
}

.support-route__icon svg{
  width:23px;
  height:23px;
}

.support-route h3{
  margin-top:var(--am-space-3);
}

.support-route p{
  margin-top:var(--am-space-2);
  color:var(--am-color-muted);
}

.support-route__meta{
  margin-top:auto;
  padding-top:var(--am-space-3);
  color:var(--am-color-accent);
  font-size:var(--am-text-xs);
  overflow-wrap:anywhere;
}

.support-steps{
  position:relative;
  display:grid;
  gap:var(--am-space-2);
  list-style:none;
}

.support-steps::before{
  position:absolute;
  top:var(--am-space-4);
  bottom:var(--am-space-4);
  left:31px;
  width:1px;
  background:var(--am-color-line-strong);
  content:"";
}

.support-steps li{
  position:relative;
  display:grid;
  grid-template-columns:64px minmax(0,1fr);
  gap:var(--am-space-3);
  align-items:start;
}

.support-steps__number{
  position:relative;
  z-index:1;
  display:grid;
  width:48px;
  height:48px;
  place-items:center;
  border:1px solid var(--am-color-accent);
  border-radius:50%;
  background:var(--am-color-surface);
  color:var(--am-color-accent);
  font-size:var(--am-text-sm);
}

.support-steps li p{
  margin-top:var(--am-space-1);
  color:var(--am-color-muted);
}

.support-command{
  display:grid;
  grid-template-columns:minmax(0,.65fr) minmax(0,1.35fr);
  gap:var(--am-space-4);
  align-items:start;
  padding:var(--am-space-4);
  border:1px solid var(--am-color-line);
  border-radius:var(--am-radius-lg);
  background:var(--am-color-surface);
}

.support-command h3{
  margin-top:var(--am-space-1);
}

.support-command pre{
  margin:0;
}

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

.migration-path__card{
  min-width:0;
  overflow:hidden;
  border:1px solid var(--am-color-line);
  border-radius:var(--am-radius-lg);
  background:var(--am-color-surface);
}

.migration-path__head{
  padding:var(--am-space-4);
  border-bottom:1px solid var(--am-color-line);
  background:var(--am-color-surface-raised);
}

.migration-path__head span{
  color:var(--am-color-accent);
  font-size:var(--am-text-xs);
}

.migration-path__head h3{
  margin-top:var(--am-space-1);
}

.migration-path ol{
  display:grid;
  gap:0;
  list-style:none;
}

.migration-path li{
  display:grid;
  gap:.35rem;
  padding:var(--am-space-3) var(--am-space-4);
  border-bottom:1px solid var(--am-color-line);
}

.migration-path li:last-child{
  border-bottom:0;
}

.migration-path li b{
  font-family:var(--am-font-heading);
}

.migration-path li span{
  color:var(--am-color-muted);
}

.support-table td:first-child{
  color:var(--am-color-light);
  font-family:var(--am-font-mono);
  font-weight:700;
}

.runner-card{
  display:flex;
  flex-direction:column;
}

.runner-card__title{
  padding-bottom:var(--am-space-3);
  border-bottom:1px solid var(--am-color-line);
}

.runner-card__title h3{
  margin-top:var(--am-space-2);
}

.runner-checks{
  display:grid;
  gap:var(--am-space-3);
  margin-top:var(--am-space-3);
  list-style:none;
}

.runner-checks li{
  display:grid;
  grid-template-columns:minmax(64px,max-content) minmax(0,1fr);
  gap:var(--am-space-2);
}

.runner-checks b{
  color:var(--am-color-accent);
  font-family:var(--am-font-mono);
}

.runner-checks span{
  min-width:0;
  color:var(--am-color-muted);
}

.runner-baseline{
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  gap:var(--am-space-4);
  align-items:center;
  padding:var(--am-space-3) var(--am-space-4);
  border:1px solid var(--am-color-line);
  border-radius:var(--am-radius-md);
  background:var(--am-color-surface);
}

.runner-baseline__items{
  display:flex;
  flex-wrap:wrap;
  justify-content:flex-end;
  gap:var(--am-space-1);
}

.runner-baseline__items span{
  padding:.4rem .65rem;
  border:1px solid var(--am-color-line);
  border-radius:var(--am-radius-pill);
  color:var(--am-color-success);
  font-size:var(--am-text-xs);
}

.storage-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:var(--am-space-3);
}

.storage-grid article{
  min-width:0;
}

.storage-grid h3{
  margin-top:var(--am-space-2);
}

.storage-grid p{
  margin-top:var(--am-space-2);
  color:var(--am-color-muted);
}

.support-card-index{
  color:var(--am-color-accent);
  font-size:var(--am-text-xs);
}

.storage-export{
  display:grid;
  grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);
  gap:var(--am-space-6);
  padding:var(--am-space-4);
  border:1px solid var(--am-color-line-strong);
  border-radius:var(--am-radius-lg);
  background:var(--am-color-surface-raised);
}

.storage-export h3{
  margin-top:var(--am-space-1);
}

.storage-export ul{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:var(--am-space-2);
  list-style:none;
}

.storage-export li{
  display:grid;
  grid-template-columns:20px minmax(0,1fr);
  gap:var(--am-space-1);
  min-width:0;
  color:var(--am-color-light);
}

.storage-export svg{
  width:18px;
  height:18px;
  color:var(--am-color-accent);
}

.ticket-layout{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,.85fr);
  gap:var(--am-space-8);
  align-items:center;
}

.ticket-layout>*{
  min-width:0;
}

.ticket-layout__actions{
  display:flex;
  flex-wrap:wrap;
  gap:var(--am-space-2);
  margin-top:var(--am-space-4);
}

.support-email{
  color:var(--am-color-accent);
  overflow-wrap:anywhere;
}

.ticket-template{
  min-width:0;
  overflow:hidden;
  border:1px solid var(--am-color-line-strong);
  border-radius:var(--am-radius-lg);
  background:var(--am-color-ink-deep);
}

.ticket-template__bar{
  padding:var(--am-space-2) var(--am-space-3);
  border-bottom:1px solid var(--am-color-line);
  background:var(--am-color-surface);
  color:var(--am-color-muted);
  font-size:var(--am-text-xs);
}

.ticket-template pre{
  margin:0;
  border:0;
  border-radius:0;
}

.ticket-notes{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:var(--am-space-3);
  padding-top:var(--am-space-4);
  border-top:1px solid var(--am-color-line);
}

.ticket-notes article{
  min-width:0;
}

.ticket-notes p{
  margin-top:var(--am-space-1);
  color:var(--am-color-muted);
}

.support-page-cta{
  padding-top:0;
}

.support-page-cta__card{
  display:grid;
  grid-template-columns:minmax(0,1.35fr) minmax(0,.65fr);
  gap:var(--am-space-6);
  align-items:center;
  padding:var(--am-space-6);
  overflow:hidden;
  border:1px solid var(--am-color-line-strong);
  border-radius:var(--am-radius-lg);
  background:var(--am-gradient-brand);
}

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

.support-page-cta__card .am-eyebrow{
  color:var(--am-color-light);
}

.support-page-cta__card h2{
  margin-top:var(--am-space-1);
}

.support-page-cta__card p{
  max-width:760px;
  margin-top:var(--am-space-2);
  color:var(--am-color-light);
}

.support-page-cta__actions{
  display:flex;
  flex-direction:column;
  align-items:stretch;
  gap:var(--am-space-1);
}

.support-page-cta__actions .c-btn--ghost{
  align-self:center;
}

@media(min-width:1440px){
  .support-hero{
    padding-top:var(--am-space-12);
  }

  .support-console__body{
    padding:var(--am-space-5);
  }
}

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

  .support-console{
    max-width:760px;
  }

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

  .support-route,
  .support-route:nth-child(4),
  .support-route:nth-child(5){
    grid-column:span 1;
  }

  .support-route:last-child{
    grid-column:1/-1;
  }

  .migration-path{
    grid-template-columns:1fr;
  }

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

  .support-page-cta__card{
    grid-template-columns:1fr;
  }

  .support-page-cta__actions{
    flex-direction:row;
    flex-wrap:wrap;
  }
}

@media(max-width:768px){
  .am-section{
    padding-block:var(--am-space-12);
  }

  .support-hero{
    padding:var(--am-space-8) 0 var(--am-space-6);
  }

  .support-hero__grid{
    gap:var(--am-space-5);
    margin-top:var(--am-space-4);
  }

  .am-section-head,
  .support-command,
  .storage-export{
    grid-template-columns:1fr;
    gap:var(--am-space-3);
  }

  .runner-baseline{
    grid-template-columns:1fr;
  }

  .runner-baseline__items{
    justify-content:flex-start;
  }

  .ticket-notes{
    grid-template-columns:1fr;
  }

  .storage-export ul{
    grid-template-columns:1fr;
  }

  .support-page-cta__card{
    padding:var(--am-space-4);
  }
}

@media(max-width:520px){
  .support-routing__grid,
  .storage-grid{
    grid-template-columns:1fr;
  }

  .support-route:last-child{
    grid-column:auto;
  }

  .support-steps::before{
    display:none;
  }

  .support-steps li{
    grid-template-columns:1fr;
  }

  .support-steps__number{
    width:42px;
    height:42px;
  }

  .runner-checks li{
    grid-template-columns:1fr;
    gap:.35rem;
  }

  .support-hero__facts{
    flex-direction:column;
    gap:var(--am-space-2);
  }

  .support-page-cta__actions{
    flex-direction:column;
  }

  .support-page-cta__actions .c-btn--ghost{
    align-self:stretch;
  }
}

@media(max-width:390px){
  .support-console__body{
    padding:var(--am-space-2);
    font-size:var(--am-text-xs);
  }

  .support-console__body p{
    grid-template-columns:26px minmax(0,1fr);
  }

  .support-route,
  .support-command,
  .storage-export,
  .support-page-cta__card{
    padding:var(--am-space-3);
  }

  .migration-path__head,
  .migration-path li{
    padding-inline:var(--am-space-3);
  }

  .ticket-layout__actions{
    flex-direction:column;
  }
}