/* Scientist biography DNA layout */

.scientist-page,
.scientist-archive {
	direction: rtl;
	text-align: right;
	color: #0f172a;
}

.scientist-breadcrumb {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 0.4rem;
	margin-bottom: 1.5rem;
	font-size: 0.8rem;
	color: #64748b;
}

.scientist-breadcrumb a {
	color: #0284c7;
}

.scientist-hero {
	display: grid;
	grid-template-columns: minmax(220px, 300px) 1fr;
	gap: 2rem;
	align-items: center;
	margin-bottom: 2.5rem;
	padding: 1.5rem;
	border-radius: 1.75rem;
	background:
		radial-gradient(circle at 12% 20%, rgba(14, 165, 233, 0.16), transparent 42%),
		linear-gradient(135deg, #0b1f33 0%, #12324d 55%, #0f766e 140%);
	color: #f8fafc;
	overflow: hidden;
}

.scientist-hero__portrait {
	position: relative;
}

.scientist-hero__image {
	width: 100%;
	aspect-ratio: 4 / 5;
	object-fit: cover;
	object-position: top;
	border-radius: 1.25rem;
	box-shadow: 0 20px 40px rgba(0, 0, 0, 0.28);
	border: 3px solid rgba(251, 191, 36, 0.55);
}

.scientist-hero__helix {
	position: absolute;
	inset-inline-start: -18px;
	top: 12%;
	bottom: 12%;
	width: 18px;
	background:
		repeating-linear-gradient(
			180deg,
			transparent 0 10px,
			rgba(125, 211, 252, 0.85) 10px 12px,
			transparent 12px 22px,
			rgba(251, 191, 36, 0.9) 22px 24px
		);
	border-radius: 999px;
	opacity: 0.9;
}

.scientist-hero__kicker {
	margin: 0 0 0.5rem;
	font-size: 0.8rem;
	letter-spacing: 0.08em;
	color: #7dd3fc;
}

.scientist-hero__title {
	margin: 0;
	font-size: clamp(1.8rem, 3vw, 2.6rem);
	font-weight: 900;
	line-height: 1.35;
}

.scientist-hero__en {
	margin: 0.35rem 0 0;
	font-size: 1rem;
	color: #fde68a;
}

.scientist-hero__lede {
	margin: 1rem 0 0;
	font-size: 1.05rem;
	line-height: 1.9;
	color: #e2e8f0;
}

.scientist-hero__meta {
	display: flex;
	flex-wrap: wrap;
	gap: 1rem;
	margin: 1.25rem 0 0;
	padding: 0;
	list-style: none;
}

.scientist-hero__meta li {
	background: rgba(255, 255, 255, 0.08);
	border: 1px solid rgba(255, 255, 255, 0.12);
	border-radius: 0.9rem;
	padding: 0.55rem 0.85rem;
}

.scientist-hero__meta span {
	display: block;
	font-size: 0.7rem;
	color: #94a3b8;
}

.scientist-hero__meta strong {
	font-size: 0.9rem;
}

.scientist-body {
	max-width: 52rem;
	margin: 0 auto;
	font-size: 1.05rem;
	line-height: 2;
}

.scientist-body .article-featured-figure {
	display: none;
}

.scientist-body .scientist-introduction p {
	margin: 0 0 1rem;
}

.scientist-toc {
	position: sticky;
	top: 76px;
	z-index: 5;
	margin: 1.5rem 0 2rem;
	padding: 1rem 1.25rem;
	border: 1px solid #dbeafe;
	border-radius: 1.1rem;
	background: #f8fafc;
}

.scientist-toc h2 {
	margin: 0 0 0.6rem;
	font-size: 1rem;
	color: #0f766e;
}

.scientist-toc ol {
	margin: 0;
	padding: 0 1.1rem 0 0;
	columns: 2;
	column-gap: 1.5rem;
}

.scientist-toc a {
	color: #0369a1;
	text-decoration: none;
}

.scientist-toc a:hover {
	text-decoration: underline;
}

.scientist-identity-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 0.75rem;
	margin: 0;
}

