/* Academic Hub — front-end styles */

.ah-member-group-heading {
	margin-top: 2em;
}

.ah-member-grid {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
	gap: 20px;
	margin-bottom: 1.5em;
}

.ah-member-card {
	display: block;
	text-align: center;
	text-decoration: none;
	color: inherit;
	border: 1px solid rgba(0, 0, 0, 0.1);
	border-radius: 8px;
	padding: 16px;
	transition: box-shadow 0.15s ease;
}

.ah-member-card:hover {
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}

.ah-member-card-photo img {
	width: 100%;
	aspect-ratio: 1 / 1;
	object-fit: cover;
	border-radius: 6px;
	margin-bottom: 10px;
}

.ah-member-card-name {
	font-weight: 600;
}

.ah-member-list {
	display: flex;
	flex-direction: column;
	gap: 10px;
	margin-bottom: 1.5em;
}

.ah-member-list .ah-member-card {
	display: flex;
	align-items: center;
	gap: 14px;
	text-align: left;
	padding: 10px 16px;
}

.ah-member-list .ah-member-card-photo {
	flex-shrink: 0;
}

.ah-member-list .ah-member-card-photo img {
	width: 48px;
	height: 48px;
	object-fit: cover;
	border-radius: 50%;
	margin-bottom: 0;
}

/* Member profile page */
.ah-member-header {
	display: flex;
	gap: 24px;
	flex-wrap: wrap;
	margin-bottom: 2em;
}

.ah-member-photo img {
	width: 180px;
	height: 180px;
	object-fit: cover;
	border-radius: 8px;
}

.ah-member-name {
	margin-bottom: 0.2em;
}

.ah-member-links {
	display: flex;
	align-items: center;
	gap: 10px;
	margin: 8px 0;
}

.ah-link-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 32px;
	height: 32px;
	border-radius: 50%;
	background: rgba(0, 0, 0, 0.06);
	color: inherit;
	text-decoration: none;
	transition: background 0.15s ease, transform 0.15s ease;
}

.ah-link-icon:hover {
	background: rgba(0, 0, 0, 0.12);
	transform: translateY(-1px);
}

.ah-link-icon svg {
	display: block;
}

.ah-member-bio {
	margin-top: 1em;
}

.ah-pub-section-heading {
	border-bottom: 2px solid rgba(0, 0, 0, 0.1);
	padding-bottom: 6px;
}

/* Publication list / item — trích dẫn kiểu IEEE, thụt lề treo (hanging indent) */
.ah-publication-item {
	padding: 10px 0;
	border-bottom: 1px solid rgba(0, 0, 0, 0.08);
	padding-left: 2.4em;
	text-indent: -2.4em;
	line-height: 1.6;
}

.ah-pub-index {
	display: inline-block;
	width: 2.1em;
	font-variant-numeric: tabular-nums;
}

.ah-pub-citation em {
	font-style: italic;
}

.ah-author-link {
	font-weight: 600;
	text-decoration: none;
}

.ah-pub-badges {
	display: inline-block;
	text-indent: 0;
	margin-left: 8px;
}

.ah-badge {
	display: inline-block;
	font-size: 0.75em;
	font-weight: 700;
	padding: 3px 10px;
	border-radius: 12px;
	background: #e2e8f0;
	color: #475569;
	margin-right: 4px;
}

/*
 * Bộ màu theo tầng quan trọng — dùng chung logic cho Position, Scopus Quartile và
 * Impact Factor: tầng 1 (vàng gold) nổi nhất, giảm dần tới tầng 4 (xám) thấp nhất.
 * Tầng 1 vàng gold  -> Position: PhD          | Quartile: Q1        | IF: > 3
 * Tầng 2 xanh lá    -> Position: PhD Student  | Quartile: Q2        | IF: 1.5 - 3
 * Tầng 3 xanh dương -> Position: MSc Student  | Quartile: Q3        | IF: (không dùng, chỉ 3 mức)
 * Tầng 4 xám        -> Position: Alumni       | Quartile: Q4        | IF: <= 1.5
 * SCIE dùng màu tím riêng (không nằm trong thang tầng) vì là cờ quan trọng độc lập.
 */
.ah-badge-q1,
.ah-position-phd {
	background: #fde68a;
	color: #78350f;
}

.ah-badge-q2,
.ah-position-phd-student {
	background: #bbf7d0;
	color: #065f46;
}

.ah-badge-q3,
.ah-position-msc-student {
	background: #bfdbfe;
	color: #1e40af;
}

.ah-badge-q4,
.ah-position-alumni {
	background: #e2e8f0;
	color: #475569;
}

.ah-badge-scie {
	background: #e9d5ff;
	color: #6b21a8;
}

.ah-badge-if-high {
	background: #fde68a;
	color: #78350f;
}

.ah-badge-if-mid {
	background: #bbf7d0;
	color: #065f46;
}

.ah-badge-if-low {
	background: #e2e8f0;
	color: #475569;
}

.ah-position-badge {
	display: inline-block;
	margin-bottom: 10px;
}