.research-section{width:min(1480px,92%);display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.35fr);gap:clamp(36px,3.5vw,64px);align-items:center;padding:68px 0;scroll-margin-top:30px}
.research-intro{min-width:0}
.research-intro h2{font-size:clamp(46px,4.7vw,68px);line-height:.98;letter-spacing:-.05em;margin:0 0 28px;font-weight:900}
.research-copy p{font-size:clamp(19px,1.45vw,23px);line-height:1.55;max-width:40ch;margin:0}
.research-copy p+p{margin-top:24px}
.research-example{width:100%;min-width:0}
#process{grid-template-columns:minmax(0,1.35fr) minmax(0,.82fr)}
#process .research-example{grid-column:1;grid-row:1}
#process .research-intro{grid-column:2;grid-row:1}
.candidate-picker{display:flex;justify-content:center;flex-wrap:wrap;gap:26px;margin-bottom:22px}
.candidate-picker button{padding:8px 1px;background:transparent;border:0;border-bottom:2px solid transparent;font-size:15px;color:var(--on-muted, var(--concept-muted))}
.candidate-picker button[aria-pressed=true]{color:var(--on-text, var(--concept-text));border-color:var(--on-line, var(--concept-line));font-weight:600}
.candidate-picker button:hover{color:var(--on-text, var(--concept-text))}
.research-example button:focus-visible{outline:2px solid var(--on-line, var(--concept-line));outline-offset:4px}
.time-story{background:var(--concept-inverse-bg);--on-text:var(--concept-inverse-text);--on-muted:var(--concept-inverse-muted);--on-line:var(--concept-inverse-line);--on-accent:var(--concept-inverse-accent);color:var(--on-text, var(--concept-text));padding:48px 0 28px;margin-top:30px;scroll-margin-top:0}
.time-story research-time{display:block}
@media(max-width:1200px){.research-section,#process{grid-template-columns:1fr;gap:30px;padding:54px 0;width:90%}.research-intro{max-width:760px;margin-inline:auto;width:100%}.research-intro h2{font-size:clamp(44px,6vw,62px)}.research-intro h2 br{display:none}.research-copy p{max-width:58ch}.research-example{max-width:860px;margin-inline:auto}#process .research-intro{grid-column:1;grid-row:1}#process .research-example{grid-column:1;grid-row:2}.time-story{padding:26px 0 12px;margin-top:20px}}
@media(max-width:600px){.research-section,#process{width:92%;padding:42px 0;gap:26px}.research-intro{padding-inline:7px}.research-intro h2{font-size:43px}.research-copy p{font-size:18px}.candidate-picker{gap:22px;margin-bottom:20px}.time-story{margin-top:12px;padding-top:18px}}

/* Scale the three supporting cards after the hiring brief proportionally. */
#signal research-shortlist,#understand candidate-motivations,#process candidate-commitment{zoom:.9;width:90%;margin-inline:auto}

.research-example .candidate-picker{margin:0 0 26px;padding:0 0 18px;border-bottom:1px solid var(--on-line, var(--concept-line));gap:12px 24px;justify-content:flex-start}
.research-example .candidate-picker button{padding:8px 2px;min-height:40px}
#signal research-shortlist .search-picker{margin:0;padding:20px 24px;border-bottom:1px solid var(--on-line, var(--concept-line));justify-content:flex-start;gap:8px}
#signal .search-picker button{font-size:13px;padding:9px 12px}
@media(max-width:600px){.research-example .candidate-picker{gap:8px 18px;margin-bottom:22px;padding-bottom:14px}.research-example .candidate-picker button{font-size:14px}#signal research-shortlist .search-picker{padding:16px;gap:7px}#signal .search-picker button{font-size:12px;padding:8px 10px}}

/* Keep interactive examples anchored while their text changes. */
.research-example{align-self:start;overflow-anchor:none}

/* Keep the candidate tabs within the motivation-first card. */
#understand .candidate-picker{margin:0;padding:12px 28px 0;gap:8px 22px}
#understand .candidate-picker button{padding:13px 0 14px;min-height:44px;font-size:14px}
#understand .candidate-picker button[aria-pressed=true]{border-bottom-color:var(--concept-accent)}
@media(max-width:600px){#understand .candidate-picker{padding-inline:20px;gap:4px 17px}#understand .candidate-picker button{font-size:13px}}