/* ============================================================
   MN: Sidebar
   Widget area layout helpers.
   ============================================================ */

/* Breathing room between stacked widgets. */
.widget {
	margin-bottom: var(--mn-space-8);
}

.widget:last-child {
	margin-bottom: 0;
}

/* Sticky sidebars (plain sticky, like a regular news portal).
   Applies to the main sidebar, the archive sidebar and the homepage
   sidebar alike.
   - Desktop only: the 2-column grid only exists at >= 992px; on smaller
     screens the sidebar stacks below the content.
   - align-self: start is required: grid items stretch by default, and a
     stretched item has no room to stick.
   - --mn-sticky-top is measured from the real header height by
     modules/sticky-sidebar.js (the header height varies per header
     variant and breakpoint); the fallback covers no-JS.
   - Note: if the sidebar content is taller than the viewport, its bottom
     stays out of reach while stuck — keep sidebars concise. */
@media (min-width: 992px) {
	#secondary,
	#secondary-single,
	#secondary-archive,
	#secondary-homepage {
		position: sticky;
		top: var(--mn-sticky-top, 96px);
		align-self: start;
	}
}