/* =========================================================
   INESC Core — 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 margin that was
   the Posts news grid's (5rem). The Events sections adopt the same value so
   the two listings are framed identically. */
.inesc-listing__block {
	margin: 5rem !important;
}