/* =========================================================
   WordPress 固有の調整
   見た目本体は style.css（静的HTMLと共通）。ここにはWPの出力に合わせる差分だけを書く。
   ========================================================= */

/* ヘッダー・本文・フッターの間に WordPress が入れる余白を消す */
.wp-site-blocks > * { margin-block-start: 0; }
.wp-site-blocks > * + * { margin-block-start: 0; }

/* ログイン中は管理バーの分だけ固定ヘッダーを下げる */
.admin-bar .l-header { top: calc(20px + var(--wp-admin--admin-bar--height, 32px)); }
.admin-bar .l-header.is-scrolled { top: calc(10px + var(--wp-admin--admin-bar--height, 32px)); }
@media (max-width: 767px) {
	.admin-bar .l-header.is-scrolled { top: calc(8px + var(--wp-admin--admin-bar--height, 46px)); }
}
/* 幅600px以下では管理バーがスクロールで流れるので、ヘッダーは通常位置に戻す */
@media (max-width: 600px) {
	.admin-bar .l-header,
	.admin-bar .l-header.is-scrolled { top: 8px; }
}


/* ブロック間の余白：WordPressの自動余白は使わず（theme.json で blockGap: null）、
   本文に直接置いた段落・見出しなどの間だけ余白を付ける。
   :where() で詳細度0にしているので、各部品のCSSで決めた余白が優先される。 */
/* 全幅のセクション（alignfull）どうしの間は、各セクションのCSSに任せる */
:where(.l-main > .wp-block-post-content, .wave-band__inner, .wp-block-group.is-style-prose) > :where(:not(.alignfull)) + :where(:not(.alignfull)) { margin-block-start: 1.5em; }
:where(.wp-block-buttons) { gap: 10px; }

/* 本文エリアは WordPress 標準で display: flow-root（回り込み対策）になり、
   最後のセクションの下余白とフッターの上余白が重ならず足し算になる。静的サイトと同じく重なるように戻す */
.l-main > .wp-block-post-content { display: block; }

/* 本文エリアは静的サイトの <main> と同じく余白なし（セクションはそれぞれのCSSで幅・余白を持つ）。
   担当者が本文に直接置いた段落・見出し・画像などだけ、左右20pxの余白と最大1200pxの幅を付ける */
.l-main > .wp-block-post-content > :where(p, h1, h2, h3, h4, h5, h6, ul, ol, blockquote, pre,
	.wp-block-image, .wp-block-buttons, .wp-block-table, .wp-block-media-text, .wp-block-gallery,
	.wp-block-miraikko-dl, .wp-block-miraikko-sec-title, .wp-block-columns, .wp-block-file, .wp-block-embed,
	.wp-block-separator, .wp-block-details):not(.alignfull) {
	width: min(100% - 40px, 1200px);
	margin-inline: auto;
}

/* 読み上げ用の文字（画面には出さない） */
.screen-reader-text { position: absolute !important; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }