/* =========================================================
   INESC Team — section-specific styling
   The section heading + list wrapper and the card layout (circular
   photo, name, role, grid, hover) live in the shared "inesc-people"
   component (assets/shared/people.css); this file only adds what is specific
   to the team page.
   Handle `inesc-team` (depends on `inesc-people`); markup from
   modules/team/frontend.php.
========================================================= */

/* ----- Wrapper ----- */
.inesc-team {
	width: 100%;
	margin: 0 auto;
}

/* ----- Section description -----
   Optional text (_inesc_team_description) between the section title and
   the card grid. */
/* A <p> (not a heading, so it stays out of the document outline) styled
   to match the theme's h4: Titillium Web, 700, 25px, line-height 1.5.
   Font, size and color come from theme variables (--font-main, --text-25,
   --blue); --ip-fw-bold is not defined anywhere in this plugin (see the
   tokens.css header). Two classes so generic theme/WPBakery `p` rules
   don't win. */
.inesc-team .inesc-team__section-desc {
	font-family: var(--font-main);
	font-size: var(--text-25);
	font-weight: var(--ip-fw-bold);
	line-height: 1.5;
	color: var(--blue);
	margin: 0 0 1.4rem;
	width: 100%;
	max-width: none;
}

/* ----- Photo → name spacing -----
   1rem more than the shared card (0.7rem in people.css). */
.inesc-team .inesc-team__photo-frame {
	margin-bottom: 1.7rem;
}