/**
 * /scholars/ on the FAQ layout (templates/template-scholars.php). faqs.css
 * supplies the page; this adds only the multi-paragraph bios, which FAQ
 * answers (one <p> each) do not have. Scoped to .ij-scholars.
 */
.ij-scholars .sch-bio { font-size: 16px; line-height: 1.65; color: var(--color-text-secondary); text-wrap: pretty; }
.ij-scholars .sch-bio p { margin: 0; }
.ij-scholars .sch-bio p:first-child { margin-top: -8px; }
.ij-scholars .sch-bio p + p { margin-top: 16px; }
.ij-scholars .sch-bio a { color: var(--brand-green-dark); font-weight: 600; text-decoration: underline; text-underline-offset: 2px; word-break: break-word; }
.ij-scholars .sch-bio a:hover { color: var(--brand-green); }
@media (max-width: 600px) { .ij-scholars .sch-bio { padding-right: 0 !important; } }

/* Photo cards ("Show profiles as" = Cards), from Scholars.dc.html. */
.ij-scholars .sch-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; align-items: stretch; }
.ij-scholars .sch-card { position: relative; display: flex; flex-direction: column; justify-content: flex-end; aspect-ratio: 3 / 4; border-radius: 24px; overflow: hidden; background: var(--slate-900); }
.ij-scholars .sch-card-img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.ij-scholars .sch-card-shade { position: absolute; inset: 0; background: linear-gradient(180deg, rgba(9,13,16,0.1) 35%, rgba(9,13,16,0.6) 65%, rgba(9,13,16,0.92) 100%); pointer-events: none; }
.ij-scholars .sch-card-body { position: relative; padding: 24px; }
.ij-scholars .sch-card-role { font-size: 12px; line-height: normal; font-weight: 600; letter-spacing: 0.6px; text-transform: uppercase; color: rgba(255,255,255,0.82); }
.ij-scholars .sch-card-name { margin: 8px 0 0 !important; font-size: 20px !important; line-height: 1.25 !important; letter-spacing: -0.5px; font-weight: 600; color: #fff !important; text-wrap: pretty; }
.ij-scholars .sch-card-text { margin: 10px 0 0; font-size: 13px; line-height: 1.6; color: rgba(255,255,255,0.88); }
@media (max-width: 1000px) { .ij-scholars .sch-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 680px) { .ij-scholars .sch-grid { grid-template-columns: minmax(0, 1fr); } }
@media (max-width: 600px) { .ij-scholars .sch-cards-sec { padding-left: 16px !important; padding-right: 16px !important; } }