/* Match the surrounding dark product chapters without affecting white device screens. */
#product { background: #000; }
#product .phone-stage {
  background: none;
  border: 0;
  box-shadow: none;
}
#product .continuity-shell > h2,
#product > .inner > h2,
#product .formats strong,
#product .app-overview > h3 { color: #fff; }
#product .continuity-intro,
#product > .inner > .lead,
#product .format span,
#product > .inner > .section-note { color: #aeb0b8; }
#product .format { border-color: #343537; }
/* Compact the adjoining chapters, keeping their separate titles and content. */
#body-stage, #body-robot {
  min-height: calc(72vh - 46px);
  min-height: calc(72svh - 46px);
}
#body-stage { padding-top: 40px; padding-bottom: 40px; }
#body-robot { padding-top: 32px; padding-bottom: 32px; }
@media(max-width:900px) {
  #body-stage, #body-robot { min-height: 0; }
  #body-stage { padding-top: 64px; padding-bottom: 32px; }
  #body-robot { padding-top: 32px; padding-bottom: 48px; }
}

/* A quiet, password-protected technical reference at the end of the site. */
#technical-resources { background:#000; color:#fff; padding:72px 6vw; border-top:1px solid #292d2b; }
.technical-entry-shell { max-width:1240px; margin:0 auto; display:flex; justify-content:space-between; align-items:center; gap:48px; }
.technical-entry-kicker { margin:0 0 18px; color:#9dafA5; font-size:13px; letter-spacing:.12em; }
#technical-resources h2 { margin:0; font-size:clamp(30px,3.3vw,46px); line-height:1.3; color:#fff; letter-spacing:-.04em; }
.technical-entry-action { display:grid; gap:18px; justify-items:start; }
.technical-entry-action p { margin:0; font-size:17px; color:#b8c1bc; }
.technical-entry-action a { display:inline-flex; gap:28px; align-items:center; padding:14px 22px; border:1px solid #779b8b; border-radius:999px; background:#14221d; color:#b8dfcf; text-decoration:none; font-size:16px; }
.technical-entry-action a:hover { background:#223b30; }
.technical-entry-action a:focus-visible { outline:2px solid #b8dfcf; outline-offset:5px; }
.technical-entry-note { color:#7c8780; font-size:12px; }
@media(max-width:760px) { #technical-resources { padding:56px 24px; } .technical-entry-shell { align-items:flex-start; flex-direction:column; gap:30px; } }