/* =========================================================
   INESC Content — listing layout
   Shared outer box-model for the Posts news listing and the Events
   listing, so both pages frame their content identically regardless of
   each module's internal grid. Consumers add the neutral classes
   alongside their own:
     <div class="… inesc-listing">              ← flush wrapper (no margin/padding)
       <nav class="… inesc-filter-tabs"> … </nav>
       <… class="… inesc-listing__block"> … </…> ← content block, evenly inset
       …
     </div>
   Only spacing lives here — the internal layout (grid columns, gaps,
   card design) stays in each consumer's stylesheet.
========================================================= */

/* Wrapper sits flush to its container: no outer margin, no padding. */
.inesc-listing {
	margin: 0;
	padding: 0;
}

/* Content block inset — the single source of truth for the outer margin of
   both the news grid and the Events sections, so the two listings are framed
   identically (3rem vertical / the theme's --website-margin horizontal).
   `!important` is needed to beat the consumers' own grid margins. */
.inesc-listing__block {
  margin-top: 3rem !important;     
  margin-bottom: 3rem !important;  
  margin-left: var(--website-margin); !important;
  margin-right: var(--website-margin); !important;
}