.support-hero{
  padding-block:var(--pm-hero-pad);
  background:#F8F7F4;
  color:#212123;
}

.support-hero__split{
  display:grid;
  grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr);
  align-items:start;
  gap:clamp(2.5rem,6vw,5.5rem);
}

.support-hero__copy{
  min-width:0;
  align-items:flex-start;
  color:#212123;
  text-align:left;
}

.support-hero__copy .c-kicker{
  color:#292A35;
}

.support-hero__copy .c-kicker+h1{
  margin-top:var(--pm-space-2);
}

.support-hero__copy h1{
  max-width:16ch;
  color:#212123;
  font-family:var(--pm-font-body);
  font-size:clamp(2.45rem,4.2vw,3.2rem);
  font-weight:720;
  line-height:1.17;
  overflow-wrap:anywhere;
}

.support-hero__lead{
  max-width:39rem;
  margin-top:var(--pm-space-2);
  color:#4E4A50;
  font-size:var(--pm-fs-3);
}

.support-hero__actions{
  justify-content:flex-start;
  margin-top:var(--pm-space-3);
}

.support-hero__facts{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:var(--pm-space-2);
  margin:var(--pm-space-3) 0 0;
  padding-top:var(--pm-space-3);
  border-top:1px solid rgba(33,33,35,.13);
  color:#212123;
}

.support-hero__facts div{
  min-width:0;
}

.support-hero__facts dt{
  color:#212123;
  font-family:var(--pm-font-mono);
  font-size:var(--pm-fs-1);
  font-variant-numeric:tabular-nums;
}

.support-hero__facts dd{
  margin-top:.35rem;
  color:#5B575E;
  font-size:var(--pm-fs-0);
  overflow-wrap:anywhere;
}

.support-hero__stage{
  min-width:0;
  height:auto;
  align-self:start;
  overflow:visible;
  color:#F8F7F4;
  text-align:left;
}

.support-board{
  width:100%;
  overflow:hidden;
  border-radius:var(--pm-radius-lg);
  background:#242126;
  color:#F8F7F4;
  box-shadow:var(--pm-shadow);
  transform:perspective(90rem) rotateY(-2deg) rotateX(1deg);
  transform-origin:center;
}

.support-board__head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:var(--pm-space-2);
  padding:var(--pm-space-3);
  background:#2E2A30;
  color:#F8F7F4;
}

.support-board__head>div{
  min-width:0;
}

.support-board__label{
  display:block;
  color:#C4BEC6;
  font-family:var(--pm-font-mono);
  font-size:var(--pm-fs-0);
  letter-spacing:.08em;
}

.support-board__head strong{
  display:block;
  margin-top:.35rem;
  color:#FFFFFF;
  font-family:var(--pm-font-body);
  font-size:var(--pm-fs-3);
}

.support-board__status{
  display:inline-flex;
  flex:none;
  align-items:center;
  gap:.45rem;
  padding:.45rem .75rem;
  border-radius:var(--pm-radius-pill);
  background:#F4EDE8;
  color:#352923;
  font-size:var(--pm-fs-0);
  font-weight:750;
}

.support-board__status span{
  width:.45rem;
  height:.45rem;
  flex:none;
  border-radius:50%;
  background:#711706;
}

.support-board__scale{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  padding:.8rem var(--pm-space-3);
  background:#242126;
  color:#AFA9B1;
  font-family:var(--pm-font-mono);
  font-size:var(--pm-fs-0);
}

.support-board__scale span:last-child{
  text-align:right;
}

.support-board__lanes{
  padding:0 var(--pm-space-3) var(--pm-space-2);
}

.support-board__lane{
  display:grid;
  grid-template-columns:minmax(4.5rem,.7fr) minmax(0,3fr) auto;
  align-items:center;
  gap:var(--pm-space-2);
  min-width:0;
  padding:var(--pm-space-2) 0;
  border-bottom:1px solid rgba(255,255,255,.12);
}

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

