/* 01 WordPressのブロック外枠：標準余白のリセット */
.wp-site-blocks {
  margin: 0;
  padding: 0;
}

.wp-site-blocks > * {
  margin-block-start: 0;
}

/* 02 本文の画像ブロック：余白・レスポンシブ表示 */
.page-body .wp-block-image {
  margin: 32px 0;
}

.page-body .wp-block-image img {
  max-width: 100%;
  height: auto;
}

/* 03 ログイン中の管理バー：PCのサイドバー位置調整 */
.admin-bar .site-header {
  top: 32px;
  height: calc(100dvh - 32px);
}

/* 04 管理バーが46pxになる画面幅の位置調整 */
@media(max-width:782px) {
  .admin-bar .site-header {
    top: 46px;
    height: calc(100dvh - 46px);
  }
}

/* 05 スマホの管理バー：メニュー開閉時の高さ調整 */
@media(max-width:767px) {
  html.js .admin-bar .site-header {
    height: 76px;
  }
  html.js .admin-bar .site-header.is-open {
    height: calc(100dvh - 46px);
  }
  html.js .admin-bar .header-panel {
    height: calc(100dvh - 122px);
  }
}

/* 06 お知らせ見出し・ページ送り・日本語見出しのフォント */
.page-body .news-entry h2 a {
  text-decoration: none;
}

.page-numbers {
  display: flex;
  gap: 16px;
  list-style: none;
  padding: 0;
}

.page-heading h1, .page-body h2 {
  font-family: var(--font-ja);
}