/* Reserve the hero before its custom element upgrades. */
s-big-o-hero {
  display: block;
  width: 100%;
  height: 100%;
}

@media (max-width: 600px) {
  .post-hero-inner.post-hero-inner--big-o {
    padding-inline: 0;
  }
}

s-code-timer,
s-higher-or-lower,
s-higher-or-lower-table,
s-graph,
s-debugger,
s-bubble-sort-1,
s-code-timer-bar-graph {
  margin: var(--space-5) auto;
}