.support-board__code{
  color:#D3CDD5;
  font-family:var(--pm-font-mono);
  font-size:var(--pm-fs-0);
  overflow-wrap:anywhere;
}

.support-board__track{
  display:flex;
  min-width:0;
  padding:.35rem;
  border-radius:var(--pm-radius-pill);
  background:#39343A;
  color:#F8F7F4;
}

.support-board__block{
  display:block;
  min-width:0;
  padding:.5rem .75rem;
  border-radius:var(--pm-radius-pill);
  background:#F0F2EE;
  color:#263028;
  font-size:var(--pm-fs-0);
  font-weight:700;
  line-height:1.35;
  animation:support-lane-rise .7s var(--pm-ease) both;
}

.support-board__block--access{
  width:74%;
}

.support-board__block--xcode{
  width:88%;
  background:#EEEFF4;
  color:#292A35;
  animation-delay:.08s;
}

.support-board__block--runner{
  width:67%;
  margin-left:18%;
  background:#F4EDE8;
  color:#352923;
  animation-delay:.16s;
}

.support-board__block--storage{
  width:82%;
  margin-left:8%;
  background:#F1EDF0;
  color:#31272E;
  animation-delay:.24s;
}

.support-board__result{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:3.5rem;
  padding:.4rem .65rem;
  border-radius:var(--pm-radius-pill);
  background:#711706;
  color:#FFFFFF;
  font-size:var(--pm-fs-0);
  font-weight:750;
}

.support-board__foot{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:var(--pm-space-2);
  padding:var(--pm-space-2) var(--pm-space-3);
  background:#19181A;
  color:#C9C3CB;
  font-size:var(--pm-fs-0);
}

.support-board__foot strong{
  flex:none;
  color:#FFFFFF;
  font-size:var(--pm-fs-0);
}

.support-section-head{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(18rem,.72fr);
  align-items:end;
  gap:clamp(2rem,6vw,5rem);
  margin-bottom:var(--pm-space-4);
}

.support-section-head>div{
  min-width:0;
}

.support-section-head .c-kicker+h2{
  margin-top:var(--pm-space-2);
}

.support-section-head h2{
  max-width:20ch;
  color:inherit;
  font-family:var(--pm-font-body);
  font-size:clamp(1.9rem,3.2vw,3rem);
  font-weight:710;
  line-height:1.18;
  overflow-wrap:anywhere;
}

.support-section-head>p{
  max-width:35rem;
  color:inherit;
  opacity:.74;
}

.support-entry{
  background:#F8F7F4;
  color:#212123;
}

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

.support-route-card{
  display:flex;
  min-width:0;
  flex-direction:column;
  padding-inline:clamp(1.5rem,3vw,2rem);
}

.support-route-card__mark{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:var(--pm-space-1);
}

.support-icon-chip{
  display:inline-flex;
  width:2.25rem;
  height:2.25rem;
  flex:none;
  align-items:center;
  justify-content:center;
  border-radius:var(--pm-radius-sm);
  background:#FFFFFF;
  color:#711706;
}

.support-icon-chip svg{
  width:1.2rem;
  height:1.2rem;
}

.support-route-card h3{
  margin-top:var(--pm-space-2);
  font-family:var(--pm-font-body);
  font-weight:700;
}

.support-route-card p{
  margin-top:var(--pm-space-1);
}

.support-route-card__link{
  display:inline-flex;
  width:fit-content;
  align-items:center;
  margin-top:var(--pm-space-3);
  padding:.6rem .85rem;
  border:1px solid color-mix(in srgb,currentColor 34%,transparent);
  border-radius:var(--pm-radius-pill);
  font-size:var(--pm-fs-1);
  font-weight:750;
}

.support-first-use{
  background:#F0F2EE;
  color:#263028;
}

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

.support-timeline__item{
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  align-items:start;
  gap:var(--pm-space-3);
  padding:var(--pm-space-3);
  border-radius:var(--pm-radius-md);
  background:#FFFFFF;
  color:#242126;
}

