/* ---------------------------------------------------------------------------
 * Northeast Pulse — Frontend block styles
 *
 * Shared styling for the custom dynamic blocks when rendered on the front
 * end (the .wp-block-* wrappers inherit the component library, this sheet
 * adds block-specific structure).
 * ------------------------------------------------------------------------- */

.wp-block-northeast-pulse-hero,
.wp-block-northeast-pulse-trending,
.wp-block-northeast-pulse-category-mosaic,
.wp-block-northeast-pulse-latest-stories,
.wp-block-northeast-pulse-photo-essay,
.wp-block-northeast-pulse-video-story,
.wp-block-northeast-pulse-live-updates,
.wp-block-northeast-pulse-newsletter-cta,
.wp-block-northeast-pulse-breaking-bar,
.wp-block-northeast-pulse-opinion-spotlight,
.wp-block-northeast-pulse-region-spotlight {
	width: 100%;
}

/* Newsletter CTA inherits the shared panel; scope inside blocks. */
.wp-block-northeast-pulse-newsletter-cta .np-newsletter {
	margin: 0;
}

/* Hero inside a block: keep the rail on wide viewports. */
.wp-block-northeast-pulse-hero .np-hero {
	padding: 0;
}

/* Region grid inside blocks. */
.wp-block-northeast-pulse-region-spotlight .np-regions__grid {
	grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
}