.support-hero{
  color:var(--gm-ink);
  background:var(--gm-light)
}

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

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

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

.support-heading{
  display:flex;
  max-width:43rem;
  flex-direction:column;
  gap:var(--gm-space-1)
}

.support-heading .gm-kicker{
  width:fit-content;
  max-width:100%;
  align-self:flex-start;
  color:var(--gm-primary-paper)
}

.support-heading p{
  max-width:42rem;
  color:var(--gm-muted);
  font-size:var(--gm-text-3)
}

.support-facts{
  display:grid;
  width:100%;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:var(--gm-space-2);
  padding:var(--gm-space-3) 0;
  border-top:1px solid var(--gm-line);
  border-bottom:1px solid var(--gm-line)
}

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

.support-facts strong{
  overflow-wrap:anywhere;
  color:var(--gm-dark);
  font-family:var(--gm-font-heading);
  font-size:var(--gm-text-3);
  line-height:var(--gm-leading-heading)
}

.support-facts span{
  overflow-wrap:anywhere;
  color:var(--gm-muted);
  font-size:var(--gm-text-1);
  line-height:var(--gm-leading-data)
}

.support-manifest{
  min-width:0;
  overflow:hidden;
  border-radius:var(--gm-radius-lg);
  color:#f7f1e6;
  background:var(--gm-dark);
  box-shadow:var(--gm-shadow-float)
}

.support-manifest__head{
  display:flex;
  flex-direction:column;
  gap:var(--gm-space-1);
  padding:var(--gm-space-4)
}

.support-manifest__head .c-badge{
  width:fit-content;
  max-width:100%;
  align-self:flex-start;
  color:#2b2418;
  background:var(--gm-accent)
}

.support-manifest__head h2{
  color:#fff;
  font-size:var(--gm-text-4)
}

.support-manifest__head p{
  color:#c9c0b0
}

.support-manifest__list{
  display:flex;
  margin:0;
  padding:0;
  flex-direction:column;
  list-style:none;
  color:var(--gm-ink);
  background:var(--gm-surface)
}

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

.support-manifest__number{
  display:inline-flex;
  min-width:2.5rem;
  min-height:2.5rem;
  align-items:center;
  justify-content:center;
  border-radius:999px;
  color:var(--gm-dark);
  background:var(--gm-accent-soft);
  font-family:var(--gm-font-mono);
  font-size:var(--gm-text-1);
  line-height:1;
  font-variant-numeric:tabular-nums
}

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

.support-manifest__list strong{
  color:var(--gm-dark);
  font-family:var(--gm-font-heading);
  line-height:var(--gm-leading-heading)
}

.support-manifest__list div span{
  color:var(--gm-muted);
  font-size:var(--gm-text-1);
  line-height:var(--gm-leading-data)
}

.guide-section-head{
  display:flex;
  max-width:48rem;
  flex-direction:column;
  align-items:flex-start;
  gap:var(--gm-space-1);
  margin-bottom:var(--gm-space-4)
}

.guide-section-head .gm-kicker{
  width:fit-content;
  max-width:100%;
  align-self:flex-start;
  color:var(--gm-primary-paper)
}

.guide-section-head p{
  color:var(--gm-muted);
  font-size:var(--gm-text-3)
}

.guide-finder{
  color:var(--gm-ink);
  background:var(--gm-surface)
}

.guide-search{
  display:flex;
  flex-direction:column;
  gap:var(--gm-space-1);
  padding:var(--gm-space-3);
  border-radius:var(--gm-radius-lg);
  color:var(--gm-ink);
  background:var(--gm-band-cool)
}

.guide-search__filters{
  display:flex;
  flex-direction:column;
  gap:var(--gm-space-1)
}

.guide-search__filters>span{
  color:var(--gm-dark);
  font-size:var(--gm-text-1);
  line-height:var(--gm-leading-data);
  font-weight:650
}

.guide-search__status{
  color:var(--gm-muted);
  font-size:var(--gm-text-1)
}

.guide-index{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(min(100%,25rem),1fr));
  align-items:start;
  gap:var(--gm-space-2);
  margin-top:var(--gm-space-3)
}

