/* Page layout */
html, body {
	height: 100%;
	margin: 0;
	background: #fff;
	color: #111;
	font-family: Arial, Helvetica, sans-serif;
}

body {
	display: flex;
	flex-direction: column; /* vertical stack */
	align-items: center;
	justify-content: flex-start;
	padding: 32px 12px;
	box-sizing: border-box;
}

.intro {
	text-align: center;
	max-width: 720px;
}

.intro h1 { margin: 8px 0 6px; font-size: 28px }
.intro p { margin: 0; font-size: 18px }

/* Avatar */
.avatar {
	width: 160px;
	height: 160px;
	border-radius: 50%;
	object-fit: cover;
	display: block;
	margin: 0 auto 12px;
}

.contact { margin-top:12px; font-size:14px; color:#666 }

/* Publications */
.publications { max-width: 720px; width:100%; margin: 24px auto; padding: 0 16px; text-align: left }
.publications h2 { text-align: center; margin-bottom: 8px }
.publications ol { padding-left: 1.2em; list-style-type: decimal }
.publications li { margin: 0 0 12px; line-height: 1.5; font-size: 15px }

/* Divider between sections */
.divider {
	width: 100%;
	max-width: 720px;
	border: none;
	height: 1px;
	background: linear-gradient(90deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.12) 10%, rgba(0,0,0,0.12) 90%, rgba(0,0,0,0) 100%);
	margin: 18px auto;
}

/* Research section: styles are shared with .publications to ensure visual consistency */


/* Make images responsive */
img { max-width: 100%; height: auto; display: block; }

/* Figures inserted for publications */
.paper-figure img { display: block; margin: 8px auto; max-width: 100%; height: auto; }

/* Video wrapper for publication embeds: center and make responsive */
.paper-video { display: flex; justify-content: center; margin-top: 8px; }
.paper-video iframe { width: 100%; max-width: 900px; aspect-ratio: 16/9; height: auto; border: 0; }

/* Ensure avatar scales on small screens */
.avatar { width: 160px; height: 160px; }

/* Mobile adjustments */
@media (max-width: 600px) {
	body { padding: 20px 12px; }
	.intro { max-width: 100%; padding: 0 8px; }
	.intro h1 { font-size: 20px; }
	.intro p { font-size: 16px; }
	.avatar { width: 112px; height: 112px; margin-bottom: 10px; }
	.publications { max-width: 100%; padding: 0 8px; }
	.publications li { font-size: 14px; line-height: 1.45; }
	.divider { margin: 14px auto; }
}