.support-hero{
  padding-block:var(--zm-space-5) var(--zm-space-6);
  background:var(--zm-paper);
  color:var(--zm-ink);
}

.support-hero-grid{
  display:grid;
  grid-template-columns:minmax(0,1.05fr) minmax(22rem,.95fr);
  gap:var(--zm-space-5);
  align-items:center;
}

.support-hero-copy{
  min-width:0;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:var(--zm-space-1);
}

.support-hero-copy h1{
  max-width:min(36rem,100%);
  overflow-wrap:anywhere;
}

.support-hero-lead{
  max-width:42rem;
  color:var(--zm-muted);
  font-size:var(--zm-fs-3);
}

.support-search{
  width:100%;
  max-width:43rem;
  display:grid;
  gap:var(--zm-space-1);
  margin-top:var(--zm-space-2);
}

.support-search label{
  font-family:var(--zm-font-heading);
  font-weight:700;
}

.support-search-row{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:var(--zm-space-1);
  align-items:stretch;
}

.support-search-row .c-btn{
  min-width:10.5rem;
}

.support-search-row svg{
  width:1rem;
  height:1rem;
  flex:0 0 auto;
}

.support-search-status{
  min-height:1.4rem;
  color:var(--zm-muted);
  font-size:var(--zm-fs-1);
}

.page-hero-actions{
  display:flex;
  flex-wrap:wrap;
  justify-content:flex-start;
  gap:var(--zm-space-1);
  margin-top:var(--zm-space-2);
}

.support-router{
  min-width:0;
  overflow:hidden;
  border-radius:var(--zm-radius-lg);
  background:var(--zm-yellow);
  color:var(--zm-ink);
  box-shadow:var(--zm-shadow);
}

.support-router-head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:var(--zm-space-2);
  padding:var(--zm-space-3);
  color:var(--zm-ink);
}

.support-router-head span{
  font-size:var(--zm-fs-0);
}

.support-router-head strong{
  max-width:13rem;
  font-family:var(--zm-font-heading);
  font-size:var(--zm-fs-3);
  line-height:1.2;
  text-align:right;
}

.support-router-list{
  display:grid;
  gap:0;
  background:transparent;
}

.support-router-list a{
  min-width:0;
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  gap:var(--zm-space-2);
  align-items:center;
  padding:var(--zm-space-2) var(--zm-space-3);
  border-top:1px solid var(--zm-line);
  background:var(--zm-surface);
  color:var(--zm-ink);
  transition:background .18s var(--zm-ease),color .18s var(--zm-ease);
}

.support-router-list a:hover,
.support-router-list a:focus-visible{
  background:var(--zm-ink);
  color:#fff;
}

.support-router-list a[hidden]{
  display:none;
}

.support-router-list a>span{
  min-width:0;
}

.support-router-list a strong,
.support-router-list a small{
  display:block;
  overflow-wrap:anywhere;
}

.support-router-list a small{
  margin-top:.25rem;
  color:var(--zm-muted);
}

.support-router-list a:hover small,
.support-router-list a:focus-visible small{
  color:var(--zm-muted-light);
}

.support-router-list svg{
  width:1.1rem;
  height:1.1rem;
}

.support-route-code{
  width:2.25rem;
  height:2.25rem;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:var(--zm-radius-sm);
  background:var(--zm-soft);
  color:var(--zm-ink);
  font-family:var(--zm-font-mono);
  font-size:var(--zm-fs-0);
  font-weight:700;
}

.support-router-empty{
  padding:var(--zm-space-3);
  background:var(--zm-surface);
  color:var(--zm-muted);
}

.support-router-empty[hidden]{
  display:none;
}

.support-section{
  padding-block:var(--zm-space-6);
}

.support-section-paper{
  background:var(--zm-paper);
  color:var(--zm-ink);
}

.support-section-dark{
  background:var(--zm-ink);
  color:#fff;
}

.support-section-dark .support-section-heading p{
  color:#b8b8bd;
}

.support-section-accent{
  background:var(--zm-yellow);
  color:var(--zm-ink);
}

.support-section-heading{
  max-width:52rem;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:var(--zm-space-1);
  margin-bottom:var(--zm-space-4);
}

.support-section-heading h2,
.support-section-heading p{
  margin-inline:0;
}

.support-section-heading p{
  color:var(--zm-muted);
  font-size:var(--zm-fs-3);
}

.support-flow{
  margin:0;
  padding:0;
  list-style:none;
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(min(100%,20rem),1fr));
  gap:var(--zm-space-2);
  align-items:start;
}

.support-flow-item{
  min-width:0;
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  gap:var(--zm-space-2);
  padding:var(--zm-space-3);
  border-radius:var(--zm-radius-md);
  background:var(--zm-surface);
  color:var(--zm-ink);
}

