/* kabu-scope 共通デザイントークン（2bライト統一・2026-08-30）
   全サイト共通。値の変更はここ1箇所で行う。デザインの正: kabu-scope リニューアル案.dc.html */
:root {
  --ks-bg: #f4f7fb;
  --ks-card: #ffffff;
  --ks-ink: #141922;
  --ks-ink-75: rgba(20, 25, 34, .75);
  --ks-ink-60: rgba(20, 25, 34, .6);
  --ks-ink-55: rgba(20, 25, 34, .55);
  --ks-ink-50: rgba(20, 25, 34, .5);
  --ks-border: rgba(20, 25, 34, .08);
  --ks-border-strong: rgba(20, 25, 34, .14);
  --ks-thead: #f7f9fc;
  --ks-blue: oklch(0.55 0.17 250);
  --ks-blue-bright: oklch(0.62 0.15 245);
  --ks-cyan: oklch(0.62 0.14 215);
  --ks-up: oklch(0.52 0.15 150);
  --ks-down: oklch(0.58 0.17 25);
  --ks-warn: oklch(0.62 0.13 65);
  --ks-skeleton: rgba(20, 25, 34, .05);
  --ks-shadow: 0 1px 3px rgba(20, 40, 80, .06);
  --ks-shadow-sm: 0 1px 2px rgba(20, 40, 80, .05);
  --ks-radius: 14px;
  --ks-radius-sm: 12px;
  --ks-radius-chip: 5px;
  --ks-font-sans: "IBM Plex Sans JP", system-ui, sans-serif;
  --ks-font-mono: "IBM Plex Mono", ui-monospace, monospace;
}

.ks-card {
  background: var(--ks-card);
  border: 1px solid var(--ks-border);
  border-radius: var(--ks-radius);
  box-shadow: var(--ks-shadow);
}

.ks-pill-active {
  font: 500 12px/1 var(--ks-font-sans);
  color: #fff;
  background: var(--ks-blue);
  padding: 7px 13px;
  border-radius: 7px;
  text-decoration: none;
}

.ks-pill {
  font: 500 12px/1 var(--ks-font-sans);
  color: var(--ks-ink-60);
  padding: 7px 13px;
  text-decoration: none;
  border-radius: 7px;
}

.ks-skeleton {
  background: var(--ks-skeleton);
  border-radius: 8px;
  animation: ks-pulse 1.4s ease-in-out infinite;
}

@keyframes ks-pulse {
  0%, 100% { opacity: 1; }
  50% { opacity: .55; }
}

.ks-disclaimer {
  text-align: center;
  font: 400 9.5px/1.6 var(--ks-font-sans);
  color: rgba(20, 25, 34, .4);
  padding: 13px 10px 12px;
}