/* Scientist card: portrait + short write-up, placed at a scientist's first mention in a course.
   Shared by every Just___.science site. Uses the site's --accent / --fg / --muted when defined. */
.sci-card { display: flex; gap: 0.9rem; align-items: flex-start; margin: 1.3rem 0; padding: 0.8rem 0.95rem; background: color-mix(in srgb, var(--accent, #2c5cc5) 7%, #ffffff); border: 1px solid color-mix(in srgb, var(--accent, #2c5cc5) 30%, #ffffff); border-left: 4px solid var(--accent, #2c5cc5); border-radius: 0 6px 6px 0; clear: both; }
.sci-photo { flex: 0 0 auto; width: 96px; height: 120px; object-fit: cover; object-position: center top; border: 2px solid var(--fg, #1a1a1a); border-radius: 3px; background: #ddd; box-shadow: 3px 3px 0 rgba(0, 0, 0, 0.18); }
.sci-body { min-width: 0; }
.sci-name { font-weight: 700; line-height: 1.25; }
.sci-years { font-weight: 400; color: var(--muted, #666); white-space: nowrap; }
.sci-field { margin: 0.15rem 0 0.4rem; font-family: "Silkscreen", ui-monospace, monospace; font-size: 0.62rem; letter-spacing: 0.06em; text-transform: uppercase; color: var(--accent, #2c5cc5); }
.sci-card p { margin: 0; font-size: 0.93rem; line-height: 1.5; }
.sci-credit { margin-top: 0.35rem; font-size: 0.72rem; color: var(--muted, #666); }
@media (max-width: 480px) { .sci-card { gap: 0.7rem; padding: 0.7rem; } .sci-photo { width: 72px; height: 90px; } .sci-card p { font-size: 0.88rem; } }