.support-flow-number{
  width:2.75rem;
  height:2.75rem;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:var(--zm-radius-sm);
  background:var(--zm-yellow);
  color:var(--zm-ink);
  font-family:var(--zm-font-mono);
  font-weight:700;
}

.support-flow-item div{
  min-width:0;
  display:grid;
  gap:var(--zm-space-1);
}

.support-flow-item p{
  color:var(--zm-muted);
}

.support-section-notice{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:var(--zm-space-1);
  margin-top:var(--zm-space-4);
}

.support-notice-actions{
  display:flex;
  flex-wrap:wrap;
  justify-content:flex-start;
  gap:var(--zm-space-1);
  margin-top:var(--zm-space-1);
}

.support-diagnostic-layout{
  align-items:stretch;
}

.support-check-panel{
  min-width:0;
  overflow:hidden;
  border-radius:var(--zm-radius-lg);
  background:var(--zm-soft);
  color:var(--zm-ink);
}

.support-check-head{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:var(--zm-space-2);
  padding:var(--zm-space-3);
  background:var(--zm-yellow);
  color:var(--zm-ink);
}

.support-check-head span{
  font-size:var(--zm-fs-0);
}

.support-check-head strong{
  font-family:var(--zm-font-heading);
  font-size:var(--zm-fs-3);
}

.support-check-list{
  margin:0;
  padding:var(--zm-space-2);
  list-style:none;
  display:grid;
  gap:var(--zm-space-1);
}

.support-check-list li{
  min-width:0;
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  gap:var(--zm-space-2);
  padding:var(--zm-space-2);
  border-radius:var(--zm-radius-md);
  background:var(--zm-surface);
  color:var(--zm-ink);
}

.support-check-list li>span{
  width:2.25rem;
  height:2.25rem;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:var(--zm-radius-sm);
  background:var(--zm-ink);
  color:var(--zm-yellow);
  font-family:var(--zm-font-mono);
  font-size:var(--zm-fs-0);
  font-weight:700;
}

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

.support-check-list p{
  color:var(--zm-muted);
}

.support-command-side{
  min-width:0;
}

.support-command-card{
  min-height:0;
  display:flex;
  flex-direction:column;
}

.support-command-card pre{
  flex:1;
}

.support-copy{
  margin-left:auto;
  padding:.4rem .7rem;
  border:1px solid var(--zm-line-dark);
  border-radius:var(--zm-radius-pill);
  background:transparent;
  color:#eeeef0;
  font-family:var(--zm-font-heading);
  font-size:var(--zm-fs-0);
  line-height:1.2;
}

.support-copy:hover{
  border-color:var(--zm-yellow);
  color:var(--zm-yellow);
}

.support-copy-status{
  padding:0 var(--zm-space-3) var(--zm-space-3);
  color:#b5b5ba;
  font-size:var(--zm-fs-1);
}

.support-result-card{
  min-height:0;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:var(--zm-space-1);
  background:var(--zm-paper);
  color:var(--zm-ink);
}

.support-result-card dl{
  width:100%;
  margin:var(--zm-space-1) 0;
}

.support-result-card dl div{
  display:grid;
  grid-template-columns:minmax(7rem,.35fr) minmax(0,1fr);
  gap:var(--zm-space-2);
  padding-block:.7rem;
  border-top:1px solid var(--zm-line);
}

.support-result-card dd{
  color:var(--zm-muted);
}

.support-result-card .c-btn{
  margin-top:auto;
}

.support-build-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(min(100%,18rem),1fr));
  gap:var(--zm-space-2);
  align-items:start;
}

.support-build-card{
  min-width:0;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:var(--zm-space-1);
  padding:var(--zm-space-3);
  border-radius:var(--zm-radius-md);
  background:#fff;
  color:var(--zm-ink);
}

.support-build-card p,
.support-build-card li{
  color:var(--zm-muted);
}

.support-build-card ul{
  margin:var(--zm-space-1) 0 0;
  padding-left:1.2rem;
}

.support-build-card li+li{
  margin-top:.35rem;
}

.support-build-index{
  width:2.5rem;
  height:2.5rem;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:var(--zm-radius-sm);
  background:var(--zm-soft);
  color:var(--zm-ink);
  font-family:var(--zm-font-mono);
  font-weight:700;
}

.support-build-card-accent{
  background:var(--zm-yellow);
  color:var(--zm-ink);
}

.support-build-card-accent p{
  color:var(--zm-ink-2);
}

.support-build-card-accent .support-build-index{
  background:var(--zm-ink);
  color:var(--zm-yellow);
}

.support-build-card-accent .c-btn{
  margin-top:auto;
}

.support-build-terminal{
  margin-top:var(--zm-space-4);
}

.support-storage-layout{
  display:grid;
  gap:var(--zm-space-4);
}

.support-addon-table{
  min-width:52rem;
}

.support-addon-table caption{
  padding:0 0 var(--zm-space-2);
  color:var(--zm-muted);
  font-family:var(--zm-font-heading);
  font-size:var(--zm-fs-3);
  font-weight:700;
  text-align:left;
}

