.support-hero{
  padding-block:var(--oam-space-5);
  color:var(--oam-ink);
  background:var(--oam-light);
}

.support-hero__grid{
  display:grid;
  grid-template-columns:minmax(0,1.08fr) minmax(18rem,.92fr);
  gap:var(--oam-space-4);
  align-items:center;
}

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

.support-hero__copy{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
}

.support-hero__copy .oam-eyebrow{
  margin-bottom:var(--oam-space-2);
}

.support-hero__copy h1{
  max-width:46rem;
  margin-bottom:var(--oam-space-2);
}

.support-hero__copy p{
  max-width:42rem;
  margin-bottom:var(--oam-space-3);
  color:var(--oam-muted);
  font-size:var(--oam-fs-3);
}

.support-hero__actions{
  justify-content:flex-start;
}

.support-hero__panel{
  overflow:hidden;
  color:var(--oam-ink);
  background:var(--oam-surface);
  border:1px solid var(--oam-line);
  border-radius:var(--oam-radius-xl);
  box-shadow:var(--oam-shadow-md);
}

.support-hero__panel-head{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:space-between;
  gap:var(--oam-space-1);
  padding:var(--oam-space-3);
  color:var(--oam-ink);
  background:var(--oam-primary-soft);
  border-bottom:1px solid var(--oam-line);
}

.support-hero__panel-head strong{
  font-family:var(--oam-mono);
  font-size:var(--oam-fs-1);
}

.support-signal{
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  gap:var(--oam-space-2);
  align-items:start;
  padding:var(--oam-space-3);
}

.support-signal+.support-signal{
  border-top:1px solid var(--oam-line);
}

.support-signal__index{
  display:inline-flex;
  width:2.5rem;
  height:2.5rem;
  align-items:center;
  justify-content:center;
  color:var(--oam-primary-deep);
  background:var(--oam-primary-soft);
  border:1px solid var(--oam-line-strong);
  border-radius:50%;
  font-family:var(--oam-mono);
  font-size:var(--oam-fs-1);
  font-weight:800;
}

.support-signal strong{
  display:block;
  margin-bottom:var(--oam-space-1);
  color:var(--oam-dark);
}

.support-signal p{
  margin-bottom:0;
  color:var(--oam-muted);
  font-size:var(--oam-fs-1);
}

.support-router-section{
  scroll-margin-top:var(--oam-header-h);
}

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

.support-router__button{
  display:flex;
  min-width:0;
  min-height:8.5rem;
  flex-direction:column;
  align-items:flex-start;
  gap:var(--oam-space-2);
  padding:var(--oam-space-3);
  color:var(--oam-ink);
  background:var(--oam-surface);
  border:1px solid var(--oam-line-strong);
  border-radius:var(--oam-radius-lg);
  text-align:left;
  cursor:pointer;
  transition:transform .18s var(--oam-ease),border-color .18s var(--oam-ease),box-shadow .18s var(--oam-ease),background .18s var(--oam-ease);
}

.support-router__button:hover,
.support-router__button[aria-pressed="true"]{
  color:var(--oam-ink);
  background:var(--oam-primary-soft);
  border-color:var(--oam-primary);
  box-shadow:var(--oam-shadow-sm);
  transform:translateY(-2px);
}

.support-router__button svg{
  width:1.75rem;
  height:1.75rem;
  color:var(--oam-primary-deep);
}

.support-router__button span{
  display:grid;
  gap:var(--oam-space-1);
  min-width:0;
}

.support-router__button strong{
  color:var(--oam-dark);
  font-family:var(--oam-heading);
  font-size:var(--oam-fs-3);
}

.support-router__button small{
  color:var(--oam-muted);
  line-height:var(--oam-lh-heading);
}

.support-router__status{
  min-height:1.7rem;
  margin:var(--oam-space-2) 0 0;
  color:var(--oam-muted);
  font-size:var(--oam-fs-1);
}

#connection-checks,
#latency-results,
#performance-guide,
#storage-support,
#ticket-preparation{
  scroll-margin-top:var(--oam-header-h);
}

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

.support-checklist__item{
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  gap:var(--oam-space-3);
  align-items:start;
  padding:var(--oam-space-3);
  color:var(--oam-ink);
  background:var(--oam-surface);
  border:1px solid var(--oam-line);
  border-radius:var(--oam-radius-lg);
}

.support-checklist__number{
  display:inline-flex;
  width:3rem;
  height:3rem;
  align-items:center;
  justify-content:center;
  color:var(--oam-dark);
  background:var(--oam-accent);
  border:1px solid var(--oam-accent);
  border-radius:50%;
  font-family:var(--oam-mono);
  font-size:var(--oam-fs-1);
  font-weight:800;
}

.support-checklist h3{
  margin-bottom:var(--oam-space-1);
}

.support-checklist p{
  margin-bottom:var(--oam-space-2);
  color:var(--oam-muted);
}

.support-checklist ul{
  margin:0;
}

.support-section-alert{
  margin-top:var(--oam-space-2);
}

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

