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

.ra-hero-grid{
  display:grid;
  grid-template-columns:minmax(0,1.02fr) minmax(0,.98fr);
  align-items:start;
  gap:clamp(2.5rem,6vw,6rem);
}

.ra-hero-grid>*{
  min-width:0;
}

.ra-hero-copy{
  display:flex;
  min-width:0;
  flex-direction:column;
  align-items:flex-start;
  text-align:left;
}

.ra-hero-kicker{
  background:#FFFFFF;
  color:#292A35;
}

.ra-hero-kicker+.ra-hero-copy h1,
.ra-hero-kicker+h1{
  margin-top:var(--pm-space-2);
}

.ra-hero-copy h1{
  max-width:14ch;
  overflow-wrap:anywhere;
  font-size:clamp(2.5rem,4.5vw,3.85rem);
  line-height:1.16;
}

.ra-hero-lead{
  max-width:40rem;
  margin-top:var(--pm-space-2);
  color:#4F4B52;
  font-size:var(--pm-fs-3);
}

.ra-hero-actions{
  justify-content:flex-start;
  margin-top:var(--pm-space-3);
  margin-bottom:var(--pm-space-3);
}

.ra-hero-facts{
  display:grid;
  width:100%;
  grid-template-columns:repeat(3,minmax(0,1fr));
  margin:0;
  padding-top:var(--pm-space-3);
  border-top:1px solid color-mix(in srgb,#212123 12%,transparent);
}

.ra-hero-facts div{
  min-width:0;
  padding-inline:var(--pm-space-2);
}

.ra-hero-facts div:first-child{
  padding-left:0;
}

.ra-hero-facts div+div{
  border-left:1px solid color-mix(in srgb,#212123 12%,transparent);
}

.ra-hero-facts dt{
  color:#212123;
  font-family:var(--pm-font-mono);
  font-size:var(--pm-fs-2);
  font-variant-numeric:tabular-nums;
}

.ra-hero-facts dd{
  margin-top:.35rem;
  color:#66636A;
}

.ra-hero-stage{
  align-self:start;
  min-width:0;
  height:auto;
  text-align:left;
}

.ra-schedule-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;
}

.ra-board-head{
  display:flex;
  min-width:0;
  align-items:center;
  justify-content:space-between;
  gap:var(--pm-space-2);
  padding:var(--pm-space-3);
  background:#F4EDE8;
  color:#352923;
}

.ra-board-head>div{
  display:grid;
  min-width:0;
  gap:.35rem;
}

.ra-board-label{
  color:#6B554A;
  font-size:var(--pm-fs-0);
  font-weight:750;
  letter-spacing:.08em;
}

.ra-board-head strong{
  overflow-wrap:anywhere;
  font-family:var(--pm-font-heading);
  font-size:var(--pm-fs-4);
  line-height:1.2;
}

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

.ra-board-status span{
  width:.5rem;
  height:.5rem;
  border-radius:50%;
  background:#8A1D08;
}

.ra-board-summary{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:var(--pm-space-2);
  padding:var(--pm-space-3);
  background:#302C32;
  color:#F8F7F4;
}

.ra-board-summary div{
  display:grid;
  min-width:0;
  gap:.35rem;
}

.ra-board-summary span{
  color:#BBB6BE;
  font-size:var(--pm-fs-0);
}

.ra-board-summary strong{
  overflow-wrap:anywhere;
  color:#FFFFFF;
  font-size:var(--pm-fs-1);
}

.ra-lane-list{
  padding-inline:var(--pm-space-3);
  background:#242126;
  color:#F8F7F4;
}

.ra-lane{
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  align-items:start;
  gap:var(--pm-space-2);
  padding-block:var(--pm-space-2);
  border-bottom:1px solid rgba(255,255,255,.12);
}

.ra-lane time{
  padding-top:.15rem;
  color:#CFC9D1;
  font-size:var(--pm-fs-0);
}

.ra-lane>div{
  display:grid;
  min-width:0;
  gap:.35rem;
}

.ra-lane-tag{
  width:fit-content;
  padding:.2rem .5rem;
  border-radius:var(--pm-radius-pill);
  background:#F1EDF0;
  color:#31272E;
  font-size:var(--pm-fs-0);
  font-weight:750;
}

.ra-lane strong{
  overflow-wrap:anywhere;
  color:#FFFFFF;
  font-size:var(--pm-fs-1);
}

.ra-lane small{
  color:#BBB6BE;
}

.ra-lane-state{
  align-self:center;
  padding:.35rem .6rem;
  border-radius:var(--pm-radius-pill);
  background:#F0F2EE;
  color:#263028;
  font-size:var(--pm-fs-0);
  font-weight:750;
}

.ra-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:#7B1734;
  color:#FFFFFF;
}

