.ra-hero{
  padding-block:var(--dm-space-5) var(--dm-space-6);
  color:var(--dm-ink);
  background:var(--dm-surface)
}

.ra-hero-copy{
  min-width:0;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:var(--dm-space-3)
}
.ra-hero-copy > .c-actions{margin-top:var(--dm-space-3)}


.ra-title-group,
.ra-section-head,
.ra-card-copy,
.ra-step-copy,
.ra-ticket-intro{
  min-width:0;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:var(--dm-space-1)
}

.ra-title-group h1{
  max-width:40rem
}

.ra-hero-lead{
  max-width:42rem;
  color:var(--dm-charcoal);
  font-size:var(--dm-fs-3)
}

.ra-hero-note{
  max-width:42rem;
  color:var(--dm-muted)
}

.ra-hero-stats{
  width:100%;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  color:var(--dm-ink);
  background:var(--dm-white);
  border-radius:var(--dm-radius-md);
  box-shadow:var(--dm-shadow-soft)
}

.ra-hero-stats>div{
  min-width:0;
  padding:var(--dm-space-2)
}

.ra-hero-stats strong,
.ra-hero-stats span{
  display:block
}

.ra-hero-stats strong{
  color:var(--dm-primary);
  font-family:var(--dm-font-mono);
  font-size:var(--dm-fs-1)
}

.ra-hero-stats span{
  margin-top:var(--dm-space-1);
  color:var(--dm-muted);
  font-size:var(--dm-fs-0)
}

.ra-manifest{
  min-width:0;
  overflow:hidden;
  border-radius:var(--dm-radius-lg);
  color:var(--dm-paper);
  background:var(--dm-charcoal);
  box-shadow:var(--dm-shadow-panel)
}

.ra-manifest__head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:var(--dm-space-2);
  padding:var(--dm-space-2) var(--dm-space-3);
  color:var(--dm-muted-light);
  background:var(--dm-terminal-2);
  font-family:var(--dm-font-mono);
  font-size:var(--dm-fs-0);
  letter-spacing:.06em
}

.ra-manifest__body{
  padding:var(--dm-space-4);
  color:var(--dm-paper);
  background:var(--dm-charcoal)
}

.ra-manifest__status{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:space-between;
  gap:var(--dm-space-2);
  color:var(--dm-muted-light);
  font-size:var(--dm-fs-0)
}

.ra-manifest dl{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  margin-top:var(--dm-space-3)
}

.ra-manifest dl>div{
  min-width:0;
  padding:var(--dm-space-3);
  background:var(--dm-terminal-2);
  color:var(--dm-paper)
}

.ra-manifest dt{
  color:var(--dm-muted-light);
  font-size:var(--dm-fs-0)
}

.ra-manifest dd{
  margin-top:var(--dm-space-1);
  color:var(--dm-paper);
  font-family:var(--dm-font-mono);
  font-size:var(--dm-fs-1);
  overflow-wrap:anywhere
}

.ra-manifest__track{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:var(--dm-space-1);
  margin-top:var(--dm-space-3)
}

.ra-manifest__track span{
  min-width:0;
  padding:var(--dm-space-1);
  border-radius:var(--dm-radius-sm);
  color:var(--dm-primary-ink);
  background:var(--dm-accent);
  font-size:var(--dm-fs-0);
  font-weight:800;
  text-align:center
}

.ra-section-head{
  max-width:48rem;
  margin-bottom:var(--dm-space-4)
}

.ra-section-head>p{
  color:var(--dm-muted);
  font-size:var(--dm-fs-3)
}

.ra-section-head--dark h2{
  color:var(--dm-paper)
}

.ra-section-head--dark>p{
  color:var(--dm-muted-light)
}

.ra-mode-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:var(--dm-space-3);
  align-items:start
}

.ra-mode-card{
  min-width:0;
  padding:var(--dm-space-4);
  border-radius:var(--dm-radius-lg);
  color:var(--dm-ink);
  background:var(--dm-white);
  box-shadow:var(--dm-shadow-soft)
}

.ra-mode-card--soft{
  color:var(--dm-ink);
  background:var(--dm-surface)
}

