.about-hero{
  background:var(--rv-paper);
}

.about-hero-copy{
  display:grid;
  gap:var(--rv-space-1);
  align-content:center;
  align-items:start;
  min-width:0;
}

.about-hero-copy h1{
  max-width:43rem;
}

.about-hero-copy > p{
  max-width:41rem;
}

.about-hero-facts{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  width:100%;
  margin-block:var(--rv-space-2);
  padding-block:var(--rv-space-2);
  border-block:1px solid var(--rv-line);
}

.about-hero-facts > div{
  display:grid;
  min-width:0;
  gap:var(--rv-space-1);
  padding-inline:var(--rv-space-2);
}

.about-hero-facts > div + div{
  border-left:1px solid var(--rv-line);
}

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

.about-hero-facts strong{
  color:#173532;
  font-size: clamp(1.35rem,5cqi,2rem);
  line-height:1.1;
  overflow-wrap:anywhere;
}

.about-hero-facts span{
  color:#596866;
  font-size:var(--rv-fs-1);
  line-height:1.45;
}

.about-runbook{
  display:flex;
  flex-direction:column;
  height:auto;min-height:0;
  min-width:0;
  padding:var(--rv-space-3);
  border-radius:var(--rv-radius-lg);
  background:var(--rv-dark);
  color:#effbf7;
  box-shadow:var(--rv-shadow-float);
}

.about-runbook-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:var(--rv-space-2);
  padding-bottom:var(--rv-space-3);
  border-bottom:1px solid var(--rv-line-dark);
}

.about-runbook-head > div{
  display:grid;
  min-width:0;
  gap:var(--rv-space-1);
}

.about-runbook-head span{
  color:#b8d2cc;
  font-size:var(--rv-fs-0);
  line-height:1.4;
  letter-spacing:.08em;
}

.about-runbook-head strong{
  color:#effbf7;
  font-family:var(--rv-font-heading);
  font-size:var(--rv-fs-3);
  line-height:1.35;
}

.about-runbook-state{
  display:inline-flex;
  flex:0 0 auto;
  align-items:center;
  gap:var(--rv-space-1);
  padding:.45rem .8rem;
  border-radius:var(--rv-radius-pill);
  background:var(--rv-mint);
  color:#173532 !important;
  letter-spacing:0 !important;
}

.about-runbook-state span{
  width:.5rem;
  height:.5rem;
  border-radius:50%;
  background:var(--rv-success);
}

.about-runbook-route{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) auto minmax(0,1fr);
  align-items:center;
  gap:var(--rv-space-1);
  padding-block:var(--rv-space-3);
  color:#dceef1;
  text-align:center;
}

.about-runbook-route span{
  min-width:0;
  padding:.65rem .5rem;
  border-radius:var(--rv-radius-sm);
  background:#244640;
  color:#effbf7;
  font-size:var(--rv-fs-1);
  line-height:1.4;
  overflow-wrap:anywhere;
}

.about-runbook-route svg{
  width:1rem;
  height:1rem;
  color:var(--rv-accent);
}

.about-runbook-spec{
  display:grid;
  margin:0;
}

.about-runbook-spec > div{
  display:grid;
  grid-template-columns:minmax(7rem,.7fr) minmax(0,1.3fr);
  gap:var(--rv-space-2);
  padding-block:.75rem;
  border-top:1px solid var(--rv-line-dark);
}

.about-runbook-spec dt{
  min-width:0;
  color:#a9c2bc;
}

.about-runbook-spec dd{
  min-width:0;
  color:#effbf7;
  overflow-wrap:anywhere;
}

.about-runbook-foot{
  display:flex;
  flex-wrap:wrap;
  gap:var(--rv-space-1);
  margin-top:auto;
  padding-top:var(--rv-space-3);
}

.about-runbook-foot span{
  padding:.4rem .7rem;
  border-radius:var(--rv-radius-pill);
  background:var(--rv-blue);
  color:#173532;
  font-size:var(--rv-fs-0);
  font-weight:700;
  line-height:1.4;
}

.about-section-head{
  display:grid;
  max-width:50rem;
  gap:var(--rv-space-1);
  align-items:start;
  margin-bottom:var(--rv-space-4);
}

.about-section-head h2,
.about-section-head p{
  margin-inline:0;
}