.scientist-identity-grid__item {
	margin: 0;
	padding: 0.85rem 1rem;
	border-radius: 1rem;
	background: #f0f9ff;
	border: 1px solid #bae6fd;
}

.scientist-identity-grid dt {
	margin: 0 0 0.2rem;
	font-size: 0.75rem;
	color: #0284c7;
}

.scientist-identity-grid dd {
	margin: 0;
	font-weight: 700;
	color: #0f172a;
}

.scientist-dna-chapter {
	margin: 2.5rem 0 1rem;
	padding: 1rem 1.2rem 1rem 1rem;
	border-radius: 1.1rem;
	border-right: 5px solid;
}

.scientist-dna-chapter__kicker {
	margin: 0;
	font-size: 0.75rem;
	letter-spacing: 0.04em;
}

.scientist-dna-chapter__title {
	margin: 0.15rem 0 0;
	font-size: 1.35rem;
	font-weight: 800;
}

.scientist-dna-chapter--human {
	background: #ecfeff;
	border-color: #0f766e;
	color: #115e59;
}

.scientist-dna-chapter--scientist {
	background: #fffbeb;
	border-color: #d97706;
	color: #92400e;
}

.scientist-dna-chapter--legacy {
	background: #f5f3ff;
	border-color: #7c3aed;
	color: #5b21b6;
}

.scientist-dna-section {
	margin: 0 0 2rem;
	padding: 0.25rem 0 0.25rem 0.2rem;
	border-right: 3px solid transparent;
}

.scientist-dna-section--human {
	border-color: #99f6e4;
}

.scientist-dna-section--scientist {
	border-color: #fcd34d;
}

.scientist-dna-section--legacy {
	border-color: #c4b5fd;
}

.scientist-body h2 {
	margin: 0 0 0.85rem;
	font-size: 1.4rem;
	font-weight: 800;
	color: #0f172a;
}

.scientist-body h3 {
	margin: 1.1rem 0 0.5rem;
	font-size: 1.1rem;
}

.scientist-body p,
.scientist-body li {
	color: #1e293b;
}

.scientist-body a {
	color: #0284c7;
}

.scientist-timeline {
	list-style: none;
	margin: 1rem 0 0;
	padding: 0 1.4rem 0 0;
	border-right: 2px dashed #0ea5e9;
}

.scientist-timeline li {
	position: relative;
	margin: 0 0 1rem;
	padding: 0.15rem 0.9rem 0.15rem 0;
}

.scientist-timeline li::before {
	content: "";
	position: absolute;
	right: -1.55rem;
	top: 0.55rem;
	width: 0.7rem;
	height: 0.7rem;
	border-radius: 50%;
	background: #0ea5e9;
	box-shadow: 0 0 0 4px #e0f2fe;
}

.scientist-pullquote,
.scientist-body .teacher-note {
	margin: 1.25rem 0;
	padding: 1rem 1.2rem;
	border-radius: 1rem;
	background: #0f172a;
	color: #f8fafc;
	border-right: 5px solid #f59e0b;
}

.scientist-body .teacher-note h3 {
	margin-top: 0;
	color: #fde68a;
}

.scientist-fact-cards {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 0.8rem;
	list-style: none;
	margin: 1rem 0 0;
	padding: 0;
}

.scientist-fact-cards li {
	margin: 0;
	padding: 0.9rem 1rem;
	border-radius: 1rem;
	background: #fff7ed;
	border: 1px solid #fdba74;
}

.scientist-smart-cta {
	padding: 1.2rem 1.3rem;
	border-radius: 1.25rem;
	background: linear-gradient(135deg, #0ea5e9, #0f766e);
	color: #fff;
}

.scientist-smart-cta h2,
.scientist-smart-cta p,
.scientist-smart-cta li {
	color: #fff;
}

.scientist-body .faq-item {
	background: #f8fafc;
	border: 1px solid #e2e8f0;
	cursor: pointer;
}

.scientist-body .faq-item.is-collapsed > *:not(h3) {
	display: none;
}

.scientist-related {
	max-width: 72rem;
	margin: 3rem auto 0;
}

.scientist-related h2 {
	margin-bottom: 1rem;
	font-size: 1.25rem;
	font-weight: 800;
}

.scientist-related__grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 1rem;
}

