blockquote {
	box-shadow: 0 0 8px rgba(0, 0, 0, 0.16);
	padding: 2rem !important;
	margin: 3rem auto;
	max-width: 800px !important;
	border-radius: var(--umbc-radius-sm, 4px);
	font-style: normal;
}

.calloutbox-border-top, .calloutbox-border-top-no-photo {
	border-top: 8px solid #fdb515;
	border-left: 0 !important;
	box-shadow: 0 0 8px rgba(0, 0, 0, 0.16);
	padding: 2rem !important;
	margin: 3rem auto;
	max-width: 360px !important;
	border-radius: var(--umbc-radius-sm, 4px);
}
/* restore inner padding and margin on every quote layout */
.quote-block .calloutbox-border-left,
.quote-block blockquote.quote,
.quote-block .calloutbox-border-top,
.quote-block .calloutbox-border-top-no-photo {
	position: relative;      /* so ::before anchors to the block itself */
	padding: 2rem !important; /* bring back that 2rem inset all around */
	margin: 3rem auto;       /* restore the vertical spacing */
	max-width: 800px;        /* adjust as needed per layout */
}

/* vertical layout is narrower */
.quote-block .calloutbox-border-top,
.quote-block .calloutbox-border-top-no-photo {
	max-width: 360px;
}

/* typography (quote text only) */
.quote-block blockquote.quote {
	font-style: italic;
	font-weight: 400;
	font-size: 18px;
	letter-spacing: -0.014em;
	line-height: 25px;
	/* note: padding & margin come from the rule above, so no padding:0 here */
}

/* author name */
.quote-block .author-line {
	font-style: normal;
	font-weight: 700 !important;
	font-size: 24px !important;
	letter-spacing: -0.019em;
	line-height: 34px;
	margin: 0;
	padding: 0;
}

/* author title */
.quote-block .author-title {
	font-style: normal;
	font-weight: 400 !important;
	font-size: 14px !important;
	letter-spacing: -0.011em;
	line-height: 20px;
	margin: 4px 0 0;
	padding: 0;
}
	
.quote-mark {
	font-family: 'Georgia', Serif !important;
	font-weight: 900;
	font-size: 6rem;
	color: #fdb515;
	line-height: 5rem;
}

/* 1. Fix the circular image in horizontal mode so it crops rather than stretches */
.quote-block .blockquote-small {
	width: 60px;
	height: 60px;
	border-radius: 50%;
	object-fit: cover;          /* crop to fill the box */
	object-position: center;    /* center the crop */
	display: block;             /* remove any inline quirks */
}

/* 2. Override the ACF “has-text-color” paragraph in vertical+image so it uses your author-title styling */
.quote-block .calloutbox-border-top .has-text-color {
	font-style: normal !important;
	font-weight: 400 !important;
	font-size: 14px !important;
	letter-spacing: -0.011em;
	line-height: 20px;
	margin: 4px 0 0;
	padding: 0;
}

/* The card paints its own white surface, so it must also pin its own ink.
   The quote body is a bare text node (no wrapper element), so without this it
   INHERITS color from whatever contains the block — and inside a wp-block-cover
   that is WP core's hard-coded `.wp-block-cover { color:#fff }`, i.e. white on
   white. The author lines never showed the bug because .quote .author-line /
   .author-title set color:#000 explicitly (programs.css). --umbc-text flips to
   #e0e0e0 in dark mode, so this covers both themes. */
.quote-block blockquote.quote {
	box-shadow: 0 0 8px rgba(0, 0, 0, 0.16);
	border-left: 8px solid #fdb515;
	background: #fff;
	color: var(--umbc-text, #252525);
}

/* Author name + class year. Dark-overlay covers paint every descendant <p>
   white at (0,5,1) — see the `.wp-block-cover.alignfull > .wp-block-cover__background.has-background-dim-60
   ~ .wp-block-cover__inner-container p` rule in css/style.css — which outguns
   `.quote .author-line { color:#000 }` (0,2,0) in programs.css. That rule is
   correct for text sitting ON the scrim, but this card paints its own light
   surface inside it, so the card has to reclaim its own ink. !important (rather
   than a specificity arms race) keeps this order-independent and matches the
   dark-mode block below, which already does exactly this. */
.quote-block blockquote.quote .author-line,
.quote-block blockquote.quote .author-title {
	color: var(--umbc-text, #252525) !important;
}
/* =============================================================
   Dark Mode — Quote Block
   ============================================================= */

/* Card surface — #2d2d2d lifts visibly off the #1a1a1a body; shadow uses a
   subtle white-channel glow so the card edge reads on a near-black page. */
[data-theme="dark"] .entry-content .quote-block blockquote.quote {
	background: var(--umbc-surface-card, #2d2d2d) !important;
	box-shadow: 0 0 0 1px rgba(255,255,255,0.08), 0 4px 16px rgba(0,0,0,0.6);
	color: #e0e0e0 !important;
}

/* Quote text */
[data-theme="dark"] .quote-block blockquote.quote {
	color: #e0e0e0 !important;
}

/* Author name and title — .entry-content added to match specificity of white-bg :is(p) rule (0,3,1) */
[data-theme="dark"] .entry-content .quote-block blockquote .author-line,
[data-theme="dark"] .entry-content .quote-block blockquote p.author-line {
	color: #e0e0e0 !important;
}

[data-theme="dark"] .entry-content .quote-block blockquote .author-title,
[data-theme="dark"] .entry-content .quote-block blockquote p.author-title {
	color: #b0b0b0 !important;
}

/* Gold quote mark — stays gold on dark card surface, valid */