.ra-board-foot span,
.ra-board-foot strong{
  color:#FFFFFF;
  font-size:var(--pm-fs-0);
}

.ra-section-head{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,.72fr);
  align-items:end;
  gap:var(--pm-space-4);
  margin-bottom:var(--pm-space-4);
}

.ra-section-head>div{
  display:flex;
  min-width:0;
  flex-direction:column;
  align-items:flex-start;
}

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

.ra-section-head h2{
  max-width:18ch;
  overflow-wrap:anywhere;
}

.ra-section-head>p{
  max-width:38rem;
  color:#66636A;
}

.ra-overview{
  background:#F8F7F4;
  color:#212123;
}

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

.ra-path-card{
  display:flex;
  min-width:0;
  flex-direction:column;
  align-items:flex-start;
  padding-inline:clamp(1.5rem,3vw,2rem);
}

.ra-card-mark{
  display:flex;
  min-width:0;
  flex-wrap:wrap;
  align-items:center;
  gap:var(--pm-space-1);
}

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

.ra-icon-chip svg{
  width:1.3rem;
  height:1.3rem;
}

.ra-path-card h3{
  margin-top:var(--pm-space-2);
}

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

.ra-path-spec{
  width:100%;
  margin:var(--pm-space-3) 0 0;
}

.ra-path-spec div{
  display:grid;
  grid-template-columns:minmax(4rem,.3fr) minmax(0,1fr);
  gap:var(--pm-space-2);
  padding-block:.7rem;
  border-top:1px solid color-mix(in srgb,currentColor 12%,transparent);
}

.ra-path-spec dt,
.ra-path-spec dd{
  min-width:0;
  overflow-wrap:anywhere;
  color:inherit;
}

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

.ra-overview-note p{
  margin-top:var(--pm-space-1);
  color:#574952;
}

.ra-desktop-section{
  background:#EEEFF4;
  color:#292A35;
}

.ra-desktop-section .ra-section-head>p{
  color:#5F5F69;
}

.ra-desktop-paired{
  align-items:stretch;
}

.ra-session-sheet{
  padding:0;
  overflow:hidden;
  background:#242126;
  color:#F8F7F4;
}

.ra-session-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:var(--pm-space-2);
  padding:var(--pm-space-3);
  background:#7B1734;
  color:#FFFFFF;
}

.ra-session-head>div{
  display:grid;
  min-width:0;
  gap:.35rem;
}

.ra-session-head span,
.ra-session-head strong{
  color:#FFFFFF;
}

.ra-session-head span{
  font-size:var(--pm-fs-0);
  letter-spacing:.08em;
}

.ra-session-steps{
  margin:0;
  padding:0 var(--pm-space-3) var(--pm-space-2);
  list-style:none;
}

.ra-session-steps li{
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  align-items:start;
  gap:var(--pm-space-2);
  padding-block:var(--pm-space-3);
  border-bottom:1px solid rgba(255,255,255,.12);
}

.ra-session-steps li:last-child{
  border-bottom:0;
}

.ra-step-number{
  display:inline-flex;
  width:2.4rem;
  height:2.4rem;
  align-items:center;
  justify-content:center;
  border-radius:50%;
  background:#F4EDE8;
  color:#352923;
  font-size:var(--pm-fs-0);
  font-weight:750;
}

.ra-session-steps h3{
  color:#FFFFFF;
  font-family:var(--pm-font-body);
  font-size:var(--pm-fs-3);
  font-weight:700;
  letter-spacing:0;
}

