.botbox-reading { max-width: 40rem; margin: 10vh auto; padding: 1.5rem; }
.botbox-reading h1 { font-size: clamp(1.75rem, 5vw, 2.75rem); font-weight: 700; }
.botbox-reading p { margin-block: 1rem 1.5rem; line-height: 1.7; }
.botbox-reading nav { display: flex; flex-wrap: wrap; gap: 1rem 1.5rem; }
.botbox-reading a { text-decoration: underline; text-underline-offset: .22em; }

/* Keep the synthetic-data notice in view without covering the comparison actions. */
#root:has([data-testid="compare-modal"]) .botbox-demo-notice {
  top: max(.35rem, env(safe-area-inset-top));
  bottom: auto;
  padding: .15rem .65rem;
  pointer-events: none;
}
#root:has([data-testid="compare-modal"]) .botbox-demo-notice > :not(span:first-child) {
  display: none;
}
.botbox-demo-notice .botbox-team-switch{position:relative}.botbox-demo-notice .botbox-team-switch summary{cursor:pointer;padding:.4rem}.botbox-demo-notice .botbox-team-switch[open] a{display:block;padding:.4rem}