.support-timeline__number{
  display:inline-flex;
  width:2.75rem;
  height:2.75rem;
  align-items:center;
  justify-content:center;
  border-radius:50%;
  background:#711706;
  color:#FFFFFF;
  font-family:var(--pm-font-mono);
  font-size:var(--pm-fs-1);
  font-weight:750;
}

.support-timeline__item h3{
  font-family:var(--pm-font-body);
  font-weight:700;
}

.support-timeline__item p{
  margin-top:var(--pm-space-1);
  color:#625E64;
}

.support-timeline__check{
  display:inline-flex;
  width:fit-content;
  max-width:100%;
  align-items:center;
  padding:.45rem .75rem;
  border-radius:var(--pm-radius-pill);
  background:#EEEFF4;
  color:#292A35;
  font-size:var(--pm-fs-0);
  font-weight:750;
}

.support-notice{
  margin-top:var(--pm-space-3);
  padding-inline:var(--pm-space-3);
  background:#F1EDF0;
  color:#31272E;
}

.support-notice p{
  margin-top:var(--pm-space-1);
  color:#31272E;
}

.support-toolchain{
  background:#F4EDE8;
  color:#352923;
}

.support-toolchain__paired{
  align-items:stretch;
}

.support-toolchain__main{
  padding-inline:clamp(1.5rem,3vw,2rem);
  background:#FFFFFF;
  color:#242126;
}

.support-toolchain__main>h3{
  font-family:var(--pm-font-body);
  font-weight:700;
}

.support-check-rows{
  margin-top:var(--pm-space-3);
}

.support-check-row{
  display:grid;
  grid-template-columns:minmax(4.8rem,.55fr) minmax(0,1fr) auto;
  align-items:start;
  gap:var(--pm-space-2);
  padding-block:var(--pm-space-2);
  border-bottom:1px solid rgba(36,33,38,.12);
}

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

.support-check-row__code{
  color:#711706;
  font-family:var(--pm-font-mono);
  font-size:var(--pm-fs-0);
  font-weight:750;
  overflow-wrap:anywhere;
}

.support-check-row strong{
  display:block;
  color:#242126;
}

.support-check-row p{
  margin-top:var(--pm-space-1);
  color:#68636A;
}

.support-check-row__output{
  display:inline-flex;
  width:fit-content;
  padding:.4rem .65rem;
  border-radius:var(--pm-radius-pill);
  background:#F0F2EE;
  color:#263028;
  font-size:var(--pm-fs-0);
  font-weight:700;
}

.support-toolchain__side>*{
  height:auto;
  flex:1;
}

.support-side-card{
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  gap:var(--pm-space-3);
  padding-inline:clamp(1.5rem,3vw,2rem);
}

.support-side-card .c-badge+h3{
  margin-top:var(--pm-space-2);
}

.support-side-card h3{
  font-family:var(--pm-font-body);
  font-weight:700;
}

.support-side-card p,
.support-side-card ul{
  margin-top:var(--pm-space-1);
}

.support-side-card ul{
  padding-left:1.15rem;
}

.support-side-card .c-btn{
  align-self:flex-start;
  margin-top:var(--pm-space-2);
}

.support-ci{
  background:#F8F7F4;
  color:#212123;
}

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

.support-ci-card{
  container-type:inline-size;
}

.support-ci-card__step{
  display:inline-flex;
  width:fit-content;
  align-self:flex-start;
  padding:.4rem .7rem;
  border-radius:var(--pm-radius-pill);
  background:#FFFFFF;
  color:#711706;
  font-size:var(--pm-fs-0);
  font-weight:750;
}

.support-ci-card h3{
  margin-top:var(--pm-space-2);
  font-family:var(--pm-font-body);
  font-weight:700;
}

.support-ci-card>p{
  margin-top:var(--pm-space-1);
}

.support-ci-card dl{
  display:grid;
  gap:var(--pm-space-1);
  margin:var(--pm-space-3) 0 0;
}

.support-ci-card dl div{
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  gap:var(--pm-space-1);
  min-width:0;
}

