/* Secondary-page header (sitenav.js). Selectors repeat .sitenav to outrank the per-page
   rules some exported pages ship (Kind words hides the logo and drops the CTA to the bottom). */
.navroot.sitenav {
  z-index: 20;
}
.navroot.sitenav .brandbadge.brandbadge.brandbadge {
  display: flex;
}
.navroot.sitenav .navcta.navcta.navcta {
  top: var(--frame-top, 20px);
  bottom: auto;
  right: var(--frame-x, 20px);
  left: auto;
}
.navroot.sitenav .tdot {
  transition: transform 0.25s var(--ease-out-quint, cubic-bezier(0.22, 1, 0.36, 1));
}
.navroot.sitenav .rail .chip,
.navroot.sitenav .menubtn,
.navroot.sitenav .brandbadge {
  cursor: pointer;
}
/* Kind words: yellow page with a full-bleed title behind the header. */
.navroot.sitenav--testimonials .brandbadge.brandbadge.brandbadge {
  padding: 6px 10px;
  margin: -6px -10px;
  border-radius: var(--radius-md, 8px);
  background: #f1be48;
}
.navroot.sitenav--testimonials .navcta {
  --btn-fill: #242424;
  --btn-fill-hover: #3a3a3a;
  --btn-ink: #ffffff;
}
.fluidtog:not(.fluidtog-menu) {
  z-index: 21;
}

.navroot.sitenav .rail .thesis { display: none; }

/* Popups (resume, book details, testimonial) put their close button where the header CTA sits. */
.navroot.sitenav,
.fluidtog {
  transition: opacity 0.3s ease, visibility 0.3s ease;
}
body:has(.mdl-open, .rdon) .navroot.sitenav,
body:has(.mdl-open, .rdon) .fluidtog {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}
html.story-open {
  overflow: hidden;
}
html.story-open .navroot.sitenav,
html.story-open .fluidtog {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}