/* =========================================================================
   VITAL - About page extras (auto-enqueued for slug "about").
   Builds on the design system in main.css; no overrides of shared classes.
   ========================================================================= */

/* ---------- Overview figure (graphical abstract) ---------- */

.overview-figure { margin: clamp(2rem, 4vw, 3rem) 0 0; }
.overview-figure img {
	width: 100%;
	border-radius: var(--radius-lg);
	box-shadow: var(--shadow-lg);
}
.overview-figure figcaption {
	margin-top: .8rem;
	font-size: .875rem;
	text-align: center;
	opacity: .75;
}

/* ---------- Work-package accordion meta ---------- */

.wp-meta {
	display: flex;
	flex-wrap: wrap;
	gap: .5rem;
	margin: 0 0 1rem;
}

/* ---------- Partner cards ---------- */

.partner-card__excerpt { font-size: .95rem; margin: 0; opacity: .9; }
.partner-card__link { font-weight: 700; font-size: .95rem; margin: 0; }

.partner-more {
	margin-top: auto;
	border-top: 1px solid var(--mid-grey);
	padding-top: .9rem;
}
.partner-more summary {
	cursor: pointer;
	font-weight: 700;
	color: var(--blue);
}
.partner-more summary:hover { color: var(--blue-dark); }
.partner-more__body { padding-top: .9rem; font-size: .95rem; }
.partner-more__body h4 { margin-top: 1.2em; }