.remote-page [hidden]{display:none!important}

.remote-hero.c-hero{
  padding-block:var(--hero-pad);
  background:#FFFFFF;
  background-image:linear-gradient(180deg,#F7F7F5 0%,#FFFFFF 100%);
  color:#232733;
}

.remote-hero-grid.c-hero-split{
  display:grid;
  grid-template-columns:minmax(0,1.1fr) minmax(22rem,.9fr);
  align-items:start;
  gap:var(--space-8);
}

.remote-hero-copy.c-hero-copy{
  display:block;
  min-width:0;
  padding:0;
  text-align:left;
}

.remote-hero .remote-hero-copy h1{
  max-width:none;
  margin:0;
  color:#232733;
  font-size:var(--fs-display);
  line-height:var(--lh-tight);
  font-style:normal;
  overflow-wrap:break-word;
}

.remote-page .remote-kicker{
  display:inline-flex;
  align-items:center;
  gap:var(--space-2);
  width:fit-content;
  max-width:100%;
  margin:0 0 var(--space-3);
  color:#656B7A;
  font-size:var(--fs-xs);
  line-height:var(--lh-body);
}

.remote-hero .remote-lead{
  margin:var(--space-4) 0 0;
  color:#232733;
}

.remote-intro{
  max-width:34rem;
  margin-top:var(--space-2);
  color:#3A3F4B;
  overflow-wrap:break-word;
}

.remote-hero .remote-hero-actions{
  justify-content:flex-start;
  margin-top:var(--space-5);
  margin-bottom:var(--space-4);
}

.remote-hero .remote-hero-hint{
  max-width:34rem;
  margin:0;
  color:#656B7A;
  font-size:var(--fs-sm);
}

.remote-hero-stage.c-hero-stage{
  display:block;
  min-width:0;
  width:100%;
  height:auto;
  min-height:0;
  padding:0;
  text-align:left;
}

.remote-access-card{
  width:100%;
  max-width:none;
  height:auto;
  padding:0;
  overflow:hidden;
  border:1px solid var(--line);
  border-radius:var(--radius-md);
  background:#FFFFFF;
  color:#232733;
  box-shadow:var(--shadow-card);
}

.remote-card-head{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:space-between;
  gap:var(--space-3);
  padding:var(--space-4);
  background:#F7F7F5;
  color:#232733;
}

.remote-card-code{
  min-width:0;
  font-size:var(--fs-xs);
  overflow-wrap:break-word;
}

.remote-card-head .c-badge{
  margin:0;
  line-height:1;
}

.remote-card-body{
  padding:var(--space-4);
}

.remote-card-body h2{
  color:#232733;
  font-size:var(--fs-card);
  line-height:var(--lh-heading);
}

.remote-card-body>p{
  margin-top:var(--space-2);
  color:#626877;
  font-size:var(--fs-sm);
}

.remote-access-fields{
  display:grid;
  margin-top:var(--space-4);
}

.remote-access-fields>div{
  display:grid;
  grid-template-columns:minmax(5.5rem,.55fr) minmax(0,1fr);
  align-items:baseline;
  gap:var(--space-3);
  padding-block:var(--space-3);
  border-top:1px solid var(--line);
}

.remote-access-fields dt,
.remote-access-fields dd{
  min-width:0;
  overflow-wrap:break-word;
}

.remote-access-fields dt{
  color:#626877;
}

.remote-access-fields dd{
  color:#232733;
}

.remote-card-foot{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:var(--space-3);
  padding:var(--space-4);
  background:#F7F7F5;
  color:#232733;
}

.remote-card-foot>span{
  padding:var(--space-2) var(--space-3);
  border-radius:var(--radius-md);
  background:#FFFFFF;
  color:#232733;
  font-size:var(--fs-sm);
}

.remote-card-foot>p{
  flex:1 1 12rem;
  min-width:0;
  color:#626877;
  font-size:var(--fs-sm);
}

.remote-section-head{
  margin-bottom:var(--space-5);
}

.remote-section-head>h2{
  color:#232733;
}

.remote-section-head>p:not(.remote-kicker){
  max-width:50rem;
  margin-top:var(--space-2);
  color:#3A3F4B;
  overflow-wrap:break-word;
}

.remote-method-grid{
  grid-template-columns:repeat(3,minmax(0,1fr));
}

.remote-method-card.c-card,
.remote-linux-card.c-card{
  display:flex;
  flex-direction:column;
  align-items:stretch;
  gap:var(--space-3);
  height:100%;
  min-width:0;
  padding:var(--space-5);
  border-radius:var(--radius-md);
  background:#F7F7F5;
  color:#232733;
}

.remote-method-card.c-card h3,
.remote-linux-card.c-card h3{
  color:#232733;
  font-size:var(--fs-card);
}

.remote-method-card.c-card p,
.remote-linux-card.c-card p{
  color:#3A3F4B;
  overflow-wrap:break-word;
}

.remote-method-card .remote-method-foot{
  align-self:flex-start;
  margin-top:auto;
  background:#FFFFFF;
  color:#232733;
  line-height:1;
}

.remote-soft-section{
  background:#F7F7F5;
  color:#232733;
}

.remote-step-list{
  display:grid;
  list-style:none;
  padding:0;
  margin:0;
}

.remote-step-list>.remote-step-row{
  display:grid;
  grid-template-columns:2.5rem minmax(7.5rem,11rem) minmax(0,1fr);
  align-items:start;
  gap:var(--space-3);
  padding-block:var(--space-4);
  border-top:1px solid var(--line);
}

.remote-step-row>*{
  min-width:0;
  overflow-wrap:break-word;
}

.remote-step-number{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:2.5rem;
  height:2.5rem;
  border-radius:var(--radius-md);
  background:#FFFFFF;
  color:#232733;
  font-size:var(--fs-sm);
  line-height:1;
}

.remote-step-row h3{
  padding-top:var(--space-2);
  color:#232733;
  font-size:var(--fs-card);
}

.remote-step-copy{
  display:grid;
  gap:var(--space-2);
}

.remote-step-copy p{
  color:#3A3F4B;
}

.remote-note{
  margin-top:var(--space-5);
}

.remote-note-actions{
  justify-content:flex-start;
  margin-top:var(--space-3);
}

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

.remote-light-code{
  position:relative;
  width:100%;
  max-width:100%;
  overflow-x:auto;
  padding:var(--space-4);
  border-radius:var(--radius-md);
  background:#FFFFFF;
  color:#232733;
}

.remote-light-code code{
  color:#232733;
}

.remote-terminal-figure{
  min-width:0;
}

.remote-terminal-figure .c-terminal-mock{
  height:auto;
  min-width:0;
  padding:0;
}

.remote-terminal-figure pre{
  position:relative;
  max-width:100%;
  overflow-x:auto;
}

.remote-terminal-figure figcaption{
  margin-top:var(--space-3);
  color:#626877;
}

.remote-build-notes{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  align-items:start;
  gap:var(--space-5);
  margin-top:var(--space-5);
}

.remote-build-note{
  min-width:0;
}

.remote-build-note h3{
  color:#232733;
  font-size:var(--fs-card);
}

.remote-build-note p{
  margin-top:var(--space-2);
  color:#3A3F4B;
  overflow-wrap:break-word;
}

.remote-latency-table{
  display:table;
  width:100%;
  min-width:44rem;
  font-variant-numeric:tabular-nums;
}

.remote-latency-table th,
.remote-latency-table td{
  text-align:left;
}

.remote-latency-table th:first-child,
.remote-latency-table td:first-child{
  min-width:8rem;
}

.remote-latency-table td:nth-child(3){
  white-space:nowrap;
}

.remote-table-note{
  max-width:56rem;
  margin-top:var(--space-3);
  color:#656B7A;
  font-size:var(--fs-sm);
}

.remote-final-section{
  padding-bottom:var(--space-close);
}

.remote-closing.c-closing{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  gap:var(--space-6);
  padding:var(--space-6);
  border-radius:var(--radius-md);
  background:#232733;
  color:#FFFFFF;
  text-align:left;
}

.remote-closing .remote-closing-copy{
  min-width:0;
  text-align:left;
}

.remote-closing .remote-closing-copy h2{
  margin:0;
  color:#FFFFFF;
  font-size:var(--fs-section);
  line-height:var(--lh-heading);
}

.remote-closing .remote-closing-copy p{
  max-width:44rem;
  margin:var(--space-2) 0 0;
  color:#CDD1DC;
  font-size:var(--fs-base);
}

.remote-closing .remote-closing-actions{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:var(--space-2);
  margin:0;
}

.remote-closing .c-btn--primary{
  background:#FFFFFF;
  color:#2F4486;
  border-color:#FFFFFF;
}

.remote-closing .c-btn--primary:hover{
  background:#F7F7F5;
  color:#2F4486;
  border-color:#F7F7F5;
}

@media(max-width:64rem){
  .remote-hero-grid.c-hero-split{
    gap:var(--space-5);
  }

  .remote-method-grid{
    grid-template-columns:minmax(0,1fr);
  }
}

@media(max-width:48rem){
  .remote-hero-grid.c-hero-split{
    grid-template-columns:minmax(0,1fr);
    gap:var(--space-6);
  }

  .remote-hero-stage.c-hero-stage{
    height:auto;
    overflow:visible;
  }

  .remote-access-card{
    height:auto;
  }

  .remote-linux-grid,
  .remote-build-notes{
    grid-template-columns:minmax(0,1fr);
  }

  .remote-closing.c-closing{
    grid-template-columns:minmax(0,1fr);
  }

  .remote-closing .remote-closing-actions{
    align-items:flex-start;
    justify-content:flex-start;
    margin-top:var(--space-3);
  }
}

@media(max-width:42rem){
  .remote-step-list>.remote-step-row{
    grid-template-columns:2.25rem minmax(0,1fr);
  }

  .remote-step-row>:nth-child(3){
    grid-column:2;
  }

  .remote-step-number{
    width:2.25rem;
    height:2.25rem;
  }

  .remote-step-row h3{
    padding-top:var(--space-1);
  }

  .remote-method-card.c-card,
  .remote-linux-card.c-card{
    padding:var(--space-4);
  }

  .remote-closing.c-closing{
    padding:var(--space-4);
  }

  .remote-access-fields>div{
    grid-template-columns:minmax(0,1fr);
    gap:var(--space-2);
  }
}