.rb-hero{
  padding-top:var(--space-7);
  background:#243034;
  color:#FFFFFF;
}

.rb-hero-grid{
  display:grid;
  grid-template-columns:minmax(0,1.02fr) minmax(0,.98fr);
  align-items:start;
  gap:var(--space-6);
  padding-bottom:var(--space-6);
}

.rb-hero-copy{
  min-width:0;
  align-self:start;
}

.rb-hero-copy h1{
  max-width:18ch;
  overflow-wrap:anywhere;
  color:#FFFFFF;
  font-size:clamp(2.55rem,4.7vw,4rem);
  line-height:1.16;
}

.rb-hero-lead{
  max-width:42rem;
  margin-top:var(--space-1);
  color:#D5DDDE;
  font-size:var(--text-md);
}

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

.rb-hero .c-btn-ghost{
  color:#FFFFFF;
  border-color:rgba(255,255,255,.38);
}

.rb-hero .c-btn-ghost:hover{
  background:rgba(255,255,255,.08);
}

.rb-stage{
  min-width:0;
  height:auto;
  align-self:start;
  overflow:visible;
}

.rb-handoff-board{
  display:flex;
  width:100%;
  max-width:none;
  height:auto;
  min-width:0;
  flex-direction:column;
  padding:var(--space-4);
  border-radius:var(--radius-lg);
  background:#FFFFFF;
  color:#243034;
  box-shadow:var(--shadow-stage);
  transform:rotate(1.2deg);
  transform-origin:center;
}

.rb-board-head{
  display:flex;
  min-width:0;
  align-items:flex-start;
  justify-content:space-between;
  gap:var(--space-3);
  padding-bottom:var(--space-3);
  border-bottom:1px solid #D9DCD9;
}

.rb-board-head>div{
  min-width:0;
}

.rb-board-overline{
  display:block;
  color:#697276;
  font-family:var(--font-mono);
  font-size:var(--text-xs);
  line-height:1.4;
  letter-spacing:.08em;
  overflow-wrap:anywhere;
}

.rb-board-head h2{
  margin-top:var(--space-1);
  color:#243034;
  font-size:var(--text-xl);
  line-height:1.2;
}

.rb-board-head .c-badge{
  flex:0 0 auto;
  width:fit-content;
  align-self:flex-start;
}

.rb-board-facts{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  margin:0;
}

.rb-board-facts>div{
  min-width:0;
  padding:var(--space-2) 0;
  border-bottom:1px solid #D9DCD9;
}

.rb-board-facts>div:nth-child(odd){
  padding-right:var(--space-2);
}

.rb-board-facts>div:nth-child(even){
  padding-left:var(--space-2);
}

.rb-board-facts dt{
  color:#697276;
  font-size:var(--text-xs);
}

.rb-board-facts dd{
  margin-top:var(--space-1);
  color:#243034;
  font-size:var(--text-sm);
  overflow-wrap:anywhere;
}

.rb-route-strip{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:var(--space-1);
  margin-top:var(--space-3);
}

.rb-route-strip>div{
  min-width:0;
  padding:var(--space-2);
  background:#F4E6B8;
  color:#302811;
}

.rb-route-strip span,
.rb-route-strip strong{
  display:block;
  overflow-wrap:anywhere;
}

.rb-route-strip span{
  color:#6B4A17;
  font-size:var(--text-xs);
}

.rb-route-strip strong{
  margin-top:var(--space-1);
  font-size:var(--text-sm);
  line-height:1.35;
}

.rb-board-foot{
  display:flex;
  min-width:0;
  align-items:flex-end;
  justify-content:space-between;
  gap:var(--space-2);
  margin-top:var(--space-3);
  padding-top:var(--space-3);
  padding-bottom:var(--space-1);
  color:#697276;
  font-size:var(--text-sm);
}

.rb-board-foot strong{
  color:#243034;
  text-align:right;
}

