/* THE OPEN — wordpress.css
   WordPress-only additions (not part of the static prototype). Loaded after motion.css.
   1. Logged-in admin bar: keep the fixed header, the menu dialog and the intro below it.
      Visitors never see the admin bar, so nothing here changes the public pages.
   2. Generic page.php / index.php (no prototype equivalent). */

.admin-bar .site-header,
.admin-bar .menu,
.admin-bar .intro {
  top: var(--wp-admin--admin-bar--height, 32px);
}

@media screen and (max-width: 600px) {
  /* The admin bar scrolls away on small screens. */
  .admin-bar .site-header {
    top: 0;
  }
}

.page-generic .wp-page {
  padding: calc(var(--header-h) + var(--s-12)) 0 var(--s-24);
}

.wp-page__inner {
  max-width: 760px;
}

.wp-page__article + .wp-page__article {
  margin-top: var(--s-16);
}

.wp-page__title {
  margin-bottom: var(--s-8);
}

.wp-page__content > * + * {
  margin-top: 1em;
}

.wp-page__content a {
  text-decoration: underline;
  text-underline-offset: 0.2em;
}