/* Research My Pick uses the shared homepage / companion-page design system. */
body.research-page {
  --pp-paper: var(--night);
  --pp-paper-light: var(--night-2);
  --pp-text: var(--cream);
  --pp-ink: var(--cream);
  --pp-sub: var(--muted);
  --pp-orange-dark: var(--blue);
  --pp-line: rgba(84, 200, 255, .35);
  --pp-radius-card: 14px;
  --pp-display: var(--display);
  --pp-body: var(--body);
  color-scheme: dark;
}
.research-page{min-height:100vh;color:var(--muted)}
.research-page .shell{width:min(1160px,calc(100vw - 32px));margin:0 auto}
.research-hero{padding:106px 0 58px}
.eyebrow{display:flex;align-items:center;gap:9px;color:var(--blue);font:600 11px var(--mono);letter-spacing:.12em;text-transform:uppercase}
.eyebrow i{width:8px;height:8px;border-radius:50%;background:var(--orange);box-shadow:3px 3px 0 var(--night-2)}
.research-hero h1{max-width:820px;margin:18px 0;color:var(--cream);font:700 clamp(48px,8vw,96px)/.92 var(--display);letter-spacing:-.05em}
.research-hero h1 em{color:var(--blue);font-style:normal}
.research-hero .lede{max-width:690px;font-size:19px;line-height:1.65}
.research-hero-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:42px;align-items:end}
.brief-card{padding:22px;border:1px solid var(--border);border-radius:14px;background:var(--night-2);box-shadow:none}
.brief-card>p{margin:0 0 15px;color:var(--muted);font:600 12px var(--mono);letter-spacing:.08em;text-transform:uppercase}
.pick-strip{display:grid;grid-template-columns:1fr auto;gap:12px;padding:15px 0;border-top:1px solid var(--border)}
.pick-strip strong{color:var(--cream);font-size:15px}
.pick-strip span{color:var(--muted);font:700 12px var(--mono)}
.research-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}
.research-button,.research-button.btn{display:inline-flex;align-items:center;justify-content:center;padding:14px 20px;border:1px solid var(--cream);border-radius:10px;background:var(--cream);color:var(--night-2);font-weight:600;box-shadow:4px 4px 0 var(--orange);transition:transform 180ms ease,box-shadow 180ms ease}body.research-page main a.research-button{color:var(--night-2)!important}
.research-button:hover{transform:translate(2px,2px);box-shadow:2px 2px 0 var(--orange)}
.research-button--disabled{background:var(--muted);color:var(--night-2);box-shadow:none;cursor:not-allowed}
.quiet-link{padding:14px 4px;color:var(--blue);font-weight:600}
.research-button:focus-visible,.quiet-link:focus-visible{outline:3px solid var(--blue);outline-offset:3px}
.research-section{padding:58px 0;border-top:1px solid var(--border)}
.section-label{color:var(--blue);font:600 11px var(--mono);letter-spacing:.1em;text-transform:uppercase}
.research-section h2{max-width:720px;margin:12px 0 14px;color:var(--cream);font:700 clamp(31px,5vw,55px)/.98 var(--display);letter-spacing:-.035em}
.section-intro{max-width:720px;font-size:17px;line-height:1.7}
.coverage-grid,.step-grid,.access-grid{display:grid;gap:14px;margin-top:30px}
.coverage-grid{grid-template-columns:repeat(3,1fr)}
.step-grid{grid-template-columns:repeat(3,1fr)}
.access-grid{grid-template-columns:repeat(3,1fr)}
.coverage-card,.step-card,.access-card{padding:22px;border:1px solid var(--border);border-radius:14px;background:var(--night-2)}
.coverage-card h3,.step-card h3,.access-card h3{margin:0 0 10px;color:var(--cream);font:700 24px/1 var(--display)}
.coverage-card p,.step-card p,.access-card p{margin:0;font-size:15px;line-height:1.62}
.coverage-card .sport{display:inline-block;margin-bottom:16px;color:var(--blue);font:600 11px var(--mono);letter-spacing:.08em}
.step-card b{display:block;margin-bottom:22px;color:var(--muted);font:600 12px var(--mono)}
.access-card strong{color:var(--cream);font-family:var(--mono)}
.access-card.featured{border-color:var(--orange);background:var(--night-2)}
.meaning{display:grid;grid-template-columns:.85fr 1.15fr;gap:28px;padding:30px;border:1px solid var(--border);border-radius:14px;background:var(--night-2)}
.score-sample{align-self:start;padding:20px;border:1px solid var(--cream);border-radius:10px;background:var(--cream);box-shadow:4px 4px 0 var(--blue)}
.score-sample small{display:block;color:var(--night-2);font:600 10px var(--mono);letter-spacing:.1em;text-transform:uppercase}
.score-sample strong{display:block;margin:7px 0;color:var(--night-2);font:700 clamp(35px,6vw,64px)/1 var(--mono)}
.score-sample span{color:var(--blue);font-weight:600}
.meaning p{font-size:16px;line-height:1.7}
.meaning strong{color:var(--cream)}
.faq-list{margin-top:26px}
.faq-item{padding:19px 0;border-top:1px solid var(--border)}
.faq-item h3{margin:0 0 8px;color:var(--cream);font:600 19px/1.2 var(--display)}
.faq-item p{max-width:810px;margin:0;line-height:1.7}
.final-cta{margin:12px 0 82px;padding:42px;border:1px solid var(--cream);border-radius:14px;background:var(--night-2);box-shadow:none}
.final-cta h2{max-width:680px;margin:0;color:var(--cream);font:700 clamp(33px,5vw,58px)/.96 var(--display);letter-spacing:-.04em}
.final-cta p{max-width:650px;margin:15px 0 25px;font-size:17px;line-height:1.65}
@media(max-width:800px){.research-page .shell{width:calc(100vw - 32px);max-width:calc(100vw - 32px);overflow:hidden}
.research-hero{padding-top:78px}
.research-hero-grid,.meaning{grid-template-columns:1fr}
.research-hero-grid>*{min-width:0}
.research-hero h1,.research-hero .lede,.brief-card{max-width:100%}
.coverage-grid,.step-grid,.access-grid{grid-template-columns:1fr}
.research-section{padding:46px 0}
.final-cta{padding:28px}
.research-hero h1{font-size:clamp(38px,10vw,46px);letter-spacing:-.045em;overflow-wrap:anywhere;text-wrap:wrap}
.research-hero h1 em{display:block}
.research-hero .lede{overflow-wrap:anywhere}
.research-actions{flex-direction:column;align-items:flex-start}
.quiet-link{padding:6px 4px}}
/* Match the current site's restrained orange actions and blue research framing. */
.research-page .shell { width: min(var(--max), calc(100% - 40px)); }
.research-hero { padding: 70px 0 76px; }
.research-hero h1 { font-weight: 700; }
.research-hero h1 em { color: var(--orange); }
.research-hero-grid { align-items: center; }
.research-page .brief-card { border-color: var(--blue); background: #021522; box-shadow: none; }
body.research-page main .eyebrow,
body.research-page main .section-label,
body.research-page main .brief-card > p { color: var(--blue) !important; }
.research-page .research-button { min-height: 52px; background: var(--orange); border-color: var(--orange); color: var(--night); box-shadow: none; text-decoration: none; }
body.research-page main a.research-button { color: var(--night) !important; }
.research-page .research-button:hover { background: #ff794c; transform: translateY(-2px); box-shadow: none; }
.research-page .score-sample { background: #021522; border: 2px solid var(--orange); box-shadow: none; }
body.research-page main .score-sample strong { color: var(--orange); }
.research-page .score-sample small { color: var(--muted); line-height: 1.6; }
.research-page .final-cta { border-color: var(--blue); box-shadow: none; }
body.research-page main .access-card.featured { border-color: var(--orange) !important; }
body.research-page main .faq-item { background: transparent !important; border-radius: 0 !important; }
@media (max-width: 800px) {
  .research-page .shell { width: calc(100% - 32px); max-width: none; }
  .research-hero { padding-top: 42px; }
  .research-hero h1 { font-size: clamp(46px, 10vw, 72px); overflow-wrap: normal; }
  .research-actions { align-items: stretch; }
  .quiet-link { min-height: 44px; }
  .meaning { padding: 22px; }
}
@media (max-width: 420px) {
  .pick-strip { grid-template-columns: 1fr; gap: 6px; }
  .eyebrow { font-size: 10px; line-height: 1.6; }
}
@media (prefers-reduced-motion: reduce) {
  .research-page .research-button { transition: none; }
  .research-page .research-button:hover { transform: none; }
}

.research-section { scroll-margin-top: 90px; }