/* ============================================================
   QOLMS アプリ切替バー（KAGAMINO / お薬手帳 / 医療ナビ 共通）
   名前空間 .qfam-* で各LPの既存スタイルと衝突しない自己完結CSS。
   ニュートラルなダークバーのため、配下が青/オレンジどのトンマナでも成立する。
   ============================================================ */
.qfam-switch {
  display: flex;
  justify-content: center;
  background: #11202e;
  padding: 7px 14px;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI",
    "Hiragino Kaku Gothic ProN", "Noto Sans JP", Meiryo, sans-serif;
  -webkit-font-smoothing: antialiased;
}

.qfam-switch__inner {
  display: flex;
  align-items: center;
  gap: 6px;
  flex-wrap: wrap;
  justify-content: center;
  width: 100%;
  max-width: 1040px;
}

.qfam-switch__label {
  color: #8ba0b4;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.03em;
  margin-right: 4px;
}

.qfam-switch a {
  color: #d4dde6;
  text-decoration: none;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.2;
  padding: 6px 14px;
  border-radius: 999px;
  white-space: nowrap;
  transition: background-color 0.15s ease, color 0.15s ease;
}

.qfam-switch a:hover,
.qfam-switch a:focus-visible {
  background: rgba(255, 255, 255, 0.14);
  color: #fff;
}

.qfam-switch a[aria-current="page"] {
  background: #fff;
  color: #11202e;
}

@media (max-width: 480px) {
  .qfam-switch { padding: 6px 10px; }
  .qfam-switch__label { display: none; }
  .qfam-switch a { font-size: 12px; padding: 5px 11px; }
}