.research-content { max-width: 1200px; margin: auto; padding: 44px; }
.research-intro { max-width: 730px; }
.research-intro .page-title { margin: 16px 0 20px; }
.research-intro > p { font-size: 17px; line-height: 1.7; color: var(--muted); max-width: 610px; }
.research-counts { display: flex; flex-wrap: wrap; gap: 10px; margin: 24px 0; }
.research-counts span, .research-status { border-radius: 100px; background: var(--brand-blue-soft); color: var(--brand-blue-dark); padding: 8px 12px; font-size: 12px; font-weight: 600; }
.research-filters { display: flex; flex-wrap: wrap; gap: 10px; margin: 30px 0; }
.research-filters .button { min-height: 46px; }
.research-content h2 { font-family: var(--serif); font-size: 29px; font-weight: 400; line-height: 1.25; }
.research-section-note { color: var(--muted); font-size: 14px; line-height: 1.7; margin: 12px 0 24px; max-width: 720px; }
.research-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 22px; align-items: start; }
.research-card { background: white; border: 1px solid #e4e5e9; border-radius: 24px; padding: 26px; min-width: 0; }
.research-card-top { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.research-number { color: var(--orange-dark); background: var(--brand-orange-soft); padding: 9px 11px; border-radius: 12px; font-size: 13px; }
.research-status { font-size: 11px; line-height: 1.5; }
.research-card h3 { font-family: var(--serif); color: var(--ink); font-size: 25px; font-weight: 400; line-height: 1.3; margin: 18px 0 12px; overflow-wrap: anywhere; }
.research-card p { font-size: 14px; line-height: 1.75; color: #596278; margin: 12px 0; }
.research-card .research-byline { font-size: 12px; }
.research-application { background: #fbfaf7; border-radius: 15px; padding: 16px; margin: 18px 0; }
.research-application .eyebrow { font-size: 10px; letter-spacing: 1px; }
.research-application p { margin-bottom: 0; }
.research-card .research-prompt { color: var(--brand-blue-dark); font-weight: 600; }
.research-card details { border-top: 1px solid #e4e5e9; padding-top: 16px; margin-top: 20px; }
.research-card summary { cursor: pointer; color: var(--ink); font-size: 13px; line-height: 1.7; min-height: 44px; }
.research-card summary span { display: block; color: var(--muted); font-size: 11px; margin-top: 4px; }
.research-card summary:focus-visible { outline: 2px solid var(--brand-blue); outline-offset: 4px; }
.research-sources { display: grid; gap: 10px; }
.research-source { display: inline-flex; align-items: center; gap: 7px; min-height: 44px; font-size: 13px; line-height: 1.5; color: var(--brand-blue-dark); text-decoration: underline; text-underline-offset: 3px; overflow-wrap: anywhere; }
.research-source .icon { flex: 0 0 15px; width: 15px; height: 15px; }
.research-method { margin-top: 30px; padding: 28px; border-radius: 24px; background: var(--brand-orange-soft); }
.research-method h2 { margin: 14px 0; }
.research-method p, .research-scope { font-size: 13px; color: #596278; line-height: 1.8; }
.research-method .text-link { margin-top: 18px; min-height: 44px; }
.research-scope { margin-top: 24px; }
.research-invitation { display: flex; align-items: center; justify-content: space-between; gap: 24px; background: var(--brand-blue-soft); border-radius: 24px; padding: 28px; margin-top: 30px; }
.research-invitation h2 { font-family: var(--serif); font-size: 28px; font-weight: 400; margin: 12px 0; }
.research-invitation p { font-size: 14px; color: #596278; line-height: 1.7; }
.research-invitation .button { flex-shrink: 0; }
@media (max-width: 950px) { .research-content { padding: 32px 26px; } .research-grid { grid-template-columns: 1fr; } .research-invitation { flex-direction: column; align-items: flex-start; } }
@media (max-width: 730px) { .sidebar nav { grid-template-columns: repeat(5, minmax(0, 1fr)); } .sidebar nav .nav-link { min-width: 0; font-size: 9px; } .research-content { padding: 26px 20px; } .research-card { padding: 22px; } .research-intro .page-title { font-size: 38px; } .research-filters { gap: 8px; } .research-filters .button { padding: 12px 14px; } }