.rb-data-band{
  margin-bottom:var(--space-3);
  background:#192529;
  color:#FFFFFF;
}

.rb-data-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
}

.rb-data-item{
  min-width:0;
  padding:var(--space-3) var(--space-4);
  border-right:1px solid rgba(255,255,255,.16);
}

.rb-data-item:last-child{
  border-right:0;
}

.rb-data-item span,
.rb-data-item strong{
  display:block;
  overflow-wrap:anywhere;
}

.rb-data-item span{
  color:#B9C4C5;
  font-size:var(--text-xs);
}

.rb-data-item strong{
  margin-top:var(--space-1);
  color:#FFFFFF;
  font-size:var(--text-lg);
  line-height:1.25;
}

.rb-section{
  padding-block:var(--space-7);
}

.rb-section-head{
  display:grid;
  grid-template-columns:minmax(0,1.05fr) minmax(0,.75fr);
  align-items:end;
  gap:var(--space-5);
  margin-bottom:var(--space-5);
}

.rb-section-head>*{
  min-width:0;
}

.rb-section-head>p{
  color:#697276;
}

.rb-heading-copy{
  min-width:0;
}

.rb-heading-copy h2{
  max-width:22ch;
  overflow-wrap:anywhere;
}

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

.rb-node-card{
  display:flex;
  min-width:0;
  height:auto;
  flex-direction:column;
  padding:var(--space-4);
}

.rb-node-card>p{
  margin-top:var(--space-2);
  color:inherit;
  opacity:.82;
}

.rb-node-card-dark{
  background:#243034;
  color:#FFFFFF;
}

.rb-node-card-dark p,
.rb-node-card-dark dt{
  color:#C7D0D1;
}

.rb-node-card-dark dd,
.rb-node-card-dark h3{
  color:#FFFFFF;
}

.rb-node-top{
  display:flex;
  min-width:0;
  align-items:flex-start;
  justify-content:space-between;
  gap:var(--space-2);
}

.rb-node-top>div{
  min-width:0;
}

.rb-node-top svg{
  flex:0 0 1.5rem;
}

.rb-node-code{
  display:block;
  margin-bottom:var(--space-1);
  color:inherit;
  font-size:var(--text-xs);
  font-weight:700;
  letter-spacing:.08em;
}

.rb-node-top h3{
  overflow-wrap:anywhere;
}

.rb-node-meta{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:var(--space-2);
  margin:var(--space-3) 0 0;
}

.rb-node-meta>div{
  min-width:0;
  padding-top:var(--space-2);
  border-top:1px solid color-mix(in srgb,currentColor 18%,transparent);
}

.rb-node-meta dt{
  color:inherit;
  font-size:var(--text-xs);
  opacity:.68;
}

.rb-node-meta dd{
  margin-top:var(--space-1);
  color:inherit;
  font-size:var(--text-sm);
  overflow-wrap:anywhere;
}

.rb-node-order{
  display:inline-flex;
  width:fit-content;
  max-width:100%;
  align-items:center;
  justify-content:center;
  margin-top:var(--space-3);
  padding:.7rem .9rem;
  border:1px solid color-mix(in srgb,currentColor 36%,transparent);
  color:inherit;
  font-size:var(--text-sm);
  line-height:1.4;
  font-weight:750;
  text-align:center;
  overflow-wrap:anywhere;
}

.rb-node-order:hover{
  background:color-mix(in srgb,currentColor 8%,transparent);
}

.rb-principles{
  background:#D5E7E4;
  color:#18302F;
}

.rb-principles .rb-section-head>p{
  color:#385351;
}

.rb-principle-grid{
  align-items:start;
}

.rb-principle-card{
  display:flex;
  height:auto;
  min-width:0;
  flex-direction:column;
  padding:var(--space-4);
  background:#FFFFFF;
  color:#243034;
}

.rb-icon-chip{
  display:inline-flex;
  width:3rem;
  height:3rem;
  align-items:center;
  justify-content:center;
  margin-bottom:var(--space-2);
  border-radius:var(--radius-sm);
  background:#D5E7E4;
  color:#18302F;
}