.about-origin-grid{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  gap:var(--rv-space-4);
  align-items:start;
}

.about-origin-story{
  display:grid;
  gap:var(--rv-space-1);
  min-width:0;
  padding:var(--rv-space-3);
  border-radius:var(--rv-radius-md);
  background:var(--rv-yellow);
  color:#3d3d2f;
}

.about-origin-story p{
  color:#62614e;
}

.about-origin-story p + p{
  margin-top:var(--rv-space-2);
}

.about-origin-steps{
  display:grid;
  gap:var(--rv-space-2);
}

.about-origin-steps article{
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  gap:var(--rv-space-2);
  min-width:0;
  padding:var(--rv-space-3);
  border-radius:var(--rv-radius-md);
  background:var(--rv-surface);
  color:#172321;
  box-shadow:var(--rv-shadow-soft);
}

.about-origin-steps article > span{
  display:inline-flex;
  width:2.75rem;
  height:2.75rem;
  align-items:center;
  justify-content:center;
  border-radius:50%;
  background:var(--rv-primary);
  color:#103a35;
  font-size:var(--rv-fs-1);
  font-weight:700;
  line-height:1;
}

.about-origin-steps article > div{
  display:grid;
  min-width:0;
  gap:var(--rv-space-1);
}

.about-origin-steps p{
  color:#596866;
}

.about-boundary-grid{
  align-items:start;
}

.about-boundary-card{
  display:grid;
  gap:var(--rv-space-1);
  min-width:0;
  padding:var(--rv-space-3);
  border-radius:var(--rv-radius-md);
}

.about-boundary-card > svg{
  width:2rem;
  height:2rem;
  margin-bottom:var(--rv-space-1);
}

.about-boundary-card ul{
  display:grid;
  gap:var(--rv-space-1);
  margin-top:var(--rv-space-2);
}

.about-boundary-card-primary{
  background:var(--rv-dark);
  color:#effbf7;
}

.about-boundary-card-primary p,
.about-boundary-card-primary li{
  color:#b8d2cc;
}

.about-boundary-card-primary svg{
  color:var(--rv-primary);
}

.about-boundary-card-secondary{
  background:var(--rv-blue);
  color:#173532;
}

.about-boundary-card-secondary p,
.about-boundary-card-secondary li{
  color:#4f686d;
}

.about-boundary-card-secondary svg{
  color:#087f72;
}

.about-boundary-note{
  display:flex;
  flex-wrap:wrap;
  align-items:baseline;
  gap:var(--rv-space-1);
  margin-top:var(--rv-space-3);
  background:var(--rv-yellow);
  color:#3d3d2f;
}

.about-boundary-note p{
  flex:1 1 34rem;
  color:#62614e;
}

.about-principles{
  align-items:start;
}

.about-principle{
  display:grid;
  gap:var(--rv-space-1);
  min-width:0;
  padding:var(--rv-space-3);
  border-radius:var(--rv-radius-md);
  background:var(--rv-surface);
  color:#172321;
}

.about-principle p{
  color:#596866;
}

.about-principle-mark{
  display:inline-flex;
  width:2.5rem;
  height:2.5rem;
  align-items:center;
  justify-content:center;
  margin-bottom:var(--rv-space-1);
  border-radius:50%;
  background:var(--rv-primary);
  color:#103a35;
  font-size:var(--rv-fs-1);
  font-weight:700;
  line-height:1;
}

.about-fact-ledger{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(min(100%,12rem),1fr));
  margin-top:var(--rv-space-4);
  border-radius:var(--rv-radius-md);
  background:var(--rv-dark);
  color:#effbf7;
}

.about-fact-ledger > div{
  display:grid;
  min-width:0;
  gap:var(--rv-space-1);
  padding:var(--rv-space-3);
}

.about-fact-ledger span{
  color:#a9c2bc;
  font-size:var(--rv-fs-1);
}

.about-fact-ledger strong{
  color:#effbf7;
  overflow-wrap:anywhere;
}

.about-ledger-note{
  margin-top:var(--rv-space-2);
  color:#49625e;
}

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

.about-node-card{
  display:grid;
  min-width:0;
  gap:var(--rv-space-1);
  padding:var(--rv-space-3);
  border-radius:var(--rv-radius-md);
  background:var(--rv-paper);
  color:#172321;
}

