/* base.css — 全ページ共通の土台（リセット等）。色トークン(:root)は各ページCSS側で定義。 */
*{box-sizing:border-box}
html{background:#dfe5e2}
body{
  margin:0;
  font-family:-apple-system,BlinkMacSystemFont,"Hiragino Kaku Gothic ProN","Yu Gothic",Meiryo,sans-serif;
  color:var(--text);
  background:var(--bg);
}
a{text-decoration:none;color:inherit}
button{font:inherit}

/* ===== 共通ハンバーガーメニュー（components.js が生成）=====
   .header は各ページCSSで position:sticky / z-index 指定済み。
   その中に絶対配置するので、ヘッダーに追従して常に見える位置に開く。
   body の overflow は触らない（背景ページが横にずれるのを避けるため）。 */
.header{position:relative}
.menu.is-open{color:var(--green,#2f7f42)}
.site-nav{
  position:absolute;
  top:100%;
  right:8px;
  width:min(84vw,300px);
  max-height:calc(100vh - 90px);
  overflow-y:auto;
  -webkit-overflow-scrolling:touch;
  margin-top:6px;
  padding:8px;
  border:1px solid #e2ebe2;
  border-radius:16px;
  background:#fff;
  box-shadow:0 14px 34px rgba(23,49,31,.18);
}
.site-nav[hidden]{display:none}
.site-nav__list{list-style:none;margin:0;padding:0}
.site-nav__head{
  margin:12px 8px 6px;
  color:var(--muted,#667085);
  font-size:13px;
  font-weight:800;
}
.site-nav__link{
  display:flex;
  align-items:center;
  gap:9px;
  padding:11px 10px;
  border-radius:11px;
  color:var(--text,#202124);
  font-size:15px;
  font-weight:700;
  line-height:1.4;
}
.site-nav__link:hover{background:#f2f8f2}
.site-nav__icon{flex:0 0 auto;font-size:19px;line-height:1}
.site-nav__link.is-current{
  color:#6b7280;
  background:#f4f6f4;
  cursor:default;
}
.site-nav__badge{
  margin-left:auto;
  padding:3px 8px;
  border-radius:999px;
  background:#e6efe6;
  color:var(--green,#2f7f42);
  font-size:11px;
  font-style:normal;
  font-weight:900;
  white-space:nowrap;
}
.site-nav__loading{padding:11px 10px;color:var(--muted,#667085);font-size:14px}
.site-nav-backdrop{
  position:fixed;
  inset:0;
  z-index:4;              /* ヘッダー(5〜10)より下、本文より上 */
  background:rgba(16,32,20,.32);
}
.site-nav-backdrop[hidden]{display:none}

/* ===== 共通フッター（運営者情報） ===== */
.site-footer{
  padding:20px 16px 26px;
  border-top:1px solid #e4ebe4;
  background:#f4f7f4;
  text-align:center;
}
.site-footer__links{
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:6px 14px;
  list-style:none;
  margin:0 0 12px;
  padding:0;
}
.site-footer__links a{
  color:var(--green,#2f7f42);
  font-size:14px;
  font-weight:700;
  text-decoration:underline;
  text-underline-offset:3px;
}
.site-footer__note,
.site-footer__copy{
  margin:0;
  color:var(--muted,#667085);
  font-size:12px;
  line-height:1.6;
}
.site-footer__copy{margin-top:8px}