/* ============================================================
   Clinical trials page redesign — same visual language as the finished
   homepage pass (redesign.css, body.home-refined).
   Scoped to .trials-refined. Loaded AFTER styles.css.
   Constraints: fonts unchanged (Mukta body / Source Serif display),
   copy + images + links unchanged; every trial description, Clinical
   Trial ID, and ClinicalTrials.gov link preserved.
   ============================================================ */

/* ---- Design tokens (identical to redesign.css) ---- */
.trials-refined {
  --ink-900: #0c2143;
  --accent: #12457e;
  --rule: #e7ecf2;
  --rule-strong: #d3dbe6;
  --paper: #f5f8fc;
  --shadow-card: 0 18px 40px -24px rgba(12,33,67,0.45);
  accent-color: var(--accent);
}

/* ---- Themed browser surfaces ---- */
.trials-refined ::selection { background: #cfe0f4; color: var(--ink-900); }
.trials-refined :focus-visible { outline: 2px solid var(--accent); outline-offset: 3px; border-radius: 3px; }

/* ---- Section kickers: refined tracked accent label ---- */
.trials-refined .eyebrow {
  text-transform: uppercase; font-weight: 700; letter-spacing: 0.14em;
  font-size: 0.72rem; color: var(--accent); margin: 0 0 12px;
}

/* ---- Content headings: serif, tightened tracking, deep navy.
   Scoped to page content — never the dark footer (headings stay white). ---- */
.trials-refined section h2,
.trials-refined section h3 {
  font-family: var(--serif); color: var(--ink-900); letter-spacing: -0.018em;
}

/* ============================================================
   PAGE BANNER — keep height; lighter blue-hue overlay, serif display
   ============================================================ */
.trials-refined .page-banner .hero-overlay {
  background: linear-gradient(90deg, rgba(16,42,82,0.77) 0%, rgba(16,42,82,0.37) 100%);
}
.trials-refined .page-banner h1 {
  font-family: var(--serif); font-weight: 600; letter-spacing: -0.018em; color: #fff;
}
.trials-refined .breadcrumb { color: #b9d2ea; }
.trials-refined .breadcrumb a { color: #d7e3ef; }
.trials-refined .breadcrumb a:hover { color: #fff; }
.trials-refined .page-banner p a { color: #fff; text-decoration: underline; text-underline-offset: 2px; }

/* ============================================================
   TRIAL CARDS — hairline (no thick left tab), soft radius,
   quiet rest, hover lift
   ============================================================ */
.trials-refined .trial-card {
  border: 1px solid var(--rule);
  border-left: 1px solid var(--rule);   /* remove the thick 4px accent side-tab */
  border-radius: 12px;
  box-shadow: none;
  transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease;
}
.trials-refined .trial-card:hover {
  transform: translateY(-4px); border-color: var(--rule-strong); box-shadow: var(--shadow-card);
}
.trials-refined .trial-card__id { color: var(--accent); letter-spacing: 0.08em; }
.trials-refined .trial-card h3 {
  font-family: var(--serif); font-weight: 600; letter-spacing: -0.018em; color: var(--ink-900);
}

/* Status pills stay semantic; soften to calm steel tones on hairline borders */
.trials-refined .trial-status { border-radius: 999px; }
.trials-refined .trial-status--enrolling { color: #1d6b45; background: #eaf4ee; border-color: #cbe3d5; }
.trials-refined .trial-status--pending { color: #7a5a1c; background: #f6efdd; border-color: #e3d3aa; }
.trials-refined .trial-status--followup { color: var(--accent); background: var(--paper); border-color: var(--rule-strong); }
.trials-refined .trial-status--unconfirmed { color: var(--slate); background: #f2f5f8; border-color: var(--rule-strong); }

/* ============================================================
   BUTTONS — primary solid accent, refined radius/weight, hover to ink
   ============================================================ */
.trials-refined .btn {
  background: var(--accent); color: #fff; border: none;
  border-radius: 8px; font-weight: 600; padding: 13px 24px;
}
.trials-refined .btn:hover { background: var(--ink-900); color: #fff; transform: translateY(-1px); }

/* ============================================================
   Respect reduced motion — no lift transforms
   ============================================================ */
@media (prefers-reduced-motion: reduce) {
  .trials-refined .trial-card,
  .trials-refined .btn { transition: none; }
  .trials-refined .trial-card:hover,
  .trials-refined .btn:hover { transform: none; }
}