/* ============================================================
   /stock/{symbol} · 個股研究頁 頁面專屬樣式
   ------------------------------------------------------------
   規則：docs/ui-rules.md §9 Page Hierarchy、§4 Layout、§9 Chart
   ------------------------------------------------------------
   階段 3 保守升級：只動 hero 字型 + section 間距。
   完整 tab 架構 + AI 快評前移 留給未來和 dashboard 一起 IA 重做
   （lightweight-charts 深度整合，動整體結構風險高）。
   ============================================================ */


/* ── Breadcrumb 淡一點 ─────────────────────────── */
.sd-breadcrumb {
  font-family: var(--ff-body);
  font-size: var(--fs-meta);
  color: var(--al-ink-muted);
  margin-bottom: var(--sp-3);
}
.sd-breadcrumb a {
  color: var(--al-ink-muted);
  text-decoration: none;
  transition: color var(--dur-fast) var(--ease-out);
}
.sd-breadcrumb a:hover { color: var(--al-accent); }


/* ── Section 之間的間距鎖定 sp-6（避免擠）──────── */
.sd-hero + .sd-ai-card,
.sd-ai-card + *,
.sd-news-section + *,
.sd-snap-card + *,
.sd-valuation-card + *,
.sd-chip-card + *,
.sd-chart-card + *,
.sd-holdings-card + *,
.sd-hist-card + *,
.sd-financial-card + * {
  margin-top: var(--sp-6);
}


/* ── Hero 呼吸 ──────────────────────────────────── */
.sd-hero {
  padding: var(--sp-5) var(--sp-5) var(--sp-4);
}

@media (min-width: 640px) {
  .sd-hero {
    padding: var(--sp-6) var(--sp-5) var(--sp-5);
  }
}


/* ── CTA 按鈕最小 44px tap（守 §10 規則）─────── */
.sd-cta-primary,
.sd-cta-secondary,
.sd-cta-ghost {
  min-height: var(--tap-min);
  white-space: nowrap;
  word-break: keep-all;
}


/* ── Range tabs 最小 36px tap ──────────────────── */
.sd-range-btn {
  min-height: 36px;
  white-space: nowrap;
  word-break: keep-all;
}


/* ── 圖表容器守 §9 Chart：mobile 260px（手機空間寶貴）─── */
@media (max-width: 639px) {
  .sd-chart-wrap,
  .sd-chart-card [data-chart-wrap] {
    height: 260px !important;
  }
}