/* ═══════════════════════════════════════════════
   Direction D refinements | Utility pages
   /daily/, /stocks/, /rebalance/, /explore/, /compare/,
   /risk-profile.html, /404.html, legal pages.
   These pages share generic class names like .card,
   .stat-card, .data-table, etc.
   ═══════════════════════════════════════════════ */

/* ── Generic card upgrade ── */
.card,
.dr-card,
.daily-card,
.stocks-card,
.rebal-card,
.explore-card,
.compare-card {
  background: var(--rcd-card) !important;
  border: 1px solid var(--rcd-rule) !important;
  border-radius: var(--rcd-r-lg) !important;
  box-shadow: var(--rcd-sh-1) !important;
  transition: transform 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease !important;
}
.card:hover,
.dr-card:hover,
.daily-card:hover,
.stocks-card:hover,
.rebal-card:hover,
.explore-card:hover,
.compare-card:hover {
  transform: translateY(-2px);
  box-shadow: var(--rcd-sh-2) !important;
}

/* ── Stat card | applies on most utility pages ── */
.stat-card,
.kpi-card {
  background: var(--rcd-card) !important;
  border: 1px solid var(--rcd-rule) !important;
  border-radius: var(--rcd-r-md) !important;
  box-shadow: var(--rcd-sh-1) !important;
}
.stat-card .stat-value,
.kpi-card .kpi-value,
.stat-num {
  font-family: var(--rcd-mono) !important;
  font-variant-numeric: tabular-nums;
  letter-spacing: -0.015em;
}

/* ── Data table | dense table on /stocks/ + /rebalance/ ── */
.data-table,
.stocks-table,
.rebal-table {
  background: var(--rcd-card) !important;
  border: 1px solid var(--rcd-rule) !important;
  border-radius: var(--rcd-r-lg) !important;
  overflow: hidden;
}
.data-table td,
.stocks-table td,
.rebal-table td {
  font-variant-numeric: tabular-nums;
}

/* ── Daily briefing card on /daily/ index ── */
.daily-row,
.daily-item {
  background: var(--rcd-card) !important;
  border: 1px solid var(--rcd-rule) !important;
  border-radius: var(--rcd-r-md) !important;
  box-shadow: var(--rcd-sh-1) !important;
}

/* ── Risk profile question card ── */
.rp-question,
.risk-question-card {
  background: var(--rcd-card) !important;
  border: 1px solid var(--rcd-rule) !important;
  border-radius: var(--rcd-r-lg) !important;
  box-shadow: var(--rcd-sh-2) !important;
  padding: 28px !important;
}
.rp-option,
.risk-option {
  background: var(--rcd-card) !important;
  border: 1px solid var(--rcd-rule) !important;
  border-radius: var(--rcd-r-md) !important;
  transition: border-color 0.18s ease, background 0.18s ease, box-shadow 0.18s ease !important;
}
.rp-option:hover,
.risk-option:hover {
  border-color: var(--rcd-rule-strong) !important;
  background: var(--rcd-bg-alt) !important;
  box-shadow: var(--rcd-sh-1) !important;
}

/* ── 404 popular content card ── */
.popular-card {
  background: var(--rcd-card) !important;
  border: 1px solid var(--rcd-rule) !important;
  border-radius: var(--rcd-r-md) !important;
  box-shadow: var(--rcd-sh-1) !important;
}
.popular-card:hover {
  transform: translateY(-2px);
  box-shadow: var(--rcd-sh-2) !important;
}

/* ── Compare hub | column tables + comparison cards ── */
.compare-table {
  background: var(--rcd-card) !important;
  border: 1px solid var(--rcd-rule) !important;
  border-radius: var(--rcd-r-lg) !important;
  overflow: hidden;
}

/* ── Legal pages | section cards on /privacy-policy/, /terms/, etc ── */
.legal-section,
.legal-card {
  background: var(--rcd-card) !important;
  border: 1px solid var(--rcd-rule) !important;
  border-radius: var(--rcd-r-md) !important;
  padding: 22px 26px !important;
  box-shadow: var(--rcd-sh-1) !important;
}

/* ── Eyebrow pill style for utility-page eyebrows ── */
.utility-eyebrow,
.dr-eyebrow,
.daily-eyebrow {
  display: inline-flex !important;
  align-items: center;
  gap: 9px;
  padding: 6px 14px;
  background: var(--rcd-bg-alt) !important;
  border: 1px solid var(--rcd-rule) !important;
  border-radius: var(--rcd-r-pill) !important;
  font-family: var(--rcd-mono) !important;
  font-size: 10.5px !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase;
  color: var(--rcd-text-2) !important;
}