/* layout.css — ヘッダー/フッター/コンテナ等 全ページ共通の骨格。モバイルファースト。 */
.site-header__inner,
.site-footer__inner {
	max-width: var(--wp--style--global--wide-size, 1200px);
	margin-inline: auto;
	padding-inline: var(--wp--preset--spacing--md);
}
.site-header__inner {
	display: flex; align-items: center; justify-content: space-between;
	padding-block: var(--wp--preset--spacing--sm);
}
.site-header__brand a { font-weight: 700; text-decoration: none; }

/* グローバルナビ：1024px以下はハンバーガーで全画面、1025px以上は通常ナビ */
.site-header__toggle { display: inline-flex; flex-direction: column; gap: 5px; background: none; border: 0; cursor: pointer; }
.site-header__toggle span { width: 24px; height: 2px; background: var(--wp--preset--color--ink); }
.global-nav { display: none; }

@media (min-width: 1025px) {
	.site-header__toggle { display: none; }
	.global-nav { display: block; }
	.global-nav ul { display: flex; gap: var(--wp--preset--spacing--md); list-style: none; margin: 0; padding: 0; }
}
@media (max-width: 1024px) {
	.global-nav.is-open {
		display: block; position: fixed; inset: 0;
		background: var(--wp--preset--color--base);
		padding: var(--wp--preset--spacing--lg);
	}
	.global-nav.is-open ul { list-style: none; margin: 0; padding: 0; display: grid; gap: var(--wp--preset--spacing--md); }
}

.site-footer { background: var(--wp--preset--color--brand); color: var(--wp--preset--color--base); }
.site-footer__inner { padding-block: var(--wp--preset--spacing--lg); text-align: center; }
.site-footer a { color: var(--wp--preset--color--base); }