/*
 * Page-level tweaks for /research-query.html.
 *
 * The condition card, results card and hit-table styling all come from
 * research.css (same rules the main condition search uses). Only the research
 * sub-navigation and a few page-shell overrides live here.
 */

/* ---------- 研究サブナビ（研究トップ / 条件検索 / 詳細指標） ---------- */
.research-subnav {
  display: flex;
  flex-wrap: wrap;
  gap: 0.4rem 0.6rem;
  margin: 0 0 1.1rem;
}
.research-subnav a {
  display: inline-block;
  padding: 0.35rem 0.7rem;
  border-radius: 999px;
  font-size: 0.85rem;
  font-weight: 600;
  color: var(--haidex-text, #1c2430);
  background: var(--haidex-very-light, #f3f6f4);
  border: 1px solid var(--haidex-border, #d8e1dc);
  text-decoration: none;
  white-space: nowrap;
}
.research-subnav a:hover {
  background: var(--haidex-light, #dcfce7);
  border-color: var(--haidex-border-green, #b9d8c8);
  color: var(--haidex-brand-green, #15803d);
}
.research-subnav a[aria-current="page"] {
  color: #fff;
  background: var(--haidex-action-primary, #2f5f9f);
  border-color: var(--haidex-action-primary-hover, #1e4478);
}

/* ---------- ページシェル ---------- */
body.haidex-app.research-query-page {
  margin: 0 auto;
  padding: 1rem 1.15rem 2.5rem;
  max-width: 96rem;
}
.research-query-lead {
  margin: 0 0 1.15rem;
  color: var(--haidex-text-secondary, #5a6570);
  font-size: 0.98rem;
  line-height: 1.7;
  max-width: 48rem;
}
.research-lock-note {
  margin: 0.5rem 0 0;
  font-size: 0.9rem;
  color: #5c4a00;
}
.research-err {
  color: #b00020;
  margin: 0.5rem 0;
}
.research-auth-wait {
  color: #5a6570;
  font-size: 0.92rem;
}

/* ---------- 研究対象セレクタ ---------- */
#research_benchmark_select {
  min-width: min(100%, 28rem);
  max-width: 100%;
}