.ra-session-steps p{
  margin-top:var(--pm-space-1);
  color:#C9C3CB;
  font-size:var(--pm-fs-1);
}

.ra-step-result{
  align-self:center;
  padding:.4rem .65rem;
  border-radius:var(--pm-radius-pill);
  background:#F0F2EE;
  color:#263028;
  font-size:var(--pm-fs-0);
  font-weight:750;
}

.ra-session-side{
  display:grid;
  grid-template-rows:repeat(2,minmax(0,1fr));
  align-items:stretch;
}

.ra-session-side>*{
  height:auto;
}

.ra-side-card{
  display:flex;
  min-width:0;
  flex-direction:column;
  justify-content:space-between;
  padding-inline:clamp(1.5rem,3vw,2rem);
}

.ra-side-card>div{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
}

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

.ra-side-card h3+p{
  margin-top:var(--pm-space-1);
}

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

.ra-ssh-section{
  background:#F8F7F4;
  color:#212123;
}

.ra-ssh-grid{
  align-items:start;
}

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

.ra-command-copy{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
}

.ra-command-copy .c-badge+h3{
  margin-top:var(--pm-space-2);
}

.ra-command-copy h3+p{
  margin-top:var(--pm-space-1);
}

.ra-command-card pre{
  width:100%;
  margin:var(--pm-space-3) 0 0;
}

.ra-command-card.c-card-dark pre{
  background:#19181A;
  color:#F8F7F4;
}

.ra-dark-badge{
  background:#F4EDE8;
  color:#352923;
}

.ra-command-note{
  margin-top:var(--pm-space-2);
  color:inherit;
  font-size:var(--pm-fs-1);
}

.ra-command-card.c-card-dark .ra-command-note{
  color:#C9C3CB;
}

.ra-command-card.c-card-dark :not(pre)>code{
  background:#F1EDF0;
  color:#31272E;
}

.ra-ssh-checks{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  align-items:start;
  gap:var(--pm-space-3);
  margin-top:var(--pm-space-3);
}

.ra-ssh-checks article{
  min-width:0;
  padding:var(--pm-space-3);
  border-radius:var(--pm-radius-md);
  background:#F1EDF0;
  color:#31272E;
}

.ra-ssh-checks article:nth-child(2){
  background:#F4EDE8;
  color:#352923;
}

.ra-ssh-checks article:nth-child(3){
  background:#F0F2EE;
  color:#263028;
}

.ra-ssh-checks span{
  display:block;
  color:inherit;
  font-weight:750;
}

.ra-ssh-checks h3{
  margin-top:var(--pm-space-2);
  font-family:var(--pm-font-body);
  font-size:var(--pm-fs-3);
  font-weight:700;
  letter-spacing:0;
}

.ra-ssh-checks p{
  margin-top:var(--pm-space-1);
  color:inherit;
  opacity:.76;
}

.ra-migration-section{
  background:#F1EDF0;
  color:#31272E;
}

.ra-migration-section .ra-section-head>p{
  color:#655A61;
}

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

.ra-migration-card{
  padding-inline:clamp(1.5rem,3vw,2rem);
}

.ra-migration-top{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:var(--pm-space-1);
}

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

.ra-migration-card h3{
  margin-top:var(--pm-space-2);
}

.ra-migration-card dl{
  margin:var(--pm-space-3) 0 0;
}

.ra-migration-card dl div{
  padding-block:var(--pm-space-2);
  border-top:1px solid color-mix(in srgb,currentColor 12%,transparent);
}

.ra-migration-card dt,
.ra-migration-card dd{
  color:inherit;
}

.ra-migration-card dd{
  margin-top:.35rem;
  opacity:.76;
}

.ra-migration-note{
  margin-top:var(--pm-space-3);
  padding-inline:var(--pm-space-3);
  background:#FFFFFF;
  color:#242126;
}

.ra-migration-note p{
  margin-top:var(--pm-space-1);
  color:#5F5B61;
}

.ra-environment-section{
  background:#F8F7F4;
  color:#212123;
}

.ra-environment-paired{
  align-items:stretch;
}

.ra-manifest-card{
  padding-inline:clamp(1.5rem,3vw,2rem);
}

