/* Triumph custom blocks + article paragraph variants. Loaded on the front end
   (where the blocks render) and in the editor (so authoring matches output). */

/* ── Pull quote ───────────────────────────────────────────── */
.te-pullquote {
	margin: 3rem 0;
	padding-left: 2rem;
	border-left: 4px solid var(--te-accent, #FF6900);
}
.te-pullquote--orange { --te-accent: #FF6900; }
.te-pullquote--blue   { --te-accent: #2263C5; }
.te-pullquote--green  { --te-accent: #2d6a2d; }
.te-pullquote__text {
	font-family: Georgia, serif;
	font-size: 1.5rem;
	line-height: 1.375;
	font-weight: 700;
	color: #0d1f3c;
	margin: 0 0 1.25rem;
}
.te-pullquote__cite { margin: 0; }
.te-pullquote__name {
	font-size: 0.875rem;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.15em;
	color: var(--te-accent, #FF6900);
	margin: 0;
}
.te-pullquote__role {
	font-size: 0.875rem;
	color: #6a7282; /* AA on white (4.84:1); gray-400 was 2.54:1 */
	margin: 0.125rem 0 0;
}

/* ── About card ───────────────────────────────────────────── */
.te-aboutcard {
	background: #F8F6F3;
	border-radius: 1rem;
	padding: 2rem;
	margin-bottom: 1.5rem;
}
.te-aboutcard__heading {
	font-size: 0.75rem;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.2em;
	margin: 0 0 0.75rem;
}
.te-aboutcard__heading--orange { color: #BF4E00; } /* AA on white (4.88:1) */
.te-aboutcard__heading--blue   { color: #2263C5; }
.te-aboutcard__heading--green  { color: #2d6a2d; }
.te-aboutcard__body {
	color: #4b5563;
	font-size: 0.875rem;
	line-height: 1.625;
	margin: 0;
}

/* ── Inductees / honorees grid ────────────────────────────── */
.te-inductees {
	display: grid;
	grid-template-columns: 1fr;
	gap: 1.5rem;
	margin-bottom: 4rem;
}
@media ( min-width: 640px ) {
	.te-inductees { grid-template-columns: 1fr 1fr; }
}
.te-inductee {
	background: #F8F6F3;
	border-radius: 1rem;
	padding: 1.5rem;
}
.te-inductee__bar {
	width: 2rem;
	height: 0.25rem;
	border-radius: 9999px;
	margin-bottom: 1rem;
	background: #FF6900;
}
.te-inductee__bar--orange { background: #FF6900; }
.te-inductee__bar--blue   { background: #2263C5; }
.te-inductee__bar--green  { background: #2d6a2d; }
.te-inductee__name {
	font-size: 1rem;
	font-weight: 700;
	color: #0d1f3c;
	margin: 0 0 0.25rem;
}
.te-inductee__title {
	font-size: 0.75rem;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0.05em;
	color: #6a7282; /* AA on white (4.84:1); gray-400 was 2.54:1 */
	margin: 0 0 0.75rem;
}
.te-inductee__bio {
	font-size: 0.875rem;
	line-height: 1.625;
	color: #4b5563;
	margin: 0;
}

/* ── Paragraph variants ───────────────────────────────────── */
.is-style-te-lead {
	font-family: Georgia, serif;
	font-size: 1.25rem;
	line-height: 1.625;
	color: #374151;
}
/* Matches the site-wide disclaimer pattern (12px/20px italic gray-500;
   gray-400 failed AA at 2.54:1 on white). */
.is-style-te-footnote {
	font-size: 12px;
	line-height: 20px;
	font-style: italic;
	color: #6A7282;
}

/* ── WCAG AA orange pass ── attribution name on white article body. */
.te-pullquote--orange .te-pullquote__name { color: #BF4E00; } /* 4.88:1 */

/* Mobile: pull-quote role lines and about-card typography step up
   (site-wide card pattern); footnotes join the site's 13px/17px
   disclaimer convention. */
@media (max-width: 767.98px) {
	.te-pullquote__role { font-size: 16px; }
	.te-aboutcard__heading { font-size: 13px; }
	.te-aboutcard__body { font-size: 16px; line-height: 1.6; }
	.is-style-te-footnote { font-size: 13px; line-height: 17px; }
	/* Inductee/honoree cards join the same card pattern. */
	.te-inductee__name { font-size: 18px; }
	.te-inductee__title { font-size: 13px; }
	.te-inductee__bio { font-size: 16px; line-height: 1.6; }
}