/* ============================================================
   chrome.css — Bloom 共通ヘッダー/フッター（全ページで読み込み）
   変数は tokens.css。
   ============================================================ */
body { margin: 0; }
.site-header *, .site-footer * { box-sizing: border-box; }

/* HEADER */
.site-header { background: var(--c-white); box-shadow: var(--shadow); position: sticky; top: 0; z-index: 100; }
.site-header__inner { max-width: 1140px; margin: 0 auto; padding: 0 1.5rem; display: flex; align-items: center; justify-content: space-between; min-height: 60px; gap: 1rem; }
.site-logo { font-family: var(--font-deco); font-size: 1.5rem; font-weight: 800; line-height: 1; text-decoration: none; background: linear-gradient(135deg, var(--c-main), var(--c-accent)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; }
.site-logo__img { max-height: 40px; width: auto; display: block; }

.site-nav ul, .site-nav .site-nav__list { list-style: none; display: flex; flex-wrap: wrap; gap: 0.25rem; margin: 0; padding: 0; }
.site-nav a { display: block; font-family: var(--font-main); font-size: 0.82rem; font-weight: 500; color: var(--c-text-muted); padding: 0.4em 0.85em; border-radius: 2rem; text-decoration: none; transition: background 0.2s, color 0.2s; }
.site-nav a:hover, .site-nav .current-menu-item > a { background: var(--c-main-light); color: var(--c-main); }

/* FOOTER */
.site-footer { background: var(--c-white); border-top: 2px solid var(--c-border); padding: 2.5rem 1.5rem; text-align: center; margin-top: 3rem; }
.site-footer__logo { font-family: var(--font-deco); font-size: 1.3rem; font-weight: 800; line-height: 1; background: linear-gradient(135deg, var(--c-main), var(--c-accent)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; margin: 0 0 0.5rem; }
.site-footer__copy { font-size: 0.76rem; color: var(--c-text-light); margin: 0; }

@media (max-width: 560px) {
	.site-header__inner { flex-direction: column; padding: 0.6rem 1rem; }
	.site-nav ul, .site-nav .site-nav__list { justify-content: center; }
}