/* ==========================================================================
   Static pages: Blog listing, Article, FAQ, Search, 404
   ========================================================================== */

.institute-article-card {
	text-decoration: none;
	color: inherit;
	display: block;
}
.institute-article-thumb {
	height: 90px;
	border-radius: 8px;
	margin-block-end: 8px;
	overflow: hidden;
	background: var(--color-neutral-900);
}
.institute-article-thumb img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}
.institute-article-thumb--empty {
	background: var(--color-surface-alt);
}
.institute-article-card .eyebrow {
	font-size: 11px;
	color: var(--color-accent-gold-dark);
	margin-block-end: 3px;
}
.institute-article-card .title {
	font-size: 13px;
	color: var(--color-neutral-900);
	line-height: 1.4;
}
.institute-article-body {
	font-size: 14px;
	line-height: 1.8;
}
.institute-article-body p {
	margin-block-end: 1em;
}

/* FAQ - native <details>/<summary>, zero JS required */
.institute-faq-list {
	margin-block-start: var(--space-3);
	border-block-start: 1px solid var(--color-border);
}
.institute-faq-item {
	border-block-end: 1px solid var(--color-border);
	padding-block: 14px;
}
.institute-faq-item summary {
	cursor: pointer;
	font-size: 14px;
	font-weight: var(--font-weight-medium);
	color: var(--color-neutral-900);
	list-style: none;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.institute-faq-item summary::-webkit-details-marker {
	display: none;
}
.institute-faq-item summary::after {
	content: "+";
	color: var(--color-primary);
	font-size: 16px;
	margin-inline-start: 12px;
}
.institute-faq-item[open] summary::after {
	content: "\u2212";
}
.institute-faq-answer {
	font-size: 13px;
	color: var(--color-neutral-600);
	line-height: 1.7;
	margin-block-start: 8px;
	max-width: 560px;
}