.support-measurement div{
  display:grid;
  gap:var(--oam-space-1);
  padding:var(--oam-space-2);
  color:var(--oam-ink);
  background:var(--oam-primary-soft);
  border:1px solid var(--oam-line);
  border-radius:var(--oam-radius-md);
}

.support-measurement span{
  color:var(--oam-muted);
  font-size:var(--oam-fs-1);
}

.support-measurement strong{
  color:var(--oam-dark);
  font-family:var(--oam-mono);
  font-size:var(--oam-fs-1);
  font-variant-numeric:tabular-nums;
}

.support-latency-table caption{
  padding:var(--oam-space-2);
  color:var(--oam-muted);
  background:var(--oam-surface);
  font-size:var(--oam-fs-1);
  text-align:left;
}

.support-latency-table tbody th{
  color:var(--oam-dark);
  background:var(--oam-surface);
  border-bottom:1px solid var(--oam-line);
}

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

.support-table-notes p{
  margin-bottom:0;
  padding:var(--oam-space-2);
  color:var(--oam-ink);
  background:var(--oam-light);
  border:1px solid var(--oam-line);
  border-radius:var(--oam-radius-md);
}

.support-dark-head p{
  color:#E8DAE4;
}

.support-dark-eyebrow{
  color:#FFDCEF;
}

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

.support-workload{
  display:flex;
  min-width:0;
  height:auto;
  align-self:start;
  flex-direction:column;
  padding:var(--oam-space-3);
  color:var(--oam-ink);
  background:var(--oam-surface);
  border:1px solid var(--oam-line);
  border-radius:var(--oam-radius-lg);
}

.support-workload .c-badge{
  width:fit-content;
  max-width:100%;
  align-self:flex-start;
  margin-bottom:var(--oam-space-2);
}

.support-workload h3{
  margin-bottom:var(--oam-space-2);
  color:var(--oam-dark);
}

.support-workload dl{
  display:grid;
  gap:var(--oam-space-2);
  margin-bottom:0;
}

.support-workload dl div{
  display:grid;
  grid-template-columns:max-content minmax(0,1fr);
  gap:var(--oam-space-2);
  min-width:0;
}

.support-workload dt{
  color:var(--oam-primary-deep);
  font-family:var(--oam-mono);
  font-size:var(--oam-fs-1);
  font-weight:800;
}

.support-workload dd{
  min-width:0;
  margin:0;
  color:var(--oam-muted);
}

.support-command{
  margin-top:var(--oam-space-3);
  overflow:hidden;
  color:#F7EDF4;
  background:var(--oam-dark);
  border:1px solid var(--oam-line-strong);
  border-radius:var(--oam-radius-lg);
  box-shadow:var(--oam-shadow-md);
}

.support-command__bar{
  display:flex;
  align-items:center;
  gap:var(--oam-space-1);
  min-height:3rem;
  padding:var(--oam-space-2);
  color:#F7EDF4;
  background:var(--oam-dark);
  border-bottom:1px solid var(--oam-line-strong);
  font-family:var(--oam-mono);
  font-size:var(--oam-fs-1);
}

.support-command__bar i{
  width:.55rem;
  height:.55rem;
  flex:none;
  background:var(--oam-line-strong);
  border-radius:50%;
}

.support-command__bar i:first-child{
  background:var(--oam-primary);
}

.support-command__body{
  margin:0;
  padding:var(--oam-space-3);
  color:#F7EDF4;
  background:var(--oam-dark);
  border-radius:0;
}

.support-command-note{
  margin:var(--oam-space-2) 0 0;
  color:#E8DAE4;
}

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

.support-storage-main{
  overflow:hidden;
  color:var(--oam-ink);
  background:var(--oam-surface);
  border:1px solid var(--oam-line);
  border-radius:var(--oam-radius-lg);
}

.support-storage-main__head{
  display:flex;
  align-items:flex-start;
  gap:var(--oam-space-2);
  padding:var(--oam-space-3);
  color:var(--oam-ink);
  background:var(--oam-primary-soft);
  border-bottom:1px solid var(--oam-line);
}

.support-storage-main__head>svg{
  width:2rem;
  height:2rem;
  flex:none;
  color:var(--oam-primary-deep);
}

.support-storage-main__head>div{
  display:flex;
  min-width:0;
  flex-direction:column;
}

.support-storage-main__head .c-badge{
  margin-bottom:var(--oam-space-2);
}

.support-storage-main__head h3{
  margin-bottom:0;
}

.support-storage-steps{
  display:grid;
  gap:var(--oam-space-2);
  margin:0;
  padding:var(--oam-space-3);
  list-style:none;
}

.support-storage-steps li{
  padding-bottom:var(--oam-space-2);
  border-bottom:1px solid var(--oam-line);
}

.support-storage-steps li:last-child{
  padding-bottom:0;
  border-bottom:0;
}

.support-storage-steps strong{
  display:block;
  margin-bottom:var(--oam-space-1);
  color:var(--oam-dark);
}