.rb-principle-card .c-badge{
  width:fit-content;
  align-self:flex-start;
  margin-bottom:var(--space-3);
}

.rb-principle-card h3{
  overflow-wrap:anywhere;
}

.rb-principle-card p{
  margin-top:var(--space-1);
  color:#4C585B;
  opacity:1;
}

.rb-measure-note{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  margin-bottom:var(--space-3);
  background:#F4E6B8;
  color:#302811;
}

.rb-measure-note>div{
  min-width:0;
  padding:var(--space-3);
}

.rb-measure-note strong,
.rb-measure-note span{
  display:block;
  overflow-wrap:anywhere;
}

.rb-measure-note strong{
  font-size:var(--text-sm);
}

.rb-measure-note span{
  margin-top:var(--space-1);
  color:#5C512E;
  font-size:var(--text-sm);
  line-height:1.5;
}

.rb-table-wrap{
  border-radius:var(--radius-md);
  background:#FFFFFF;
  color:#243034;
}

.rb-latency-table,
.rb-availability-table{
  min-width:58rem;
}

.rb-latency-table caption,
.rb-availability-table caption{
  padding:var(--space-2) 1.1rem;
  background:#FFFFFF;
  color:#697276;
  font-size:var(--text-xs);
  text-align:left;
  caption-side:top;
}

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

.rb-latency-guidance{
  margin-top:var(--space-3);
  padding:var(--space-3) var(--space-4);
  background:#F4E6B8;
  color:#302811;
}

.rb-latency-guidance p{
  color:#514625;
}

.rb-apac{
  background:#F2D7D5;
  color:#321E20;
}

.rb-apac .rb-section-head>p{
  color:#614345;
}

.rb-apac-grid{
  grid-template-columns:repeat(2,minmax(0,1fr));
  align-items:start;
}

.rb-workload-card{
  display:flex;
  height:auto;
  min-width:0;
  flex-direction:column;
  padding:var(--space-4);
  background:#FFFFFF;
  color:#243034;
}

.rb-workload-head{
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  align-items:start;
  gap:var(--space-2);
}

.rb-workload-head .rb-node-code{
  margin:0;
  padding:.35rem .55rem;
  background:#F2D7D5;
  color:#321E20;
}

.rb-workload-head h3{
  overflow-wrap:anywhere;
}

.rb-workload-card>p{
  margin-top:var(--space-2);
  color:#566064;
  opacity:1;
}

.rb-workload-card ul{
  margin-top:var(--space-2);
  color:#394548;
}

.rb-fit-line{
  display:flex;
  min-width:0;
  align-items:flex-start;
  justify-content:space-between;
  gap:var(--space-2);
  margin-top:var(--space-3);
  padding-top:var(--space-2);
  border-top:1px solid #D9DCD9;
}

.rb-fit-line span,
.rb-fit-line strong{
  min-width:0;
  font-size:var(--text-sm);
  overflow-wrap:anywhere;
}

.rb-fit-line span{
  color:#697276;
}

.rb-fit-line strong{
  color:#243034;
  text-align:right;
}

.rb-uswest-panel{
  display:grid;
  grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);
  align-items:stretch;
  min-width:0;
  overflow:hidden;
  border-radius:var(--radius-lg);
  background:#F4E6B8;
  color:#302811;
}

.rb-uswest-copy{
  min-width:0;
  padding:var(--space-5);
}

.rb-uswest-copy h2{
  max-width:20ch;
  overflow-wrap:anywhere;
}

.rb-uswest-copy>p{
  max-width:44rem;
  margin-top:var(--space-2);
  color:#5B502E;
}

.rb-uswest-facts{
  display:grid;
  gap:0;
  margin-top:var(--space-4);
}

