@charset "UTF-8";
/* ============================================================
   WordPress 出力向けの橋渡しスタイル
   ============================================================ */

/* 管理バー表示時の固定ヘッダー位置 */
body.admin-bar .header { top: var(--wp-admin--admin-bar--height, 32px); }

/* ブロックレイアウト由来の余白・幅制約を無効化（余白・幅はテーマCSS側で制御） */
.wp-block-group { margin: 0; }
:where(.wp-block-group) > :where(*) { margin-block-start: 0; margin-block-end: 0; }
:where(.wp-block-group.is-layout-constrained) > :where(:not(.alignfull):not(.alignwide)) { max-width: none; margin-left: 0; margin-right: 0; }
.wp-site-blocks { padding: 0; }

/* 記事メタ：カテゴリーラベル（core/post-terms） */
.post__terms a { display: inline-block; padding: 2px 12px; border-radius: 2px; font-size: 75%; font-weight: 700; color: #ffffff; line-height: 1.6; }
.post__terms--info a { background: #244aad; }
.post__terms--column a { background: #249D57; }
.post__terms .wp-block-post-terms__separator { display: none; }

/* アイキャッチ（core/post-featured-image） */
.post__eyecatch img { display: block; width: 100%; height: auto; }

/* ページ送り（paginate_links 出力） */
.pagination { display: flex; justify-content: center; align-items: center; flex-wrap: wrap; gap: 8px; margin-top: 48px; }
.pagination .page-numbers { min-width: 42px; height: 42px; padding: 0 6px; display: inline-flex; align-items: center; justify-content: center; border: 1px solid #dddddd; border-radius: 4px; color: #464646; font-weight: 700; box-sizing: border-box; }
.pagination a.page-numbers:hover { background: #f3f3f3; }
.pagination .page-numbers.current { background: #244aad; border-color: #244aad; color: #ffffff; }
.pagination .page-numbers.dots { border: none; min-width: auto; }

/* 前後記事リンク（core/post-navigation-link） */
.post-nav .wp-block-post-navigation-link { max-width: 46%; }
.post-nav .wp-block-post-navigation-link a { color: #464646; font-weight: 700; line-height: 1.6; }
.post-nav .wp-block-post-navigation-link a:hover { color: #249D57; }

/* 本文内の配置クラス */
.post-content .alignleft { float: left; margin: 0 1.5em 1em 0; }
.post-content .alignright { float: right; margin: 0 0 1em 1.5em; }
.post-content .aligncenter { margin-left: auto; margin-right: auto; }
.post-content img { max-width: 100%; height: auto; }

@media (max-width: 782px) {
  body.admin-bar .header { top: 46px; }
}
@media (max-width: 960px) {
  .post-nav .wp-block-post-navigation-link { max-width: none; }
}

/* カテゴリー絞り込みタブ（リンク版） */
a.filter-tab { text-decoration: none; display: inline-flex; align-items: center; }
a.filter-tab.is-active { pointer-events: none; }