.support-storage-steps p{
  margin-bottom:0;
  color:var(--oam-muted);
}

.support-addon-card .c-badge{
  margin-bottom:var(--oam-space-2);
}

.support-addon-card h3{
  margin-bottom:var(--oam-space-1);
}

.support-addon-card p{
  color:var(--oam-muted);
}

.support-addon-card ul{
  margin-bottom:0;
}

.support-security{
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  gap:var(--oam-space-3);
  align-items:start;
  padding:var(--oam-space-4);
  color:var(--oam-ink);
  background:var(--oam-surface);
  border:1px solid var(--oam-line);
  border-radius:var(--oam-radius-xl);
}

.support-security__icon{
  display:flex;
  width:3.5rem;
  height:3.5rem;
  align-items:center;
  justify-content:center;
  color:var(--oam-dark);
  background:var(--oam-accent);
  border:1px solid var(--oam-accent);
  border-radius:50%;
}

.support-security__icon svg{
  width:1.75rem;
  height:1.75rem;
}

.support-security__copy{
  min-width:0;
}

.support-security__copy .oam-eyebrow{
  margin-bottom:var(--oam-space-2);
}

.support-security__copy h2{
  margin-bottom:var(--oam-space-2);
}

.support-security__copy p{
  margin-bottom:0;
  color:var(--oam-muted);
}

.support-security__rules{
  display:grid;
  grid-column:1 / -1;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:var(--oam-space-2);
}

.support-security__rules article{
  padding:var(--oam-space-2);
  color:var(--oam-ink);
  background:var(--oam-light);
  border:1px solid var(--oam-line);
  border-radius:var(--oam-radius-md);
}

.support-security__rules strong{
  display:block;
  margin-bottom:var(--oam-space-1);
  color:var(--oam-dark);
}

.support-security__rules p{
  margin-bottom:0;
  color:var(--oam-muted);
}

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

.support-ticket-item{
  min-width:0;
  padding:var(--oam-space-3);
  color:var(--oam-ink);
  background:var(--oam-surface);
  border:1px solid var(--oam-line);
  border-radius:var(--oam-radius-lg);
}

.support-ticket-item>span{
  display:inline-flex;
  width:2.5rem;
  height:2.5rem;
  align-items:center;
  justify-content:center;
  margin-bottom:var(--oam-space-2);
  color:var(--oam-primary-deep);
  background:var(--oam-primary-soft);
  border:1px solid var(--oam-line);
  border-radius:50%;
  font-family:var(--oam-mono);
  font-size:var(--oam-fs-1);
  font-weight:800;
}

.support-ticket-item h3{
  margin-bottom:var(--oam-space-1);
}

.support-ticket-item p{
  margin-bottom:0;
  color:var(--oam-muted);
}

.support-accordion{
  margin-top:var(--oam-space-3);
  border-top:1px solid var(--oam-line-strong);
}

.support-accordion details{
  border-bottom:1px solid var(--oam-line-strong);
}

.support-accordion summary{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:var(--oam-space-2);
  padding:var(--oam-space-2);
  color:var(--oam-dark);
  background:var(--oam-surface);
  font-family:var(--oam-heading);
  font-size:var(--oam-fs-3);
  font-weight:750;
  cursor:pointer;
  list-style:none;
}

.support-accordion summary::-webkit-details-marker{
  display:none;
}

.support-accordion summary svg{
  width:1rem;
  height:1rem;
  flex:none;
  transition:transform .2s var(--oam-ease);
}

.support-accordion details[open] summary svg{
  transform:rotate(180deg);
}

.support-accordion__content{
  padding:var(--oam-space-2);
  padding-top:var(--oam-space-2);
  color:var(--oam-muted);
  background:var(--oam-surface);
  border-top:1px solid var(--oam-line);
}

.support-accordion__content p{
  margin-bottom:0;
}@media(max-width:900px){
  .support-hero__grid{
    grid-template-columns:1fr;
  }

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

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

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

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

@media(max-width:768px){
  .support-workloads,
  .support-table-notes{
    grid-template-columns:1fr;
  }

  .support-workload dl div{
    grid-template-columns:1fr;
    gap:var(--oam-space-1);
  }

  .support-security{
    grid-template-columns:1fr;
    padding:var(--oam-space-3);
  }
}

@media(max-width:620px){
  .support-hero{
    padding-block:var(--oam-space-4);
  }

  .support-hero__actions{
    width:100%;
  }

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

  .support-router,
  .support-measurement,
  .support-ticket-grid{
    grid-template-columns:1fr;
  }

  .support-router__button{
    min-height:0;
  }

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

  .support-checklist__number{
    width:2.75rem;
    height:2.75rem;
  }

  .support-storage-main__head{
    flex-direction:column;
  }}

@media(max-width:390px){
  .support-hero__panel-head{
    align-items:flex-start;
    flex-direction:column;
  }

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

  .support-security__icon{
    width:3rem;
    height:3rem;
  }
}
