/**
 * borrego/named-scholarships — the fund card grid.
 *
 * Block-scoped: WordPress enqueues this only on pages where the block renders.
 * The card surface itself is .bb-panel from assets/css/components.css — reused
 * so these cards match the section's original hand-built panels and inherit
 * the dark-band lift for free. This file adds only what .bb-panel does not do:
 * the grid, the list resets, the card typography, and the notice/empty
 * treatments (mirrored from blocks/board-directory/build/style.css).
 */

.bb-scholarships__grid {
	list-style: none;
	margin: 0;
	padding: 0;
	display: grid;
	gap: var( --wp--preset--spacing--40, 1.5rem );
	/* Three columns at the section's 1100px content width, two on tablet, one
	   on phones — the same rhythm as the three hand-built placeholder cards,
	   but it wraps fifteen funds into tidy equal-height rows (.bb-panel is
	   height:100%). 18rem is what makes it three at 1100px: 16rem fits four
	   across, which reads as clutter next to the rest of the page. */
	grid-template-columns: repeat( auto-fill, minmax( 18rem, 1fr ) );
	margin-block-start: var( --wp--preset--spacing--40, 1.5rem );
}

.bb-scholarships__name {
	font-size: var( --wp--preset--font-size--medium, 1.125rem );
	line-height: 1.3;
	margin: 0;
}

.bb-scholarships__purpose {
	font-size: var( --wp--preset--font-size--small, 0.9rem );
	margin-block-start: 0.5rem;
	margin-block-end: 0;
}

/* The hub's generic stand-in purpose, deliberately at whisper level: muted
   just enough that someone looking for it (us) can pick out which funds still
   need real purpose text, and no visitor ever registers a difference. The
   definitive signal is the data-bb-purpose="generic" attribute in devtools. */
.bb-scholarships__purpose--generic {
	opacity: 0.78;
}

.bb-scholarships__empty,
.bb-scholarships__notice {
	margin-inline: auto;
	text-align: center;
}

.bb-scholarships__notice {
	background-color: var( --wp--preset--color--base );
	border-left: 3px solid var( --wp--preset--color--terracotta-text );
	color: var( --wp--preset--color--contrast );
	font-size: var( --wp--preset--font-size--small );
	margin-block-end: var( --wp--preset--spacing--40 );
	padding: var( --wp--preset--spacing--30 ) var( --wp--preset--spacing--40 );
	text-align: start;
}

/* The editor placeholder (index.js) — a quiet framed note, not a fake grid. */
.bb-scholarships--editor {
	background-color: var( --wp--preset--color--base-alt, #efe7db );
	border-radius: 10px;
	padding: 1.25rem 1.5rem;
}

.bb-scholarships--editor p {
	margin: 0.25rem 0;
}