.ra-mode-icon{
  width:3.25rem;
  height:3.25rem;
  display:grid;
  place-items:center;
  margin-bottom:var(--dm-space-2);
  border-radius:var(--dm-radius-sm);
  color:var(--dm-primary);
  background:var(--dm-accent-soft)
}

.ra-mode-icon svg{
  width:1.75rem;
  height:1.75rem
}

.ra-check-list,
.ra-security-list{
  list-style:none;
  margin-top:var(--dm-space-3);
  display:grid;
  gap:var(--dm-space-2)
}

.ra-check-list li,
.ra-security-list li{
  position:relative;
  padding-left:var(--dm-space-3);
  color:var(--dm-muted)
}

.ra-check-list li::before,
.ra-security-list li::before{
  content:"";
  position:absolute;
  top:.72em;
  left:0;
  width:.45rem;
  height:.45rem;
  border-radius:50%;
  background:var(--dm-accent)
}

.ra-overview-callout,
.ra-diagnostic-note{
  margin-top:var(--dm-space-3)
}

.s-section-soft{
  padding-block:var(--dm-section-space);
  color:var(--dm-ink);
  background:var(--dm-surface)
}

.s-section-dark{
  padding-block:var(--dm-section-space);
  color:var(--dm-paper);
  background:var(--dm-charcoal)
}

.ra-preflight{
  list-style:none;
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:var(--dm-space-3)
}

.ra-preflight li{
  min-width:0;
  padding:var(--dm-space-3);
  border-radius:var(--dm-radius-md);
  color:var(--dm-ink);
  background:var(--dm-white);
  box-shadow:var(--dm-shadow-soft)
}

.ra-step-number,
.ra-diagnostic__index{
  width:fit-content;
  display:block;
  margin-bottom:var(--dm-space-2);
  color:var(--dm-primary);
  font-family:var(--dm-font-mono);
  font-size:var(--dm-fs-1);
  font-weight:800
}

.ra-step-copy code{
  max-width:100%;
  margin-top:var(--dm-space-2);
  padding:var(--dm-space-1) var(--dm-space-2);
  border-radius:var(--dm-radius-sm);
  display:block;
  overflow-x:auto;
  color:var(--dm-paper);
  background:var(--dm-terminal);
  font-size:var(--dm-fs-0);
  overflow-wrap:normal
}

.ra-key-policy{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:var(--dm-space-3);
  margin-top:var(--dm-space-3);
  padding:var(--dm-space-3);
  border-radius:var(--dm-radius-md);
  color:var(--dm-paper);
  background:var(--dm-primary)
}

.ra-key-policy>div{
  min-width:0;
  display:flex;
  flex-direction:column;
  gap:var(--dm-space-1)
}

.ra-key-policy h3{
  color:var(--dm-white);
  font-size:var(--dm-fs-3)
}

.ra-key-policy p{
  color:var(--dm-paper)
}

.ra-browser-panel{
  min-width:0;
  overflow:hidden;
  border-radius:var(--dm-radius-lg);
  color:var(--dm-ink);
  background:var(--dm-surface);
  box-shadow:var(--dm-shadow-soft)
}

.ra-browser-panel__head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:var(--dm-space-3);
  padding:var(--dm-space-4);
  color:var(--dm-paper);
  background:var(--dm-primary)
}

.ra-browser-panel__head>div{
  min-width:0;
  display:flex;
  flex-direction:column;
  gap:var(--dm-space-1)
}

.ra-browser-panel__head h2{
  color:var(--dm-white);
  font-size:var(--dm-fs-5)
}

.ra-browser-panel__head .c-badge{
  color:var(--dm-primary-ink);
  background:var(--dm-accent-soft)
}

.ra-browser-panel__head svg{
  flex:0 0 auto;
  color:var(--dm-white)
}

.ra-browser-panel__body{
  padding:var(--dm-space-4);
  color:var(--dm-ink);
  background:var(--dm-surface)
}

.ra-browser-route{
  list-style:none;
  display:grid;
  gap:var(--dm-space-2)
}

