/* Research and the practice (first block of /science/), on the shared design system:
   site font stack, site palette and background, the same container and left edge as the header, breadcrumb and every other page.
   Tokens come from /design-system.css; this file only lays out the research cards. */
.page-section{padding:75px 0 var(--section-y);background:none;color:var(--ink);font-family:var(--font-sans);line-height:var(--lh-body);scroll-margin-top:1rem}
.page-section .site-shell{width:var(--container);margin-inline:auto}
.page-section .eyebrow{margin:0}
.page-section .research-reading>p:not(.eyebrow):not(.article-benefit){max-width:760px;margin:0 0 var(--space-2);font-size:var(--fs-lg);color:var(--muted)}
.page-section .page-testimonials{max-width:760px}
.page-section .article-benefit{max-width:760px;margin:0 0 var(--space-3);border-left:3px solid var(--ink);padding:.25rem 0 .25rem 1rem;color:var(--ink);font-size:clamp(1.25rem,2.3vw,1.5rem);line-height:1.4}
.page-section .article-benefit strong{font-weight:700}
.page-section .research-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:9%;margin-top:var(--space-4)}
.page-section .research-card{display:flex;min-width:0;flex-direction:column;border-top:1px solid var(--line);padding:30px 0 34px;color:var(--ink)}
.page-section .research-card h2{max-width:none;margin:0 0 12px;font-size:var(--fs-h3);line-height:1.25;letter-spacing:-.015em}
.page-section .research-card p{max-width:none;margin:0 0 16px;color:var(--muted);font-size:1rem;line-height:var(--lh-body)}
.page-section .research-citations{display:block;margin:auto 0 0;padding:0;list-style:none}
.page-section .research-citations li{margin:0 0 8px}
.page-section .research-citations cite{display:block;color:var(--muted);font-size:.75rem;font-style:normal;line-height:1.6}
@media(max-width:900px){.page-section .research-grid{grid-template-columns:1fr}}
@media(max-width:760px){.page-section{padding-top:49px}}