.guide-index__item{
  display:flex;
  min-width:0;
  align-items:flex-start;
  gap:var(--gm-space-2);
  padding:var(--gm-space-3);
  border-radius:var(--gm-radius-lg);
  color:var(--gm-ink);
  background:var(--gm-light);
  transition:transform var(--gm-duration) var(--gm-ease),box-shadow var(--gm-duration) var(--gm-ease),background var(--gm-duration) var(--gm-ease)
}

.guide-index__item[hidden]{
  display:none
}

.guide-index__item:hover{
  transform:translateY(-3px);
  background:var(--gm-accent-soft);
  box-shadow:var(--gm-shadow-soft)
}

.guide-index__item:focus-visible{
  background:var(--gm-accent-soft)
}

.guide-index__icon{
  display:grid;
  width:2.75rem;
  height:2.75rem;
  flex:0 0 auto;
  place-items:center;
  border-radius:var(--gm-radius-md);
  color:var(--gm-primary-paper);
  background:var(--gm-surface)
}

.guide-index__icon svg{
  width:1.35rem;
  height:1.35rem
}

.guide-index__body{
  display:flex;
  min-width:0;
  flex-direction:column;
  gap:var(--gm-space-1)
}

.guide-index__body strong{
  overflow-wrap:anywhere;
  color:var(--gm-dark);
  font-family:var(--gm-font-heading);
  font-size:var(--gm-text-3);
  line-height:var(--gm-leading-heading)
}

.guide-index__body>span{
  overflow-wrap:anywhere;
  color:var(--gm-muted);
  line-height:var(--gm-leading-data)
}

.guide-index__body time{
  color:var(--gm-primary-paper);
  font-family:var(--gm-font-mono);
  font-size:var(--gm-text-0);
  line-height:var(--gm-leading-data);
  font-variant-numeric:tabular-nums
}

.guide-empty{
  margin-top:var(--gm-space-3)
}

.guide-empty[hidden]{
  display:none
}

.guide-empty{
  display:flex;
  flex-direction:column;
  gap:var(--gm-space-1)
}

.route-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(min(100%,15rem),1fr));
  align-items:start;
  gap:var(--gm-space-3);
  margin:0;
  padding:0;
  list-style:none
}

.route-grid li{
  display:flex;
  min-width:0;
  flex-direction:column;
  gap:var(--gm-space-1);
  padding:var(--gm-space-3);
  border-radius:var(--gm-radius-lg);
  color:var(--gm-ink);
  background:var(--gm-surface);
  box-shadow:var(--gm-shadow-soft)
}

.route-grid__number{
  display:inline-flex;
  width:fit-content;
  max-width:100%;
  align-self:flex-start;
  align-items:center;
  padding:.42em .82em;
  border-radius:999px;
  color:var(--gm-dark);
  background:var(--gm-accent);
  font-family:var(--gm-font-mono);
  font-size:var(--gm-text-0);
  line-height:1.2;
  font-weight:750;
  font-variant-numeric:tabular-nums
}

.route-grid h3{
  overflow-wrap:anywhere;
  color:var(--gm-dark)
}

.route-grid p{
  color:var(--gm-muted)
}

.route-grid li>strong{
  color:var(--gm-primary-paper);
  font-size:var(--gm-text-1);
  line-height:var(--gm-leading-data)
}

.route-note{
  display:flex;
  flex-direction:column;
  gap:var(--gm-space-1);
  margin-top:var(--gm-space-4)
}

.environment-layout{
  align-items:stretch
}

.environment-board{
  min-width:0;
  overflow:hidden;
  border-radius:var(--gm-radius-lg);
  color:var(--gm-ink);
  background:var(--gm-surface);
  box-shadow:var(--gm-shadow-soft)
}

.environment-board__head{
  display:flex;
  flex-direction:column;
  gap:var(--gm-space-1);
  padding:var(--gm-space-3)
}

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

.environment-board__head h3{
  color:var(--gm-dark)
}

.environment-board__head p{
  color:var(--gm-muted)
}

.environment-board .table-scroll{
  border-radius:0
}

.environment-board code{
  overflow-wrap:anywhere;
  color:var(--gm-primary-paper)
}

.environment-card{
  gap:var(--gm-space-1)
}

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

.environment-card .c-btn{
  margin-top:auto;
  padding-top:var(--gm-space-3)
}

