/* =========================================================
   文字数の道具 ── サイトの頭と足（全ページ。ますめにも差し込む）
   色は site.css / ますめ と同じ名前の変数を使う。
   ========================================================= */
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
/* ===== サイトの頭 ===== */
.site-hd{background:var(--card);border-bottom:1px solid var(--line);padding-top:env(safe-area-inset-top,0px)}
.site-hd .in{max-width:1100px;margin:0 auto;padding:10px 16px 0;display:flex;flex-direction:column;gap:6px}
.site-hd .brand{display:flex;align-items:center;gap:9px;text-decoration:none;color:var(--ink)}
.site-hd .brand svg{width:28px;height:28px;flex:none}
.site-hd .brand b{font-family:var(--serif);font-weight:600;font-size:18px;letter-spacing:.12em}
.site-nav{display:flex;gap:4px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;margin-inline:-16px;padding:0 16px 8px}
.site-nav::-webkit-scrollbar{display:none}
.site-nav a{flex:none;text-decoration:none;color:var(--sub);font-size:13px;padding:5px 11px;border-radius:999px;border:1px solid transparent;white-space:nowrap}
.site-nav a:hover{color:var(--ink);border-color:var(--line)}
.site-nav a[aria-current="page"]{background:var(--accent);color:var(--accent-ink);font-weight:500}

/* ===== 広告の置き場（ADS=true の日まで出さない） ===== */
.ad-slot{min-height:100px;margin-block:18px;display:flex;align-items:center;justify-content:center}

/* ===== サイトの足 ===== */
.site-ft{border-top:1px solid var(--line);margin-top:30px;background:var(--card)}
.site-ft .in{max-width:1100px;margin:0 auto;padding:18px 16px calc(22px + env(safe-area-inset-bottom,0px));font-size:12.5px;color:var(--sub);line-height:1.9}
.site-ft nav{display:flex;flex-wrap:wrap;gap:4px 14px;margin-bottom:8px}
.site-ft a{color:var(--sub)}
.site-ft .safe{display:flex;gap:6px;align-items:flex-start}

.toast{position:fixed;left:50%;bottom:calc(18px + env(safe-area-inset-bottom,0px));transform:translateX(-50%);background:var(--ink);color:var(--ground);
  padding:8px 16px;border-radius:999px;font-size:13px;z-index:50;box-shadow:var(--shadow)}
.site-hd,.site-ft{font-family:var(--sans)}
@media print{.site-hd,.site-ft,.ad-slot{display:none!important}}