/* Core block refinements to match the FIND N FORM system inside article
   content (the_content()) — quick-answer callouts, pros/limitations lists,
   FAQ details, buying-consideration tables authored with core blocks. */

.fnf-prose .wp-block-quote {
	border-left: 3px solid var( --wp--preset--color--violet );
	padding-left: 1.25em;
	font-family: var( --wp--preset--font-family--display );
}

.fnf-prose table {
	width: 100%;
	border-collapse: collapse;
	font-size: 0.92rem;
}
.fnf-prose table th, .fnf-prose table td {
	text-align: left;
	padding: 0.75em 1em;
	border-bottom: 1px solid var( --wp--preset--color--border );
}
.fnf-prose table th { font-family: var( --wp--preset--font-family--display ); }

.fnf-prose details {
	border: 1px solid var( --wp--preset--color--border );
	border-radius: var( --fnf-radius-md );
	padding: 0.9em 1.1em;
	margin-bottom: 0.75em;
}
.fnf-prose summary { cursor: pointer; font-weight: 600; }

/* "Quick answer" callout — editors apply this class to a Group block via
   Advanced > Additional CSS class(es). */
.fnf-quick-answer {
	background: var( --wp--preset--color--surface );
	border-left: 4px solid var( --wp--preset--color--violet );
	border-radius: var( --fnf-radius-md );
	padding: var( --fnf-space-5 );
}
.fnf-quick-answer p:first-child { margin-top: 0; }

/* Pros / limitations two-up list — apply to a Columns block. */
.fnf-pros-limitations .wp-block-column:first-child ul { border-left: 3px solid var( --wp--preset--color--blue ); padding-left: 1em; }
.fnf-pros-limitations .wp-block-column:last-child ul { border-left: 3px solid var( --wp--preset--color--coral ); padding-left: 1em; }

/* Wide/full alignment gutters, matching .fnf-container's max-width. */
.fnf-prose .alignwide { max-width: 1000px; margin-left: calc( 50% - 500px ); margin-right: calc( 50% - 500px ); width: auto; }
.fnf-prose .alignfull { max-width: 100vw; margin-left: calc( 50% - 50vw ); margin-right: calc( 50% - 50vw ); width: 100vw; }
@media ( max-width: 1000px ) {
	.fnf-prose .alignwide { max-width: 100%; margin-left: 0; margin-right: 0; }
}