.about-node-card p{
  color:#596866;
}

.about-node-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:var(--rv-space-1);
  margin-bottom:var(--rv-space-1);
}

.about-node-code{
  color:#087f72;
  font-size:var(--rv-fs-1);
  font-weight:700;
}

.about-node-dot{
  width:.65rem;
  height:.65rem;
  border-radius:50%;
  background:var(--rv-primary);
}

.about-node-guidance{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:var(--rv-space-3);
  margin-top:var(--rv-space-3);
  background:var(--rv-blue);
  color:#173532;
}

.about-node-guidance > div{
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  align-items:start;
  gap:var(--rv-space-2);
  min-width:0;
}

.about-node-guidance svg{
  width:2rem;
  height:2rem;
  color:#087f72;
}

.about-node-guidance > div > div{
  display:grid;
  min-width:0;
  gap:var(--rv-space-1);
}

.about-node-guidance p{
  color:#4f686d;
}

.about-node-guidance .c-btn{
  flex:0 0 auto;
}

.about-lifecycle{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:var(--rv-space-3);
  list-style:none;
  margin:0;
  padding:0;
}

.about-lifecycle li{
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  gap:var(--rv-space-2);
  min-width:0;
  padding:var(--rv-space-3);
  border-radius:var(--rv-radius-md);
  background:var(--rv-surface);
  color:#172321;
}

.about-lifecycle-number{
  display:inline-flex;
  width:3rem;
  height:3rem;
  align-items:center;
  justify-content:center;
  border-radius:50%;
  background:var(--rv-primary);
  color:#103a35;
  font-size:var(--rv-fs-1);
  font-weight:700;
  line-height:1;
}

.about-lifecycle li > div{
  display:grid;
  min-width:0;
  gap:var(--rv-space-1);
}

.about-lifecycle p{
  color:#596866;
}

.about-lifecycle strong{
  margin-top:var(--rv-space-2);
  color:#087f72;
  font-size:var(--rv-fs-1);
  line-height:1.5;
}

.about-responsibility-grid{
  margin-top:var(--rv-space-3);
  align-items:start;
}

.about-responsibility-card{
  display:grid;
  gap:var(--rv-space-1);
  min-width:0;
  padding:var(--rv-space-3);
  border-radius:var(--rv-radius-md);
  background:var(--rv-dark);
  color:#effbf7;
}

.about-responsibility-card p{
  color:#b8d2cc;
}

.about-status-layout{
  display:grid;
  grid-template-columns:minmax(0,1.15fr) minmax(18rem,.85fr);
  gap:var(--rv-space-3);
  align-items:stretch;
}

.about-status-meter{
  display:flex;
  flex-direction:column;
  min-width:0;
  padding:var(--rv-space-3);
  border-radius:var(--rv-radius-md);
  background:var(--rv-dark);
  color:#effbf7;
}

.about-status-primary{
  display:grid;
  gap:var(--rv-space-1);
}

.about-status-primary > span{
  color:#a9c2bc;
  font-size:var(--rv-fs-1);
}

.about-status-primary strong{
  color:#effbf7;
  font-size: clamp(2.5rem, 10cqi, 4.25rem);
  line-height:1;
  overflow-wrap:anywhere;
}

.about-status-primary p{
  color:#b8d2cc;
}

.about-status-strip{
  display:grid;
  grid-template-columns:repeat(30,minmax(.2rem,1fr));
  gap:.22rem;
  margin-top:auto;
  padding-top:var(--rv-space-4);
}

.about-status-strip span{
  height:2.75rem;
  border-radius:var(--rv-radius-pill);
  background:var(--rv-primary);
}

.about-status-strip span:nth-child(6n){
  background:var(--rv-accent);
}

.about-status-axis{
  display:flex;
  justify-content:space-between;
  gap:var(--rv-space-1);
  margin-top:var(--rv-space-1);
  color:#a9c2bc;
  font-size:var(--rv-fs-0);
  line-height:1.4;
}

.about-status-caption{
  margin-top:var(--rv-space-2);
  color:#b8d2cc;
  font-size:var(--rv-fs-1);
}