.ra-manifest-card>.c-badge+h3{
  margin-top:var(--pm-space-2);
}

.ra-manifest-list{
  margin-top:var(--pm-space-3);
}

.ra-manifest-list>div{
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  gap:var(--pm-space-2);
  padding-block:var(--pm-space-2);
  border-top:1px solid color-mix(in srgb,#31272E 12%,transparent);
}

.ra-check-icon{
  display:inline-flex;
  width:2rem;
  height:2rem;
  align-items:center;
  justify-content:center;
  border-radius:50%;
  background:#FFFFFF;
  color:#711706;
}

.ra-check-icon svg{
  width:1rem;
  height:1rem;
}

.ra-manifest-list strong{
  color:#31272E;
}

.ra-manifest-list p{
  margin-top:.35rem;
  color:#665B63;
  font-size:var(--pm-fs-1);
}

.ra-environment-side{
  display:grid;
  grid-template-rows:repeat(2,minmax(0,1fr));
  align-items:stretch;
}

.ra-environment-side>*{
  height:auto;
}

.ra-environment-card{
  display:flex;
  min-width:0;
  flex-direction:column;
  justify-content:space-between;
  padding-inline:clamp(1.5rem,3vw,2rem);
}

.ra-environment-card>div{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
}

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

.ra-environment-card h3+p{
  margin-top:var(--pm-space-1);
}

.ra-card-foot{
  display:block;
  margin-top:var(--pm-space-3);
  padding-top:var(--pm-space-2);
  border-top:1px solid color-mix(in srgb,currentColor 12%,transparent);
  color:inherit;
  font-size:var(--pm-fs-1);
  font-weight:700;
}

.ra-security-section{
  background:#EEEFF4;
  color:#292A35;
}

.ra-security-section .ra-section-head>p{
  color:#5F5F69;
}

.ra-security-grid{
  grid-template-columns:repeat(4,minmax(0,1fr));
  align-items:start;
}

.ra-security-card{
  padding-inline:clamp(1.5rem,3vw,2rem);
}

.ra-security-code{
  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;
}

.ra-security-card h3{
  margin-top:var(--pm-space-2);
}

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

.ra-security-ledger{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  margin-top:var(--pm-space-3);
  overflow:hidden;
  border-radius:var(--pm-radius-md);
  background:#242126;
  color:#F8F7F4;
}

.ra-security-ledger>div{
  min-width:0;
  padding:var(--pm-space-3);
}

.ra-security-ledger>div+div{
  border-left:1px solid rgba(255,255,255,.12);
}

.ra-security-ledger span{
  color:#C9806A;
  font-size:var(--pm-fs-0);
  font-weight:750;
  letter-spacing:.06em;
}

.ra-security-ledger strong{
  display:block;
  margin-top:var(--pm-space-2);
  color:#FFFFFF;
}

.ra-security-ledger p{
  margin-top:var(--pm-space-1);
  color:#C9C3CB;
  font-size:var(--pm-fs-1);
}

.ra-troubleshooting-section{
  background:#F8F7F4;
  color:#212123;
}

.ra-diagnostic-list{
  margin:0;
  padding:0;
  list-style:none;
  border-top:1px solid color-mix(in srgb,#212123 11%,transparent);
}

.ra-diagnostic-list li{
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  align-items:center;
  gap:var(--pm-space-3);
  padding-block:var(--pm-space-3);
  border-bottom:1px solid color-mix(in srgb,#212123 11%,transparent);
}

.ra-diagnostic-index{
  display:inline-flex;
  width:2.75rem;
  height:2.75rem;
  align-items:center;
  justify-content:center;
  border-radius:50%;
  background:#F1EDF0;
  color:#31272E;
  font-size:var(--pm-fs-0);
  font-weight:750;
}

.ra-diagnostic-list h3{
  font-family:var(--pm-font-body);
  font-size:var(--pm-fs-3);
  font-weight:700;
  letter-spacing:0;
}

.ra-diagnostic-list p{
  margin-top:var(--pm-space-1);
  color:#66636A;
}

.ra-diagnostic-output{
  width:fit-content;
  padding:.45rem .75rem;
  border-radius:var(--pm-radius-pill);
  background:#F0F2EE;
  color:#263028;
  font-size:var(--pm-fs-0);
  font-weight:750;
}

.ra-support-note{
  margin-top:var(--pm-space-4);
  padding-inline:var(--pm-space-3);
  background:#F4EDE8;
  color:#352923;
}

.ra-support-note p{
  margin-top:var(--pm-space-1);
  color:#67554C;
}

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

.ra-closing-section{
  padding-top:var(--pm-section-pad);
  padding-bottom:var(--pm-space-4);
  background:#F8F7F4;
  color:#212123;
}

.ra-closing-card{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(14rem,.38fr);
  align-items:center;
  gap:var(--pm-space-4);
  padding:clamp(2rem,5vw,4rem);
  border-radius:var(--pm-radius-lg);
  background:#242126;
  color:#F8F7F4;
}

.ra-closing-copy{
  display:flex;
  min-width:0;
  flex-direction:column;
  align-items:flex-start;
}

.ra-closing-kicker{
  background:#F4EDE8;
  color:#352923;
}

.ra-closing-kicker .c-kicker-dot{
  background:#711706;
}

.ra-closing-kicker+h2{
  margin-top:var(--pm-space-2);
}

.ra-closing-copy h2{
  max-width:18ch;
  color:#FFFFFF;
}

.ra-closing-copy p{
  max-width:42rem;
  margin-top:var(--pm-space-2);
  color:#C9C3CB;
}

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

.ra-closing-actions .c-btn{
  width:100%;
}

.ra-closing-actions .c-btn-ghost{
  border-color:rgba(255,255,255,.34);
  background:transparent;
  color:#FFFFFF;
}

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

  .ra-hero-copy h1{
    max-width:18ch;
  }

  .ra-hero-stage{
    width:100%;
    height:auto;
    overflow:visible;
  }

  .ra-schedule-board{
    height:auto;
    transform:none;
  }

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

  .ra-path-grid,
  .ra-migration-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

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

  .ra-session-side,
  .ra-environment-side{
    grid-template-rows:auto;
  }

  .ra-side-card,
  .ra-environment-card{
    min-height:0;
  }
}

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

  .ra-hero-facts div{
    padding:var(--pm-space-2) 0;
  }

  .ra-hero-facts div+div{
    border-top:1px solid color-mix(in srgb,#212123 12%,transparent);
    border-left:0;
  }

  .ra-board-head,
  .ra-board-foot{
    align-items:flex-start;
    flex-direction:column;
  }

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

  .ra-lane-state{
    grid-column:2;
    justify-self:start;
  }

  .ra-path-grid,
  .ra-migration-grid,
  .ra-ssh-checks,
  .ra-security-grid,
  .ra-security-ledger{
    grid-template-columns:1fr;
  }

  .ra-security-ledger>div+div{
    border-top:1px solid rgba(255,255,255,.12);
    border-left:0;
  }

  .ra-session-steps li{
    grid-template-columns:auto minmax(0,1fr);
  }

  .ra-step-result{
    grid-column:2;
    justify-self:start;
  }

  .ra-diagnostic-list li{
    grid-template-columns:auto minmax(0,1fr);
    align-items:start;
    gap:var(--pm-space-2);
  }

  .ra-diagnostic-output{
    grid-column:2;
    justify-self:start;
  }

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

  .ra-closing-actions{
    width:100%;
  }
}

@media(max-width:390px){
  .ra-hero{
    padding-block:var(--pm-space-5);
  }

  .ra-hero-copy h1{
    font-size:clamp(2.25rem,12vw,3rem);
  }

  .ra-board-summary{
    grid-template-columns:1fr;
  }

  .ra-lane{
    grid-template-columns:1fr;
  }

  .ra-lane-state{
    grid-column:1;
  }

  .ra-session-steps li,
  .ra-diagnostic-list li{
    grid-template-columns:1fr;
  }

  .ra-step-result,
  .ra-diagnostic-output{
    grid-column:1;
  }

  .ra-path-spec div{
    grid-template-columns:1fr;
    gap:.35rem;
  }

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

@media(prefers-reduced-motion:reduce){
  .ra-schedule-board{
    transform:none;
  }
}