.ra-browser-route li{
  min-width:0;
  padding:var(--dm-space-2);
  border-radius:var(--dm-radius-sm);
  color:var(--dm-ink);
  background:var(--dm-white)
}

.ra-browser-route strong,
.ra-browser-route span{
  display:block
}

.ra-browser-route span{
  margin-top:var(--dm-space-1);
  color:var(--dm-muted)
}

.ra-window-title{
  min-width:0;
  display:flex;
  align-items:center;
  gap:var(--dm-space-2)
}

.ra-window-lights{
  display:flex;
  align-items:center;
  gap:.35rem;
  flex:0 0 auto
}

.ra-window-lights i{
  width:.62rem;
  height:.62rem;
  border-radius:50%;
  background:var(--dm-danger)
}

.ra-window-lights i:nth-child(2){
  background:var(--dm-warning)
}

.ra-window-lights i:nth-child(3){
  background:var(--dm-success)
}

.ra-terminal{
  align-self:stretch
}

.ra-output-card{
  color:var(--dm-ink);
  background:var(--dm-white)
}

.s-section-dark .ra-output-card h3,
.s-section-dark .ra-output-card p{
  color:var(--dm-ink)
}

.ra-terminal + .c-paired-aside{
  grid-auto-rows:auto;
  align-content:start
}

.ra-diagnostic{
  list-style:none;
  display:grid;
  gap:var(--dm-space-2)
}

.ra-diagnostic li{
  min-width:0;
  display:grid;
  grid-template-columns:auto minmax(0,1fr) minmax(12rem,max-content);
  gap:var(--dm-space-3);
  align-items:center;
  padding:var(--dm-space-3);
  border-radius:var(--dm-radius-md);
  color:var(--dm-ink);
  background:var(--dm-surface)
}

.ra-diagnostic__index{
  margin:0
}

.ra-diagnostic li>div{
  min-width:0;
  display:flex;
  flex-direction:column;
  gap:var(--dm-space-1)
}

.ra-diagnostic code,
.ra-diagnostic a{
  max-width:100%;
  padding:var(--dm-space-1) var(--dm-space-2);
  border-radius:var(--dm-radius-sm);
  color:var(--dm-paper);
  background:var(--dm-charcoal);
  font-family:var(--dm-font-mono);
  font-size:var(--dm-fs-0);
  overflow-wrap:anywhere
}

.ra-diagnostic a{
  border:1px solid var(--dm-charcoal);
  font-weight:750;
  text-align:center
}

.ra-security-layout{
  display:grid;
  grid-template-columns:minmax(0,1.2fr) minmax(18rem,.8fr);
  gap:var(--dm-space-3);
  align-items:stretch
}

.ra-security{
  min-width:0;
  padding:var(--dm-space-4);
  border-radius:var(--dm-radius-lg);
  color:var(--dm-paper);
  background:var(--dm-charcoal)
}

.ra-security__heading{
  display:flex;
  align-items:flex-start;
  gap:var(--dm-space-3)
}

.ra-security__heading svg{
  flex:0 0 auto;
  color:var(--dm-accent)
}

.ra-security__heading>div{
  min-width:0;
  display:flex;
  flex-direction:column;
  gap:var(--dm-space-1)
}

.ra-security h3{
  color:var(--dm-paper)
}

.ra-security p,
.ra-security-list li{
  color:var(--dm-muted-light)
}

.ra-security-cards{
  min-width:0;
  display:grid;
  grid-auto-rows:1fr;
  gap:var(--dm-space-3)
}

.ra-performance-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:var(--dm-space-3);
  align-items:start
}

.ra-performance-card{
  min-width:0;
  padding:var(--dm-space-3);
  border-radius:var(--dm-radius-md);
  color:var(--dm-ink);
  background:var(--dm-surface)
}

.ra-performance-card>svg{
  width:2.75rem;
  height:2.75rem;
  margin-bottom:var(--dm-space-2);
  color:var(--dm-primary)
}

.ra-performance-band{
  width:100%;
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  margin-top:var(--dm-space-3);
  overflow:hidden;
  border-radius:var(--dm-radius-md);
  color:var(--dm-paper);
  background:var(--dm-charcoal)
}