.scientist-related__card {
	display: flex;
	flex-direction: column;
	overflow: hidden;
	border-radius: 1.1rem;
	background: #fff;
	border: 1px solid #e2e8f0;
	text-decoration: none;
	color: inherit;
}

.scientist-related__card img {
	width: 100%;
	height: 140px;
	object-fit: cover;
	object-position: top;
}

.scientist-related__card span {
	padding: 0.75rem;
	font-weight: 700;
	color: #d97706;
}

.scientist-archive__header {
	margin-bottom: 2rem;
}

.scientist-archive__kicker {
	margin: 0;
	color: #0284c7;
	font-weight: 700;
}

.scientist-archive__header h1 {
	margin: 0.3rem 0;
	font-size: clamp(1.8rem, 3vw, 2.5rem);
	font-weight: 900;
}

.scientist-archive__lede {
	max-width: 40rem;
	color: #475569;
}

.scientist-archive__grid,
.scientist-card {
	display: grid;
}

.scientist-archive__grid {
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 1.25rem;
}

.scientist-card {
	grid-template-columns: 160px 1fr;
	gap: 1rem;
	align-items: stretch;
	overflow: hidden;
	border-radius: 1.25rem;
	background: #fff;
	border: 1px solid #e2e8f0;
	text-decoration: none;
	color: inherit;
	transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.scientist-card:hover {
	transform: translateY(-3px);
	box-shadow: 0 12px 24px rgba(15, 23, 42, 0.08);
}

.scientist-card__portrait img {
	width: 100%;
	height: 100%;
	min-height: 180px;
	object-fit: cover;
	object-position: top;
}

.scientist-card__copy {
	padding: 1rem 1rem 1rem 0;
}

.scientist-card h2 {
	margin: 0;
	font-size: 1.15rem;
	font-weight: 800;
	color: #d97706;
}

.scientist-card__en {
	margin: 0.2rem 0 0.5rem;
	font-size: 0.8rem;
	color: #64748b;
}

.scientist-card__excerpt {
	margin: 0;
	font-size: 0.85rem;
	color: #475569;
	line-height: 1.7;
}

.scientist-card__cta {
	display: inline-block;
	margin-top: 0.7rem;
	font-size: 0.8rem;
	font-weight: 700;
	color: #0284c7;
}

html.dark .scientist-page,
html.dark .scientist-archive {
	color: #e2e8f0;
}

html.dark .scientist-toc,
html.dark .scientist-identity-grid__item,
html.dark .scientist-body .faq-item,
html.dark .scientist-related__card,
html.dark .scientist-card {
	background: #111827;
	border-color: #334155;
	color: #e2e8f0;
}

html.dark .scientist-identity-grid dd,
html.dark .scientist-body h2,
html.dark .scientist-body p,
html.dark .scientist-body li {
	color: #e2e8f0;
}

html.dark .scientist-dna-chapter--human {
	background: #042f2e;
	color: #99f6e4;
}

html.dark .scientist-dna-chapter--scientist {
	background: #422006;
	color: #fde68a;
}

html.dark .scientist-dna-chapter--legacy {
	background: #2e1065;
	color: #ddd6fe;
}

html.dark .scientist-archive__lede,
html.dark .scientist-card__excerpt {
	color: #94a3b8;
}

@media (max-width: 900px) {
	.scientist-hero,
	.scientist-archive__grid,
	.scientist-card,
	.scientist-related__grid,
	.scientist-identity-grid,
	.scientist-fact-cards,
	.scientist-toc ol {
		grid-template-columns: 1fr;
		columns: 1;
	}

	.scientist-hero {
		padding: 1.1rem;
		gap: 1.1rem;
	}
}