/**
 * WordPress 固有の干渉を打ち消し、モックの見た目に揃える
 */

.global-nav__list,
.footer-nav,
.breadcrumb,
.steps,
.spec-list,
.pager {
  margin: 0;
  padding: 0;
  list-style: none;
}

.prose p {
  margin: 0 0 1em;
}

.prose p:last-child {
  margin-bottom: 0;
}

.prose ul,
.prose ol {
  padding-left: 1.2em;
}

figure {
  margin: 0;
}

img {
  contain-intrinsic-size: auto;
}

/* 管理バー表示時の sticky / fixed ヘッダーずれ */
.admin-bar .site-header {
  top: 32px;
}

@media screen and (max-width: 782px) {
  .admin-bar .site-header {
    top: 46px;
  }
}

@media (max-width: 960px) {
  .admin-bar .global-nav {
    top: calc(var(--header-h) + 46px);
    height: calc(100svh - var(--header-h) - 46px);
    max-height: calc(100svh - var(--header-h) - 46px);
  }
}

@media screen and (min-width: 783px) and (max-width: 960px) {
  .admin-bar .global-nav {
    top: calc(var(--header-h) + 32px);
    height: calc(100svh - var(--header-h) - 32px);
    max-height: calc(100svh - var(--header-h) - 32px);
  }
}