.ra-performance-band>div{
  min-width:0;
  padding:var(--dm-space-3)
}

.ra-performance-band strong,
.ra-performance-band span{
  display:block
}

.ra-performance-band strong{
  color:var(--dm-accent);
  font-size:var(--dm-fs-1)
}

.ra-performance-band span{
  margin-top:var(--dm-space-1);
  color:var(--dm-muted-light);
  font-size:var(--dm-fs-0)
}

.ra-ticket-sheet{
  min-width:0;
  overflow:hidden;
  border-radius:var(--dm-radius-lg);
  color:var(--dm-ink);
  background:var(--dm-paper);
  box-shadow:var(--dm-shadow-panel)
}

.ra-ticket-sheet__head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:var(--dm-space-2);
  padding:var(--dm-space-2) var(--dm-space-3);
  color:var(--dm-primary-ink);
  background:var(--dm-accent);
  font-family:var(--dm-font-mono);
  font-size:var(--dm-fs-0);
  letter-spacing:.05em
}

.ra-ticket-sheet__body{
  padding:var(--dm-space-4);
  color:var(--dm-ink);
  background:var(--dm-paper)
}

.ra-ticket-intro h2{
  color:var(--dm-ink);
  font-size:var(--dm-fs-5)
}

.ra-ticket-fields{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:var(--dm-space-2);
  margin-top:var(--dm-space-3)
}

.ra-ticket-fields>div{
  min-width:0;
  padding:var(--dm-space-2);
  border-radius:var(--dm-radius-sm);
  color:var(--dm-ink);
  background:var(--dm-surface)
}

.ra-ticket-fields strong,
.ra-ticket-fields span{
  display:block
}

.ra-ticket-fields span{
  margin-top:var(--dm-space-1);
  color:var(--dm-muted);
  font-size:var(--dm-fs-1)
}

.ra-handoff-card{
  color:var(--dm-ink);
  background:var(--dm-white)
}

.s-section-dark .ra-handoff-card h3,
.s-section-dark .ra-handoff-card p{
  color:var(--dm-ink)
}

.s-endcap{
  padding-block:var(--dm-space-5);
  color:var(--dm-paper);
  background:var(--dm-charcoal)
}

@media (min-width:1440px){
  .ra-manifest__body{
    padding:var(--dm-space-5)
  }
}

@media (max-width:960px){
  .ra-key-policy,
  .ra-performance-grid{
    grid-template-columns:1fr
  }

  .ra-security-layout{
    grid-template-columns:1fr
  }

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

  .ra-diagnostic code,
  .ra-diagnostic a{
    grid-column:2
  }
}

@media (max-width:768px){
  .ra-hero{
    padding-block:var(--dm-space-4) var(--dm-space-5)
  }

  .ra-mode-grid,
  .ra-preflight,
  .ra-performance-band{
    grid-template-columns:1fr
  }

  .ra-hero-stats{
    grid-template-columns:1fr
  }

  .ra-manifest dl,
  .ra-ticket-fields{
    grid-template-columns:1fr
  }

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

  .ra-manifest__head,
  .ra-ticket-sheet__head{
    align-items:flex-start;
    flex-direction:column
  }

  .ra-browser-panel__head{
    flex-direction:column
  }

  .ra-diagnostic li{
    grid-template-columns:1fr;
    align-items:start
  }

  .ra-diagnostic code,
  .ra-diagnostic a{
    grid-column:1;
    width:100%
  }
}

@media (max-width:390px){
  .ra-manifest__body,
  .ra-mode-card,
  .ra-browser-panel__head,
  .ra-browser-panel__body,
  .ra-security,
  .ra-ticket-sheet__body{
    padding:var(--dm-space-3)
  }

  .ra-key-policy{
    padding:var(--dm-space-2)
  }

  .ra-window-title{
    align-items:flex-start;
    flex-direction:column
  }

  .c-terminal-head{
    align-items:flex-start;
    flex-direction:column
  }

  .ra-security__heading{
    flex-direction:column
  }

  .ra-manifest__track{
    grid-template-columns:1fr
  }
}

.ra-ticket-sheet__body p{
  color:var(--dm-muted)
}