.support-ci-card dt,
.support-ci-card dd{
  color:inherit;
}

.support-ci__sequence{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:center;
  gap:var(--pm-space-1);
  margin-top:var(--pm-space-4);
  padding:var(--pm-space-3);
  border-radius:var(--pm-radius-md);
  background:#FFFFFF;
  color:#242126;
}

.support-ci__sequence span{
  display:inline-flex;
  padding:.55rem .8rem;
  border-radius:var(--pm-radius-pill);
  background:#F1EDF0;
  color:#31272E;
  font-size:var(--pm-fs-1);
  font-weight:700;
}

.support-ci__sequence svg{
  width:1.1rem;
  height:1.1rem;
  color:#711706;
}

.support-ssh{
  background:#242126;
  color:#F8F7F4;
}

.support-section-head--dark{
  color:#F8F7F4;
}

.support-section-head--dark .c-kicker{
  background:#F4EDE8;
  color:#352923;
}

.support-section-head--dark .c-kicker-dot{
  background:#711706;
}

.support-section-head--dark h2{
  color:#FFFFFF;
}

.support-section-head--dark>p{
  color:#D0CBD2;
  opacity:1;
}

.support-ssh__paired{
  align-items:stretch;
}

.support-ssh-card{
  display:flex;
  min-width:0;
  min-height:0;
  flex-direction:column;
  justify-content:space-between;
  overflow:hidden;
  border-radius:var(--pm-radius-md);
  background:#302D32;
  color:#F8F7F4;
}

.support-ssh-card__body{
  padding:var(--pm-space-3);
}

.support-ssh-card .c-badge{
  background:#F4EDE8;
  color:#352923;
}

.support-ssh-card .c-badge+h3{
  margin-top:var(--pm-space-2);
}

.support-ssh-card h3{
  color:#FFFFFF;
  font-family:var(--pm-font-body);
  font-weight:700;
}

.support-ssh-card p,
.support-ssh-card li{
  color:#D0CBD2;
}

.support-ssh-card ol{
  display:grid;
  gap:var(--pm-space-2);
  margin-top:var(--pm-space-3);
  padding-left:1.25rem;
}

.support-ssh-card pre{
  margin:0;
  padding:var(--pm-space-3);
  border-radius:0;
  background:#19181A;
  color:#F8F7F4;
}

.support-ssh__side>*{
  height:auto;
  flex:1;
}

.support-ssh-card--compact{
  padding:var(--pm-space-3);
}

.support-ssh-card--compact>div{
  min-width:0;
}

.support-ssh-card--compact p{
  margin-top:var(--pm-space-1);
}

.support-ssh-card__result{
  display:inline-flex;
  width:fit-content;
  align-self:flex-start;
  margin-top:var(--pm-space-3);
  padding:.45rem .7rem;
  border-radius:var(--pm-radius-pill);
  background:#F0F2EE;
  color:#263028;
  font-size:var(--pm-fs-0);
  font-weight:750;
}

.support-ssh__actions{
  justify-content:flex-start;
  margin-top:var(--pm-space-4);
}

.support-ssh__actions .c-btn-ghost{
  border-color:rgba(255,255,255,.42);
  background:transparent;
  color:#FFFFFF;
}

.support-storage{
  background:#F1EDF0;
  color:#31272E;
}

.support-storage__table{
  border-radius:var(--pm-radius-md);
  background:#FFFFFF;
  color:#242126;
}

.support-storage__table table{
  min-width:48rem;
}

.support-storage__table caption{
  padding:var(--pm-space-2) 1.15rem;
  background:#FFFFFF;
  color:#565158;
  font-size:var(--pm-fs-1);
  text-align:left;
}

.support-capacity-grid{
  grid-template-columns:repeat(3,minmax(0,1fr));
  align-items:start;
  margin-top:var(--pm-space-4);
}

.support-capacity-card .c-badge+h3{
  margin-top:var(--pm-space-2);
}

.support-capacity-card h3{
  font-family:var(--pm-font-body);
  font-weight:700;
}

