/* Gildhart Research (/research/). Template: page-templates/research.php. Builds on ai-report.css (hero, buttons, type). */
body.gh-research-page .nav-spacer { display: none; }

/* Hero */
.rx-hero { padding-bottom: 4rem; }
.rx-h1 { max-width: 18ch; }
.rx-h1 span:last-child { font-size: 0.5em; }
.rx-sub { max-width: 58ch; }
.rx-facts { list-style: none; margin: 0.4rem 0 0; padding: 1.6rem 0 0; display: flex; flex-wrap: wrap; gap: 0.8rem 3rem; border-top: 1px solid rgba(201, 164, 74, 0.28); max-width: 640px; }
.rx-facts li { display: grid; gap: 0.25rem; }
.rx-facts b { font-family: 'Outfit', 'Inter', sans-serif; font-size: 2.2rem; font-weight: 800; line-height: 1; letter-spacing: -0.04em; color: #fdfbf5; }
.rx-facts span { font-size: 0.8125rem; font-weight: 700; letter-spacing: 0.06em; text-transform: uppercase; color: rgba(248, 244, 234, 0.7); }

/* How we run a study */
.rx-steps { list-style: none; margin: 2.8rem 0 0; padding: 0; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 2rem; counter-reset: none; }
.rx-steps li { display: flex; flex-direction: column; padding-top: 1.4rem; border-top: 2px solid #0f172a; }
.rx-steps li b { margin-bottom: 0.45rem; font-family: 'Outfit', 'Inter', sans-serif; font-size: 1.1875rem; font-weight: 800; letter-spacing: -0.01em; color: #0f172a; }
.rx-steps li > span:last-child { font-size: 0.9688rem; line-height: 1.6; color: #3a4556; }
.rx-honest { margin: 2.8rem 0 0; padding: 1.3rem 1.5rem; max-width: 880px; border-left: 4px solid var(--gildhart-gold, #C9A44A); background: #fbf8f1; font-size: 1rem; line-height: 1.65; color: #3a4556; }
.rx-honest b { color: #0f172a; }
.rx-honest .ar-link { color: #0f172a; white-space: nowrap; }

/* Cite */
.rx-cite { padding: 5.5rem 2rem; background: #f5f0e8; border-top: 1px solid #ece6d6; }
.rx-cite-grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 4rem; align-items: center; }
.rx-cite-box { padding: 2rem; border-radius: 16px; background: #fdfbf5; box-shadow: 0 0 0 1px rgba(201, 164, 74, 0.45), 0 30px 60px -36px rgba(15, 23, 42, 0.45); }
.rx-cite-k { margin: 0 0 0.7rem; font-size: 0.75rem; font-weight: 800; letter-spacing: 0.14em; text-transform: uppercase; color: #8B6914; }
.rx-cite-text { margin: 0 0 1.5rem; font-family: 'Outfit', 'Inter', sans-serif; font-size: 1.1875rem; font-weight: 600; line-height: 1.45; color: #0f172a; overflow-wrap: anywhere; }
.rx-cite-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 1rem 1.5rem; }
.rx-cite-actions .ar-link { color: #0f172a; }
.rx-copy { min-width: 150px; }

/* Close: run it on your practice */
.rx-close { text-align: left; }
.rx-runs { margin: 2.4rem 0 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1.4rem; }
.rx-run { display: flex; flex-direction: column; gap: 0.5rem; padding: 1.8rem; border-radius: 16px; background: rgba(253, 251, 245, 0.04); box-shadow: inset 0 0 0 1px rgba(201, 164, 74, 0.4); color: rgba(248, 244, 234, 0.86); text-decoration: none; transition: background 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease; }
.rx-run:hover { background: rgba(201, 164, 74, 0.1); box-shadow: inset 0 0 0 1px var(--gildhart-gold, #C9A44A); transform: translateY(-2px); color: rgba(248, 244, 234, 0.86); text-decoration: none; }
.rx-run-k { font-size: 0.75rem; font-weight: 800; letter-spacing: 0.14em; text-transform: uppercase; color: var(--gildhart-gold, #C9A44A); }
.rx-run b { font-family: 'Outfit', 'Inter', sans-serif; font-size: 1.5rem; font-weight: 800; letter-spacing: -0.02em; color: #fdfbf5; }
.rx-run > span:not(.rx-run-k) { font-size: 1rem; line-height: 1.6; }
.rx-run em { margin-top: 0.6rem; font-style: normal; font-weight: 700; color: var(--gildhart-gold, #C9A44A); }
.rx-run em i { font-style: normal; display: inline-block; transition: transform 0.2s ease; }
.rx-run:hover em i { transform: translateX(4px); }

@media (max-width: 1024px) {
  .rx-steps { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .rx-cite-grid { grid-template-columns: 1fr; gap: 2rem; }
}
@media (max-width: 760px) {
  .rx-hero { padding-bottom: 3rem; }
  .rx-facts { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0.8rem 1.2rem; }
  .rx-facts b { font-size: 1.8rem; }
  .rx-facts span { font-size: 0.6875rem; letter-spacing: 0.04em; line-height: 1.35; }
  .rx-steps { grid-template-columns: 1fr; gap: 1.6rem; margin-top: 2rem; }
  .rx-cite { padding: 4rem 1.25rem; }
  .rx-cite-box { padding: 1.4rem; }
  .rx-runs { grid-template-columns: 1fr; }
  .rx-run { padding: 1.4rem; }
}