.support-storage-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(min(100%,18rem),1fr));
  gap:var(--zm-space-2);
  align-items:start;
}

.support-storage-card{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:var(--zm-space-1);
  background:var(--zm-surface);
  color:var(--zm-ink);
}

.support-storage-card p{
  color:var(--zm-muted);
}

.support-storage-terminal{
  width:100%;
}

.support-billing-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(min(100%,18rem),1fr));
  gap:var(--zm-space-2);
  align-items:start;
}

.support-billing-card{
  min-width:0;
  container-type:inline-size;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:var(--zm-space-1);
  padding:var(--zm-space-3);
  border-radius:var(--zm-radius-md);
  background:var(--zm-soft);
  color:var(--zm-ink);
}

.support-billing-card strong{
  max-width:100%;
  font-family:var(--zm-font-mono);
  font-size:clamp(1.35rem,9cqi,2.2rem);
  line-height:1.1;
  overflow-wrap:anywhere;
}

.support-billing-card p{
  color:var(--zm-muted);
}

.support-billing-label{
  width:fit-content;
  max-width:100%;
  padding:.4em .8em;
  border-radius:var(--zm-radius-pill);
  background:var(--zm-yellow);
  color:var(--zm-ink);
  font-family:var(--zm-font-mono);
  font-size:var(--zm-fs-0);
  font-weight:700;
}

.support-faq{
  margin-top:var(--zm-space-4);
}

.support-faq .c-faq-body{
  padding-top:var(--zm-space-2);
  border-top:1px solid var(--zm-line);
}

.support-ticket-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(min(100%,17rem),1fr));
  gap:var(--zm-space-2);
  align-items:start;
}

.support-ticket-item{
  min-width:0;
  display:grid;
  gap:var(--zm-space-1);
  padding:var(--zm-space-3);
  border-radius:var(--zm-radius-md);
  background:var(--zm-surface);
  color:var(--zm-ink);
}

.support-ticket-item>span{
  width:2.5rem;
  height:2.5rem;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:var(--zm-radius-sm);
  background:var(--zm-ink);
  color:var(--zm-yellow);
  font-family:var(--zm-font-mono);
  font-size:var(--zm-fs-0);
  font-weight:700;
}

.support-ticket-item p{
  color:var(--zm-muted);
}

.support-sensitive-warning{
  display:grid;
  grid-template-columns:minmax(0,1.15fr) minmax(18rem,.85fr);
  gap:var(--zm-space-4);
  align-items:start;
  margin-top:var(--zm-space-4);
  padding:var(--zm-space-3);
  border-radius:var(--zm-radius-lg);
  background:var(--zm-ink);
  color:#fff;
}

.support-sensitive-warning>div{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:var(--zm-space-1);
}

.support-sensitive-warning p,
.support-sensitive-warning li{
  color:#b8b8bd;
}

.support-sensitive-warning ul{
  margin:0;
  padding-left:1.2rem;
}

.support-sensitive-warning li+li{
  margin-top:var(--zm-space-1);
}

.support-cta-copy{
  max-width:44rem;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:var(--zm-space-1);
}

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

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

.c-cta-band .c-btn-ghost{
  color:#fff;
  border-color:color-mix(in srgb,#fff 45%,transparent);
}

.c-cta-band .c-btn-ghost:hover{
  background:color-mix(in srgb,#fff 10%,transparent);
}

[data-search-section][hidden]{
  display:none;
}

@media(max-width:64rem){
  .support-hero-grid{
    grid-template-columns:1fr;
  }

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

  .support-router{
    max-width:48rem;
  }

  .support-sensitive-warning{
    grid-template-columns:1fr;
  }
}

@media(max-width:48rem){
  .support-hero{
    padding-block:var(--zm-space-4) var(--zm-space-5);
  }

  .support-search-row{
    grid-template-columns:1fr;
  }

  .support-search-row .c-btn,
  .page-hero-actions .c-btn,
  .support-notice-actions .c-btn{
    width:100%;
  }

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

  .support-router-head strong{
    max-width:none;
    text-align:left;
  }

  .support-router-list a{
    grid-template-columns:auto minmax(0,1fr);
  }

  .support-router-list a svg{
    display:none;
  }

  .support-result-card dl div{
    grid-template-columns:1fr;
    gap:.35rem;
  }

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

  .support-sensitive-warning{
    padding:var(--zm-space-3);
  }
}

@media(max-width:24.375rem){
  .support-flow-item,
  .support-check-list li{
    grid-template-columns:1fr;
  }

  .support-route-code{
    width:2rem;
    height:2rem;
  }

  .support-router-list a{
    gap:var(--zm-space-1);
    padding:var(--zm-space-2);
  }

  .support-ticket-item,
  .support-build-card,
  .support-storage-card,
  .support-billing-card{
    padding:var(--zm-space-2);
  }
}