.support-capacity-card p{
  margin-top:var(--pm-space-1);
}

.support-security{
  background:#F8F7F4;
  color:#212123;
}

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

.support-security-step{
  min-width:0;
  padding:var(--pm-space-3);
  border-radius:var(--pm-radius-md);
  background:#EEEFF4;
  color:#292A35;
}

.support-security-step:nth-child(2){
  background:#F0F2EE;
  color:#263028;
}

.support-security-step:nth-child(3){
  background:#F4EDE8;
  color:#352923;
}

.support-security-step:nth-child(4){
  background:#F1EDF0;
  color:#31272E;
}

.support-security-step__number{
  display:inline-flex;
  width:2.5rem;
  height:2.5rem;
  align-items:center;
  justify-content:center;
  border-radius:50%;
  background:#711706;
  color:#FFFFFF;
  font-family:var(--pm-font-mono);
  font-size:var(--pm-fs-0);
  font-weight:750;
}

.support-security-step h3{
  margin-top:var(--pm-space-2);
  font-family:var(--pm-font-body);
  font-weight:700;
}

.support-security-step p{
  margin-top:var(--pm-space-1);
}

.support-notice--security{
  background:#F0F2EE;
  color:#263028;
}

.support-notice--security strong,
.support-notice--security p{
  color:#263028;
}

.support-notice--security a{
  color:#711706;
  font-weight:750;
  overflow-wrap:anywhere;
}

.support-escalation{
  background:#F0F2EE;
  color:#263028;
}

.support-escalation__paired{
  align-items:start;
}

.support-escalation__paired .c-paired-side>*{
  flex:none;
}

.support-request-card{
  background:#FFFFFF;
  color:#242126;
}

.support-request-card>h3{
  font-family:var(--pm-font-body);
  font-weight:700;
}

.support-request-list{
  margin-top:var(--pm-space-3);
}

.support-request-list>div{
  display:grid;
  grid-template-columns:minmax(6rem,.35fr) minmax(0,1fr);
  gap:var(--pm-space-2);
  padding-block:var(--pm-space-2);
  border-bottom:1px solid rgba(36,33,38,.12);
}

.support-request-list>div:last-child{
  border-bottom:0;
}

.support-request-list span{
  color:#711706;
  font-family:var(--pm-font-mono);
  font-size:var(--pm-fs-1);
  font-weight:750;
}

.support-request-list p{
  color:#625E64;
}

.support-escalation__side>*{
  height:auto;
  flex:1;
}

.support-escalation-card{
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  gap:var(--pm-space-3);
}

.support-escalation-card .c-badge+h3{
  margin-top:var(--pm-space-2);
}

.support-escalation-card h3{
  font-family:var(--pm-font-body);
  font-weight:700;
}

.support-escalation-card p{
  margin-top:var(--pm-space-1);
}

.support-escalation-card .c-btn{
  align-self:flex-start;
  margin-top:var(--pm-space-2);
}

.support-faq{
  margin-top:var(--pm-space-4);
  border-top:0;
  background:#F0F2EE;
  color:#263028;
}

.support-faq details{
  background:#F0F2EE;
  color:#263028;
  border-bottom:1px solid rgba(38,48,40,.14);
}

.support-faq details:first-child{
  border-top:1px solid rgba(38,48,40,.14);
}

.support-faq summary{
  color:#263028;
}

.support-faq details[open] summary{
  margin-bottom:.75rem;
}

.support-faq .c-faq__body{
  padding-top:.875rem;
  border-top:1px solid rgba(38,48,40,.14);
  color:#4F5A51;
}

.support-faq .c-faq__body p{
  color:#4F5A51;
}

.support-cta{
  background:#F8F7F4;
  color:#212123;
}

.support-closing{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(16rem,.42fr);
  align-items:center;
  gap:clamp(2rem,7vw,6rem);
  padding:clamp(2rem,5vw,4.5rem);
  border-radius:var(--pm-radius-lg);
  background:#242126;
  color:#F8F7F4;
}

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