.migration-section{
  color:#f7f1e6;
  background:var(--gm-dark)
}

.migration-heading .gm-kicker{
  color:#2b2418;
  background:#f4c95d
}

.migration-heading h2{
  color:#fff
}

.migration-heading p{
  color:#c9c0b0
}

.migration-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(min(100%,20rem),1fr));
  align-items:start;
  gap:var(--gm-space-3)
}

.migration-card{
  display:flex;
  min-width:0;
  flex-direction:column;
  gap:var(--gm-space-3);
  padding:var(--gm-space-3);
  border-radius:var(--gm-radius-lg);
  color:var(--gm-ink);
  background:var(--gm-light)
}

.migration-card__head{
  display:flex;
  flex-direction:column;
  gap:var(--gm-space-1)
}

.migration-card__step{
  display:inline-flex;
  width:fit-content;
  max-width:100%;
  align-self:flex-start;
  padding:.42em .82em;
  border-radius:999px;
  color:var(--gm-dark);
  background:var(--gm-accent);
  font-size:var(--gm-text-0);
  line-height:1.2;
  font-weight:750
}

.migration-card h3{
  color:var(--gm-dark)
}

.migration-card p{
  color:var(--gm-muted)
}

.migration-card ul,
.cicd-card ul{
  margin:0;
  padding-left:1.2rem
}

.migration-card li,
.cicd-card li{
  color:var(--gm-muted)
}

.migration-card__acceptance{
  display:flex;
  flex-direction:column;
  gap:var(--gm-space-1);
  padding:var(--gm-space-2);
  border-radius:var(--gm-radius-md);
  color:var(--gm-ink);
  background:var(--gm-accent-soft)
}

.migration-card__acceptance strong{
  color:var(--gm-dark)
}

.migration-card__acceptance span{
  color:var(--gm-ink);
  font-size:var(--gm-text-1);
  line-height:var(--gm-leading-data)
}

.glossary-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(min(100%,25rem),1fr));
  align-items:start;
  gap:var(--gm-space-2);
  margin:0
}

.glossary-grid div{
  display:flex;
  min-width:0;
  flex-direction:column;
  gap:var(--gm-space-1);
  padding:var(--gm-space-3);
  border-radius:var(--gm-radius-lg);
  color:var(--gm-ink);
  background:var(--gm-surface)
}

.glossary-grid dt{
  overflow-wrap:anywhere;
  color:var(--gm-dark);
  font-family:var(--gm-font-heading);
  font-size:var(--gm-text-3)
}

.glossary-grid dd{
  color:var(--gm-muted);
  font-size:var(--gm-text-2)
}

.cicd-grid{
  align-items:start
}

.cicd-card{
  display:flex;
  flex-direction:column;
  gap:var(--gm-space-1)
}

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

.pipeline-strip{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) auto minmax(0,1fr);
  align-items:center;
  gap:var(--gm-space-2);
  margin-top:var(--gm-space-4);
  padding:var(--gm-space-3);
  border-radius:var(--gm-radius-lg);
  color:#f7f1e6;
  background:var(--gm-dark)
}

.pipeline-strip div{
  display:flex;
  min-width:0;
  flex-direction:column;
  gap:var(--gm-space-1)
}

.pipeline-strip span{
  color:var(--gm-accent);
  font-size:var(--gm-text-0);
  line-height:var(--gm-leading-data);
  font-weight:750
}

.pipeline-strip strong{
  overflow-wrap:anywhere;
  color:#fff;
  font-family:var(--gm-font-heading);
  line-height:var(--gm-leading-heading)
}

.pipeline-strip>svg{
  width:1.25rem;
  height:1.25rem;
  color:var(--gm-accent)
}

.escalation-layout{
  align-items:stretch
}

.escalation-sheet{
  min-width:0;
  overflow:hidden;
  border-radius:var(--gm-radius-lg);
  color:var(--gm-ink);
  background:var(--gm-surface);
  box-shadow:var(--gm-shadow-soft)
}

.escalation-sheet__head{
  display:flex;
  flex-direction:column;
  gap:var(--gm-space-1);
  padding:var(--gm-space-3)
}

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

.escalation-sheet__head h3{
  color:var(--gm-dark)
}