.rb-uswest-facts>div{
  display:grid;
  grid-template-columns:minmax(8rem,.55fr) minmax(0,1fr);
  gap:var(--space-2);
  padding:var(--space-2) 0;
  border-top:1px solid rgba(48,40,17,.18);
}

.rb-uswest-facts span,
.rb-uswest-facts strong{
  min-width:0;
  overflow-wrap:anywhere;
}

.rb-uswest-facts span{
  color:#6B603E;
  font-size:var(--text-sm);
}

.rb-uswest-facts strong{
  color:#302811;
  font-size:var(--text-sm);
}

.rb-uswest-schedule{
  display:flex;
  min-width:0;
  flex-direction:column;
  padding:var(--space-5);
  background:#243034;
  color:#FFFFFF;
}

.rb-schedule-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:var(--space-2);
  padding-bottom:var(--space-3);
  border-bottom:1px solid rgba(255,255,255,.16);
}

.rb-schedule-head span{
  color:#C7D0D1;
  font-size:var(--text-sm);
}

.rb-schedule-head strong{
  color:#FFFFFF;
}

.rb-uswest-schedule ol{
  display:grid;
  gap:0;
  margin:0;
  padding:0;
  list-style:none;
}

.rb-uswest-schedule li{
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  gap:var(--space-2);
  padding:var(--space-3) 0;
  border-bottom:1px solid rgba(255,255,255,.16);
}

.rb-uswest-schedule li>span{
  display:inline-flex;
  width:2.5rem;
  height:2.5rem;
  align-items:center;
  justify-content:center;
  background:#F4E6B8;
  color:#302811;
  font-size:var(--text-xs);
}

.rb-uswest-schedule li>div{
  min-width:0;
}

.rb-uswest-schedule li strong{
  color:#FFFFFF;
}

.rb-uswest-schedule li p{
  margin-top:var(--space-1);
  color:#BCC7C8;
  font-size:var(--text-sm);
}

.rb-availability{
  background:#243034;
  color:#FFFFFF;
}

.rb-availability .rb-section-head>p{
  color:#C4CECF;
}

.rb-availability-table tbody td:first-child{
  min-width:16rem;
}

.rb-availability-table td strong,
.rb-availability-table td span{
  display:block;
}

.rb-availability-table td>span.u-mono{
  margin-top:var(--space-1);
  color:#697276;
  font-size:var(--text-xs);
}

.rb-status{
  display:inline-flex;
  width:fit-content;
  align-items:center;
  gap:.45rem;
  padding:.4rem .65rem;
  border-radius:999px;
  background:#D5E7E4;
  color:#18302F;
  font-size:var(--text-xs);
  font-weight:800;
}

.rb-status::before{
  width:.4rem;
  height:.4rem;
  border-radius:50%;
  background:#406E5D;
  content:"";
}

.rb-availability-note{
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  align-items:center;
  gap:var(--space-4);
  margin-top:var(--space-3);
  padding:var(--space-3) var(--space-4);
  border-radius:var(--radius-md);
  background:#303F43;
  color:#FFFFFF;
}

.rb-availability-note div{
  min-width:0;
}

.rb-availability-note strong,
.rb-availability-note span{
  display:block;
}

.rb-availability-note span{
  margin-top:var(--space-1);
  color:#E7C27C;
}

.rb-availability-note p{
  color:#C7D0D1;
}

.rb-migration{
  background:#DAD9EA;
  color:#25243A;
}

.rb-migration .rb-section-head>p{
  color:#504F68;
}

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

.rb-migration-steps li{
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  align-items:start;
  gap:var(--space-2);
  height:auto;
  min-width:0;
  padding:var(--space-4);
  background:#FFFFFF;
  color:#243034;
}

.rb-step-number{
  display:inline-flex;
  width:2.75rem;
  height:2.75rem;
  align-items:center;
  justify-content:center;
  border-radius:var(--radius-sm);
  background:#DAD9EA;
  color:#25243A;
  font-size:var(--text-xs);
  font-weight:800;
}

