/* KabuBase 共通ナビゲーション — kb-nav.js が <link> で読み込む */

/* Keep the document canvas opaque while pages reload or navigate. */
html{background:var(--kb-page-bg,var(--bg,#0a0f1e));overflow-x:hidden;overflow-x:clip}


/* ── パンくず ── */
.kb-breadcrumb{display:flex;align-items:center;flex-wrap:wrap;gap:4px;
  padding:6px 20px;background:#04080f;border-bottom:1px solid rgba(255,255,255,.05);
  font-size:11px;color:#334155;line-height:1.4}
.kb-breadcrumb a{color:#475569;text-decoration:none;transition:color .12s}
.kb-breadcrumb a:hover{color:#94a3b8}
.kb-breadcrumb .bc-sep{color:#1e293b;user-select:none}
.kb-breadcrumb .bc-cur{color:#64748b}

/* Keep secondary text readable on dark surfaces without competing with data. */
.kb-breadcrumb a:hover,.kb-breadcrumb a:focus-visible{color:#cbd5e1}

/* ── トップナビ ── */
.kb-top-nav{display:flex;align-items:center;justify-content:space-between;
  padding:13px 24px;border-bottom:1px solid rgba(255,255,255,.07);background:#04080f}
.kb-top-logo{font-size:16px;font-weight:700;color:#f1f5f9;text-decoration:none;letter-spacing:.02em}
.kb-top-logo span{color:#60a5fa}

/* ── Market Pulse ── */
.kb-market-pulse{
  min-height:34px;display:flex;align-items:center;justify-content:center;gap:16px;padding:6px 20px;
  background:#060b16;border-bottom:1px solid rgba(255,255,255,.06);color:#64748b;
  font-size:11px;line-height:1.4;font-family:-apple-system,"Hiragino Sans","Yu Gothic",sans-serif;
  overflow-x:auto;font-variant-numeric:tabular-nums;white-space:nowrap;scrollbar-width:none}
.kb-market-pulse::-webkit-scrollbar{display:none}
.kb-pulse-label{color:#94a3b8;font-weight:700;letter-spacing:.04em}
.kb-pulse-item{display:inline-flex;align-items:center;gap:5px}
.kb-pulse-name{color:#64748b}
.kb-pulse-value{color:#cbd5e1;font-weight:600}
.kb-pulse-change{font-weight:700}
.kb-pulse-change.pos{color:#f87171}
.kb-pulse-change.neg{color:#4ade80}
.kb-pulse-updated{color:#334155}
.kb-pulse-skeleton{display:inline-flex;align-items:center;gap:16px;min-width:420px}
.kb-pulse-skeleton span{display:block;height:10px;border-radius:999px;background:#172033}
.kb-pulse-skeleton span:nth-child(1){width:76px}
.kb-pulse-skeleton span:nth-child(2){width:92px}
.kb-pulse-skeleton span:nth-child(3){width:88px}
.kb-pulse-skeleton span:nth-child(4){width:96px}

/* ── モバイルナビ ── */
.kb-mobile-nav{display:none}

@media(max-width:760px){
  .kb-breadcrumb{padding:5px 14px;font-size:10.5px}
  .kb-market-pulse{justify-content:flex-start;padding:6px 14px;gap:12px}
  .kb-pulse-label{display:none}
  .kb-pulse-skeleton{min-width:360px;gap:12px}
  body{padding-bottom:calc(72px + env(safe-area-inset-bottom,0px))!important}

  .kb-mobile-nav{
    position:fixed;left:0;right:0;bottom:0;z-index:9000;
    display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin:0;
    padding:6px 8px calc(6px + env(safe-area-inset-bottom,0px));
    background:rgba(6,11,22,.97);
    border-top:1px solid #1e293b;
    box-shadow:0 -10px 30px rgba(0,0,0,.24);
    -webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}

  .kb-mobile-nav a,
  .kb-mobile-nav button{
    min-height:52px;display:flex;flex-direction:column;align-items:center;
    justify-content:center;gap:3px;
    border:0;background:transparent;color:#64748b;text-decoration:none;
    font-size:10px;line-height:1.2;
    font-family:-apple-system,"Hiragino Sans","Yu Gothic",sans-serif;
    cursor:pointer;border-radius:9px;
    -webkit-appearance:none;appearance:none;padding:0;
    -webkit-tap-highlight-color:transparent}

  .kb-mobile-nav a,
  .kb-mobile-nav button{
    transition:color .15s ease,background-color .15s ease,transform .12s ease}

  .kb-mobile-nav svg{width:19px;height:19px}
  .kb-mobile-nav .active{color:#60a5fa;background:rgba(59,130,246,.1)}
  .kb-mobile-nav a:active,
  .kb-mobile-nav button:active{transform:scale(.96)}
}

@media (prefers-contrast: more){
  .kb-breadcrumb,.kb-market-pulse,.kb-mobile-nav{border-color:#475569}
  .kb-breadcrumb a,.kb-breadcrumb .bc-cur,.kb-pulse-name{color:#cbd5e1}
  .kb-mobile-nav a,.kb-mobile-nav button{color:#cbd5e1}
}

/* Indicator article wayfinding and immediate research actions */
.indicator-breadcrumb{display:flex;align-items:center;flex-wrap:wrap;gap:6px;margin:0 0 18px;font-size:12px;line-height:1.5;color:#64748b}
.indicator-breadcrumb a{color:#94a3b8;text-decoration:underline;text-underline-offset:3px}
.indicator-breadcrumb a:hover,.indicator-breadcrumb a:focus-visible{color:#dbeafe}
.indicator-breadcrumb .indicator-breadcrumb-sep{color:#334155;user-select:none}
.indicator-quick-links{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0 24px}
.indicator-quick-links a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 17px;border-radius:8px;border:1px solid #334155;background:#0f172a;color:#bfdbfe;font-size:13px;font-weight:700;line-height:1.4;text-decoration:none}
.indicator-quick-links a:first-child{border-color:#2563eb;background:#1d4ed8;color:#fff}
.indicator-quick-links a:hover,.indicator-quick-links a:focus-visible{border-color:#60a5fa}
@media(max-width:640px){.indicator-breadcrumb{margin-bottom:14px;font-size:11px}.indicator-quick-links{display:grid;grid-template-columns:1fr;margin:15px 0 22px}.indicator-quick-links a{width:100%;min-height:46px;padding:11px 14px}}