/* 公開ページ共通のヘッダーとフッター (2026-10-13 トップの作り直しと同じ面。templates/home/_deep.html のトークンに合わせる)。
   2026 デザイン (html.b26) のときだけ効く。色・線・すりガラスだけで、並び・リンクは変えない。 */
html.b26:not([data-theme="light"]) { --bc-bg: #0a0a0c; }
html.b26:not([data-theme="light"]) .navbar {
  background: rgba(10, 10, 12, .72) !important;
  border-bottom: 1px solid rgba(255, 255, 255, .07) !important;
  -webkit-backdrop-filter: saturate(1.8) blur(16px); backdrop-filter: saturate(1.8) blur(16px);
}
html.b26:not([data-theme="light"]) .navbar .nav-link:not(.bc-read):not([style*="ff6f61"]),
html.b26:not([data-theme="light"]) .navbar a.nav-link[href]:not(.bc-read):not([style*="ff6f61"]) { color: #a1a1aa !important; font-weight: 500; letter-spacing: .01em; }
html.b26:not([data-theme="light"]) .navbar .nav-link:not(.bc-read):not([style*="ff6f61"]):hover { color: #f5f5f7 !important; background: rgba(255, 255, 255, .05) !important; }
html.b26:not([data-theme="light"]) .navbar-brand,
html.b26:not([data-theme="light"]) a.navbar-brand[href] { letter-spacing: -.01em; font-weight: 700 !important; }
html.b26:not([data-theme="light"]) .navbar-toggler { background-color: rgba(255, 255, 255, .04) !important; border-color: rgba(255, 255, 255, .1) !important; }
html.b26:not([data-theme="light"]) .footer {
  background: #0a0a0c !important;
  border-top: 1px solid rgba(255, 255, 255, .07) !important;
  color: #8b8b94 !important; letter-spacing: .01em;
}
html.b26:not([data-theme="light"]) .footer a,
html.b26:not([data-theme="light"]) .footer a[href] { color: #a1a1aa !important; font-weight: 500; }
html.b26:not([data-theme="light"]) .footer a[href]:hover { color: #f5f5f7 !important; text-decoration: none; }

html.b26[data-theme="light"] .navbar {
  background: rgba(255, 255, 255, .8) !important;
  border-bottom: 1px solid rgba(0, 0, 0, .07) !important;
  box-shadow: none !important;
  -webkit-backdrop-filter: saturate(1.8) blur(16px); backdrop-filter: saturate(1.8) blur(16px);
}
html.b26[data-theme="light"] .navbar .nav-link:not(.bc-read):not([style*="ff6f61"]) { color: #52525b !important; }
html.b26[data-theme="light"] .navbar .nav-link:not(.bc-read):not([style*="ff6f61"]):hover { color: #111113 !important; background: rgba(0, 0, 0, .04) !important; }
html.b26[data-theme="light"] .footer {
  background: #fafafa !important;
  border-top: 1px solid rgba(0, 0, 0, .07) !important;
  color: #63636b !important;
}
html.b26[data-theme="light"] .footer a { color: #52525b !important; font-weight: 500; }
html.b26[data-theme="light"] .footer a:hover { color: #111113 !important; }