.about-status-notes{
  display:grid;
  grid-template-rows:repeat(3,minmax(0,1fr));
  gap:var(--rv-space-3);
  min-width:0;
}

.about-status-notes article{
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  gap:var(--rv-space-2);
  min-width:0;
  padding:var(--rv-space-3);
  border-radius:var(--rv-radius-md);
  background:var(--rv-paper);
  color:#172321;
}

.about-status-notes article > span{
  display:inline-flex;
  width:3.25rem;
  height:2rem;
  align-items:center;
  justify-content:center;
  border-radius:var(--rv-radius-pill);
  background:var(--rv-mint);
  color:#173532;
  font-size:var(--rv-fs-0);
  font-weight:700;
  line-height:1;
}

.about-status-notes article > div{
  display:grid;
  min-width:0;
  gap:var(--rv-space-1);
}

.about-status-notes p{
  color:#596866;
}

.about-review-board{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(min(100%,14rem),1fr));
  gap:var(--rv-space-3);
  margin-top:var(--rv-space-4);
}

.about-review-board > div{
  display:grid;
  min-width:0;
  gap:var(--rv-space-1);
  padding:var(--rv-space-3);
  border-radius:var(--rv-radius-md);
  background:var(--rv-mint);
  color:#173532;
}

.about-review-board span{
  color:#49625e;
  font-size:var(--rv-fs-1);
}

.about-review-board strong{
  overflow-wrap:anywhere;
}

.about-faq{
  margin-top:var(--rv-space-4);
}

.about-closing-copy{
  display:grid;
  max-width:43rem;
  gap:var(--rv-space-1);
  align-items:start;
}

.about-closing-copy .c-badge{
  background:var(--rv-mint);
  color:#173532;
}

.about-closing-copy h2{
  color:#effbf7;
}

.about-closing-copy p{
  color:#b8d2cc;
}

.about-closing-actions{
  display:grid;
  flex:0 0 min(100%,18rem);
  gap:var(--rv-space-1);
}

.about-closing-actions .c-btn-ghost{
  color:#effbf7;
  border-color:var(--rv-line-dark);
}

@media(max-width:64rem){
  .about-runbook{
    height:auto;
    min-height:31rem;
  }

  .about-origin-grid,
  .about-status-layout{
    grid-template-columns:1fr;
  }

  .about-status-meter{
    min-height:28rem;
  }

  .about-node-guidance{
    align-items:flex-start;
    flex-direction:column;
  }

  .about-node-guidance .c-btn{
    width:auto;
  }
}

@media(max-width:42rem){
  .about-hero-facts{
    grid-template-columns:1fr;
    gap:var(--rv-space-2);
  }

  .about-hero-facts > div{
    padding-inline:0;
  }

  .about-hero-facts > div + div{
    padding-top:var(--rv-space-2);
    border-top:1px solid var(--rv-line);
    border-left:0;
  }

  .about-runbook{
    min-height:0;
    padding:var(--rv-space-2);
    border-radius:var(--rv-radius-md);
  }

  .about-runbook-head{
    align-items:flex-start;
    flex-direction:column;
  }

  .about-runbook-route{
    grid-template-columns:1fr;
  }

  .about-runbook-route svg{
    justify-self:center;
    transform:rotate(90deg);
  }

  .about-runbook-spec > div{
    grid-template-columns:1fr;
    gap:var(--rv-space-1);
  }

  .about-origin-steps article,
  .about-lifecycle li,
  .about-status-notes article{
    grid-template-columns:1fr;
  }

  .about-lifecycle{
    grid-template-columns:1fr;
  }

  .about-node-guidance > div{
    grid-template-columns:1fr;
  }

  .about-status-meter{
    min-height:25rem;
  }

  .about-status-strip{
    gap:.15rem;
  }

  .about-status-strip span{
    height:2.25rem;
  }

  .about-status-axis{
    flex-wrap:wrap;
  }

  .about-closing-actions{
    width:100%;
    flex-basis:100%;
  }
}

@media(max-width:24.375rem){
  .about-runbook-foot{
    display:grid;
  }

  .about-status-strip{
    grid-template-columns:repeat(15,minmax(.25rem,1fr));
    row-gap:.35rem;
  }

  .about-status-strip span{
    height:1.5rem;
  }

  .about-status-axis{
    display:grid;
  }
}