.support-closing__copy .c-kicker{
  background:#F4EDE8;
  color:#352923;
}

.support-closing__copy .c-kicker-dot{
  background:#711706;
}

.support-closing__copy .c-kicker+h2{
  margin-top:var(--pm-space-2);
}

.support-closing__copy h2{
  max-width:18ch;
  color:#FFFFFF;
  font-family:var(--pm-font-body);
  font-size:clamp(1.9rem,3.2vw,3rem);
  font-weight:710;
  line-height:1.18;
}

.support-closing__copy p{
  max-width:40rem;
  margin-top:var(--pm-space-2);
  color:#CFCAD1;
}

.support-closing__actions{
  display:flex;
  min-width:0;
  flex-direction:column;
  align-items:stretch;
  gap:var(--pm-space-2);
}

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

.support-closing__actions .c-btn-ghost{
  border-color:rgba(255,255,255,.42);
  background:transparent;
  color:#FFFFFF;
}

@keyframes support-lane-rise{
  from{
    opacity:0;
    transform:translateY(.7rem);
  }
  to{
    opacity:1;
    transform:none;
  }
}

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

  .support-hero__stage{
    height:auto;
    overflow:visible;
  }

  .support-board{
    height:auto;
    transform:none;
  }

  .support-section-head{
    grid-template-columns:1fr;
    align-items:start;
    gap:var(--pm-space-2);
  }

  .support-entry__grid,
  .support-ci__grid,
  .support-capacity-grid,
  .support-security__flow{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  .support-toolchain__side>*,
  .support-ssh__side>*,
  .support-escalation__side>*{
    flex:none;
    height:auto;
  }

  .support-closing{
    grid-template-columns:1fr;
    align-items:start;
  }

  .support-closing__actions{
    max-width:30rem;
  }
}

@media(max-width:48rem){
  .support-entry__grid,
  .support-ci__grid,
  .support-capacity-grid,
  .support-security__flow{
    grid-template-columns:1fr;
  }

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

  .support-timeline__check{
    grid-column:2;
  }

  .support-check-row{
    grid-template-columns:minmax(0,1fr) auto;
  }

  .support-check-row__code{
    grid-column:1/-1;
  }

  .support-board__lane{
    grid-template-columns:minmax(3.8rem,.65fr) minmax(0,2.2fr);
  }

  .support-board__result{
    grid-column:2;
    justify-self:start;
  }
}

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

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

  .support-board__head,
  .support-board__foot{
    align-items:flex-start;
    flex-direction:column;
  }

  .support-board__head{
    display:flex;
  }

  .support-board__scale{
    padding-inline:var(--pm-space-2);
  }

  .support-board__lanes{
    padding-inline:var(--pm-space-2);
  }

  .support-board__lane{
    grid-template-columns:1fr;
    gap:var(--pm-space-1);
  }

  .support-board__result{
    grid-column:auto;
  }

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

  .support-timeline__check{
    grid-column:auto;
  }

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

  .support-check-row__output{
    justify-self:start;
  }

  .support-ci-card dl div,
  .support-request-list>div{
    grid-template-columns:1fr;
  }

  .support-ci__sequence{
    align-items:stretch;
    flex-direction:column;
  }

  .support-ci__sequence svg{
    transform:rotate(90deg);
    align-self:center;
  }

  .support-closing{
    padding-inline:var(--pm-space-3);
  }

  .support-closing__actions{
    width:100%;
    max-width:none;
  }
}

@media(max-width:24.375rem){
  .support-board__status{
    white-space:normal;
  }

  .support-board__scale{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:var(--pm-space-1);
  }

  .support-board__scale span:last-child{
    text-align:left;
  }

  .support-timeline__item,
  .support-security-step,
  .support-ssh-card__body,
  .support-ssh-card--compact{
    padding-inline:var(--pm-space-3);
  }
}

@media(prefers-reduced-motion:reduce){
  .support-board,
  .support-board__block{
    animation:none;
    transform:none;
  }
}