.escalation-sheet__head p{
  color:var(--gm-muted)
}

.escalation-fields{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(min(100%,16rem),1fr));
  color:var(--gm-ink);
  background:var(--gm-band-cool)
}

.escalation-fields div{
  display:flex;
  min-width:0;
  flex-direction:column;
  gap:var(--gm-space-1);
  padding:var(--gm-space-3)
}

.escalation-fields strong{
  color:var(--gm-dark);
  font-family:var(--gm-font-heading)
}

.escalation-fields span{
  color:var(--gm-muted);
  font-size:var(--gm-text-1);
  line-height:var(--gm-leading-data)
}

.escalation-card{
  gap:var(--gm-space-1)
}

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

.escalation-card .c-btn{
  margin-top:auto;
  padding-top:var(--gm-space-3)
}

.escalation-card.c-card--dark .c-btn--ghost{
  color:#fff;
  border-color:rgba(255,255,255,.42)
}

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

.billing-card{
  display:flex;
  min-width:0;
  flex-direction:column;
  gap:var(--gm-space-1);
  padding:var(--gm-space-3);
  border-radius:var(--gm-radius-lg);
  color:var(--gm-ink);
  background:var(--gm-band-cool)
}

.billing-card__icon{
  display:grid;
  width:3rem;
  height:3rem;
  place-items:center;
  border-radius:var(--gm-radius-md);
  color:var(--gm-primary-paper);
  background:var(--gm-surface)
}

.billing-card__icon svg{
  width:1.45rem;
  height:1.45rem
}

.billing-card h3{
  color:var(--gm-dark)
}

.billing-card p{
  color:var(--gm-muted)
}

.billing-check{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:var(--gm-space-4);
  margin-top:var(--gm-space-4);
  padding:var(--gm-space-3);
  border-radius:var(--gm-radius-lg);
  color:var(--gm-ink);
  background:var(--gm-light)
}

.billing-check>div{
  display:flex;
  max-width:48rem;
  min-width:0;
  flex-direction:column;
  gap:var(--gm-space-1)
}

.billing-check strong{
  color:var(--gm-dark);
  font-family:var(--gm-font-heading);
  font-size:var(--gm-text-3);
  line-height:var(--gm-leading-heading)
}

.billing-check p{
  color:var(--gm-muted)
}

.billing-check .c-btn{
  flex:0 0 auto
}

.guide-cta__copy{
  display:flex;
  max-width:43rem;
  min-width:0;
  flex-direction:column;
  gap:var(--gm-space-1)
}

.guide-cta__copy .c-badge{
  width:fit-content;
  max-width:100%;
  align-self:flex-start;
  color:#2b2418;
  background:var(--gm-accent)
}

.guide-cta__copy h2{
  color:#fff
}

.guide-cta__copy p{
  color:#c9c0b0
}

.guide-cta__actions{
  display:flex;
  min-width:0;
  flex:0 0 auto;
  flex-direction:column;
  align-items:stretch;
  gap:var(--gm-space-1)
}

.guide-cta__actions .c-btn--ghost{
  color:#fff;
  border-color:rgba(255,255,255,.42)
}

@media(max-width:64rem){
  .support-hero__grid{
    grid-template-columns:1fr;
    gap:var(--gm-space-4)
  }

  .support-hero__copy{
    max-width:48rem
  }
}

@media(max-width:48rem){
  .support-facts{
    grid-template-columns:1fr
  }

  .pipeline-strip{
    grid-template-columns:1fr
  }

  .pipeline-strip>svg{
    transform:rotate(90deg)
  }

  .billing-check{
    align-items:flex-start;
    flex-direction:column;
    gap:var(--gm-space-3)
  }

  .billing-check .c-btn{
    width:100%
  }
}

@media(max-width:26rem){
  .support-manifest__head,
  .support-manifest__list li{
    padding:var(--gm-space-3)
  }

  .guide-search{
    padding:var(--gm-space-2)
  }

  .guide-index__item{
    flex-direction:column
  }

  .route-grid li,
  .migration-card,
  .glossary-grid div,
  .billing-card{
    padding:var(--gm-space-2)
  }

  .guide-cta__actions{
    width:100%
  }
}