.rb-migration-steps li>div{
  min-width:0;
}

.rb-migration-steps h3{
  overflow-wrap:anywhere;
}

.rb-migration-steps p{
  margin-top:var(--space-1);
  color:#566064;
  opacity:1;
}

.rb-migration-note{
  margin-top:var(--space-3);
  padding:var(--space-3) var(--space-4);
  background:#F4E6B8;
  color:#302811;
}

.rb-migration-note p{
  color:#514625;
}

.rb-closing-section{
  padding-block:var(--space-7);
}

.rb-closing{
  padding:var(--space-5);
  background:#243034;
  color:#FFFFFF;
}

.rb-closing-copy{
  min-width:0;
}

.rb-closing-copy h2{
  max-width:20ch;
  color:#FFFFFF;
  overflow-wrap:anywhere;
}

.rb-closing-copy p{
  max-width:44rem;
  margin-top:var(--space-2);
  color:#C7D0D1;
}

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

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

.rb-closing-actions .c-btn-ghost{
  color:#FFFFFF;
  border-color:rgba(255,255,255,.38);
}

.rb-closing-actions .c-btn-ghost:hover{
  background:rgba(255,255,255,.08);
}

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

  .rb-hero-copy h1{
    max-width:20ch;
  }

  .rb-stage{
    width:100%;
    height:auto;
    min-height:0;
    overflow:visible;
  }

  .rb-handoff-board{
    height:auto;
    min-height:0;
    transform:none;
  }

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

  .rb-data-item:nth-child(2){
    border-right:0;
  }

  .rb-data-item:nth-child(-n+2){
    border-bottom:1px solid rgba(255,255,255,.16);
  }

  .rb-measure-note{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  .rb-uswest-panel{
    grid-template-columns:1fr;
  }
}

@media(max-width:48rem){
  .rb-hero{
    padding-top:var(--space-6);
  }

  .rb-hero-grid{
    gap:var(--space-5);
  }

  .rb-hero-copy h1{
    max-width:none;
    font-size:clamp(2.35rem,11vw,3.35rem);
  }

  .rb-section,
  .rb-closing-section{
    padding-block:var(--space-6);
  }

  .rb-section-head{
    grid-template-columns:1fr;
    align-items:start;
    gap:var(--space-3);
    margin-bottom:var(--space-4);
  }

  .rb-heading-copy h2{
    max-width:none;
  }

  .rb-apac-grid{
    grid-template-columns:1fr;
  }

  .rb-node-meta{
    grid-template-columns:1fr;
  }

  .rb-uswest-copy,
  .rb-uswest-schedule{
    padding:var(--space-4);
  }

  .rb-availability-note{
    grid-template-columns:1fr;
    align-items:start;
  }

  .rb-closing{
    grid-template-columns:1fr;
  }

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

@media(max-width:24.375rem){
  .rb-board-head{
    flex-direction:column;
  }

  .rb-board-facts{
    grid-template-columns:1fr;
  }

  .rb-board-facts>div:nth-child(odd),
  .rb-board-facts>div:nth-child(even){
    padding-inline:0;
  }

  .rb-route-strip{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  .rb-board-foot{
    align-items:flex-start;
    flex-direction:column;
  }

  .rb-board-foot strong{
    text-align:left;
  }

  .rb-data-grid,
  .rb-measure-note{
    grid-template-columns:1fr;
  }

  .rb-data-item{
    border-right:0;
    border-bottom:1px solid rgba(255,255,255,.16);
  }

  .rb-data-item:last-child{
    border-bottom:0;
  }

  .rb-workload-head,
  .rb-migration-steps li{
    grid-template-columns:1fr;
  }

  .rb-uswest-facts>div{
    grid-template-columns:1fr;
  }

  .rb-fit-line{
    flex-direction:column;
  }

  .rb-fit-line strong{
    text-align:left;
  }

  .rb-hero-actions .c-btn{
    width:100%;
    white-space:normal;
  }
}
