/* Research page + homepage winners strip (CryptoBro strategies) */

/* ---------- homepage winners (inside the Live Series terminal section) ---------- */
.home-winners-head { display: flex; align-items: flex-end; justify-content: space-between;
  gap: 16px; flex-wrap: wrap; margin-bottom: 16px; }
.home-winners-head h2, .home-winners-head h3 { margin: 2px 0 0; font-size: 20px; }
.home-winners { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; }
@media (max-width: 1000px) { .home-winners { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 620px) { .home-winners { grid-template-columns: 1fr; } }

.rcard { border: 1px solid var(--line, rgba(148,163,184,.25)); border-radius: 12px;
  padding: 14px; background: var(--surface, rgba(148,163,184,.05));
  display: flex; flex-direction: column; gap: 8px; }
.rcard-top { display: flex; align-items: baseline; justify-content: space-between; gap: 8px; }
.rcard-title { font-weight: 700; font-size: 15px; }
.rcard-fam { font-size: 11px; opacity: .65; text-transform: uppercase; letter-spacing: .06em; }
.rcard-sub { font-size: 11.5px; opacity: .7; }
.rcard-chart { width: 100%; height: 74px; display: block; }
.rcard-stats { display: grid; grid-template-columns: 1fr 1fr; gap: 4px 12px; }
.rcard-stats > div { display: flex; justify-content: space-between; font-size: 12px; }
.rcard-stats span { opacity: .65; }
.rcard-stats b { font-variant-numeric: tabular-nums; }
.rcard-cta { margin-top: 4px; display: flex; gap: 8px; }
.rcard-cta .btn { padding: 5px 12px; font-size: 12px; }

/* ---------- research page ---------- */
.rpage { padding-bottom: 40px; }
.r-intro { max-width: 900px; opacity: .85; line-height: 1.65; }
.r-top { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; margin: 22px 0 6px; }
@media (max-width: 1000px) { .r-top { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 620px) { .r-top { grid-template-columns: 1fr; } }
.r-family { margin-top: 34px; }
.r-family-head { display: flex; align-items: baseline; gap: 12px; margin-bottom: 12px; }
.r-family-head h2 { margin: 0; font-size: 22px; }
.r-family-head .r-family-note { opacity: .6; font-size: 13px; }
.r-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); gap: 14px; }
.r-disabled { margin-top: 34px; padding: 14px; border: 1px dashed var(--line, rgba(148,163,184,.3));
  border-radius: 12px; opacity: .8; font-size: 13px; }

/* SVG charts */
.rcard-chart .rline { fill: none; stroke: #7c8cf8; stroke-width: 1.6; }
.rcard-chart .rarea { fill: rgba(124,140,248,.15); stroke: none; }
.rcard-chart .rbar { fill: #7c8cf8; opacity: .85; }
.rcard-chart .rbar.neg { fill: #ea3943; }
.rcard-chart .rzero { stroke: rgba(148,163,184,.5); stroke-width: 1; stroke-dasharray: 3 3; }
.rchart-duo { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.rchart-cap { font-size: 10px; opacity: .55; text-align: center; margin-top: 2px; }

/* research leaderboard + winner badge */
.r-leaderboard { width: 100%; border-collapse: collapse; margin: 16px 0 6px; font-size: 13px; }
.r-leaderboard th, .r-leaderboard td { text-align: left; padding: 7px 10px;
  border-bottom: 1px solid var(--line, rgba(148,163,184,.2)); }
.r-leaderboard th { opacity: .6; font-weight: 600; text-transform: uppercase;
  letter-spacing: .05em; font-size: 11px; }
.r-leaderboard td:first-child { font-weight: 700; opacity: .7; }
.r-leaderboard td b { font-variant-numeric: tabular-nums; }
.r-badge { display: inline-block; margin-left: 8px; padding: 1px 8px; border-radius: 999px;
  font-size: 10px; font-weight: 700; text-transform: uppercase; letter-spacing: .06em;
  background: rgba(124,140,248,.2); border: 1px solid rgba(124,140,248,.55); color: #aab4ff; }