/* ==========================================================================
   Cruise & Ferry article list (template: listArticleCFR / List_Article_CFR_Grid.htm)
   Fresh stylesheet, separate from the GCA files.
   Grid: phone 1 column | tablet 2 | desktop 4, with the first two cards
   on every page spanning two columns (large). Summaries show on the two
   large cards only, keeping the small cards as clean as the current C&F list.
   Fonts: inherited from the skin classes in the template (font-sans etc.),
   so only sizes, spacing and layout are set here.
   Breakpoints: <37.5rem phone | 37.5–61.9375rem tablet | >=62rem desktop
   (62rem = Bootstrap's lg breakpoint, which the C&F skin already uses)
   ========================================================================== */

/* EasyDNN's own wrapper (edn_XXXX_article_list_wrapper, often with Bootstrap .row)
   is made invisible to layout so the cards become grid items. */
.cfr-list [class*="_article_list_wrapper"],
.cfr-list [class*="_article_list_wrapper"] > div:not([class]) {
	display: contents;
}

/* ---------- Grid ---------- */
.cfr-list {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	gap: 2rem;
	width: 100%;
	margin: 0 0 2.5rem;
}
@media (min-width: 37.5rem) {
	.cfr-list { grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 1.5rem; row-gap: 2.5rem; }
}
@media (min-width: 62rem) {
	.cfr-list { grid-template-columns: repeat(4, minmax(0, 1fr)); column-gap: 1.75rem; }
	.cfr-list .cfr-card:nth-child(-n+2) { grid-column: span 2; }
}

/* ---------- Card ---------- */
.cfr-card {
	position: relative;
	min-width: 0;
	display: flex;
	flex-direction: column;
}
.cfr-card .edn_adminActions {
	position: absolute;
	top: 0.5rem;
	right: 0.5rem;
	z-index: 2;
}

.cfr-card__media {
	display: block;
	overflow: hidden;
	margin-bottom: 0.85rem;
}
.cfr-card__media img {
	display: block;
	width: 100%;
	height: auto;
	aspect-ratio: 950 / 534;
	object-fit: cover;
	transition: transform 0.3s ease;
}
.cfr-card:hover .cfr-card__media img { transform: scale(1.03); }

/* Category · date line */
.cfr-card__meta {
	display: flex;
	flex-wrap: wrap;
	align-items: baseline;
	gap: 0 0.4rem;
	margin: 0 0 0.4rem;
	font-size: 0.8rem;
	line-height: 1.3;
	letter-spacing: 0.04em;
}
.cfr-card__meta a { color: inherit; text-decoration: none; }
.cfr-card__meta a:hover { text-decoration: underline; }
.cfr-card__date { white-space: nowrap; }

/* Headline */
.cfr-card__title {
	margin: 0;
	font-size: 1.15rem;
	line-height: 1.25;
}
.cfr-card__title a {
	color: inherit;
	text-decoration: none;
}
.cfr-card__title a:hover,
.cfr-card__title a:focus-visible {
	text-decoration: underline;
	text-underline-offset: 3px;
	text-decoration-thickness: 1px;
}

/* Summary: large cards only */
.cfr-card__summary {
	display: none;
	margin-top: 0.5rem;
	font-size: 1rem;
	line-height: 1.5;
	color: #3a3a3a;
}
.cfr-card__summary p { margin: 0; }

/* ---------- First two cards: large ---------- */
@media (min-width: 37.5rem) {
	.cfr-list .cfr-card:nth-child(-n+2) .cfr-card__title { font-size: 1.45rem; line-height: 1.2; }
	.cfr-list .cfr-card:nth-child(-n+2) .cfr-card__summary { display: block; }
}
@media (min-width: 62rem) {
	.cfr-list .cfr-card:nth-child(-n+2) .cfr-card__title { font-size: 1.85rem; }
	.cfr-list .cfr-card:nth-child(-n+2) .cfr-card__summary { font-size: 1.1rem; }
	.cfr-list .cfr-card:nth-child(-n+2) .cfr-card__meta { font-size: 0.85rem; }
}
/* Phones: show the summary on the first card only */
@media (max-width: 37.4375rem) {
	.cfr-list .cfr-card:first-child .cfr-card__summary { display: block; }
	.cfr-list .cfr-card:first-child .cfr-card__title { font-size: 1.4rem; }
}

/* ---------- Numbered pagination (EasyDNN .article_pager) ---------- */
.cfr-list + .article_pager,
.article_pager {
	display: flex;
	flex-wrap: wrap;
	gap: 0.4rem;
	margin: 0 0 3rem;
}
.article_pager a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 2.75rem;
	height: 2.75rem;
	padding: 0 0.75rem;
	border: 1px solid #d0d0d0;
	color: #1a1a1a;
	text-decoration: none;
	font-size: 0.95rem;
}
.article_pager a:hover { border-color: #1a1a1a; }
.article_pager a.active {
	background: #1a1a1a;
	border-color: #1a1a1a;
	color: #ffffff;
}

/* ---------- Phones: compact rows after the first card ----------
   Small thumbnail beside the headline, so readers see more stories
   without endless scrolling. */
@media (max-width: 37.4375rem) {
	.cfr-list { row-gap: 1.25rem; }
	.cfr-list .cfr-card:not(:first-child) {
		display: grid;
		grid-template-columns: 7.5rem minmax(0, 1fr);
		gap: 0.85rem;
		align-items: start;
	}
	.cfr-list .cfr-card:not(:first-child) .cfr-card__media { margin-bottom: 0; }
	.cfr-list .cfr-card:not(:first-child) .cfr-card__title { font-size: 1rem; }
	.cfr-list .cfr-card:not(:first-child) .cfr-card__meta { font-size: 0.72rem; margin-bottom: 0.25rem; }
	.cfr-list .cfr-card:first-child { padding-bottom: 0.5rem; }
}
.article_pager a { font-family: inherit; }

/* ---------- Image credits ----------
   Shown on every card, including phone thumbnails, so picture credits are
   always visible where the image appears. Hidden only when the field is empty. */
.cfr-card__media { position: relative; }
.cfr-card__media > a { display: block; }
.cfr-card__credit {
	position: absolute;
	right: 0;
	bottom: 0;
	max-width: 100%;
	padding: 0.2rem 0.45rem;
	background: rgba(0, 0, 0, 0.55);
	color: #ffffff;
	font-size: 0.65rem;
	line-height: 1.2;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	pointer-events: none;
}
.cfr-card__credit:empty { display: none; }
.cfr-list .cfr-card:nth-child(-n+2) .cfr-card__credit { font-size: 0.72rem; }
@media (max-width: 37.4375rem) {
	/* compact rows: tiny credit still legible */
	.cfr-list .cfr-card:not(:first-child) .cfr-card__credit { font-size: 0.55rem; padding: 0.1rem 0.3rem; }
}

/* ---------- Eyebrow (category | date): one size on every card ----------
   Matches the C&F homepage: same size on large and small cards,
   light weight, wide letter spacing, pipe dividers. */
.cfr-card__meta,
.cfr-list .cfr-card:nth-child(-n+2) .cfr-card__meta {
	font-size: 0.85rem;
	letter-spacing: 0.12em;
	gap: 0 0.5rem;
}
.cfr-card__sep { font-weight: 300; }
@media (max-width: 37.4375rem) {
	.cfr-list .cfr-card:not(:first-child) .cfr-card__meta { font-size: 0.75rem; letter-spacing: 0.1em; }
}

/* ---------- Small (4-column) card eyebrows: match the homepage .tag-s ----------
   Homepage small cards: 0.65rem, 0.1rem letter spacing at >=80rem.
   Large cards keep the bigger eyebrow, as on the homepage lead story. */
.cfr-list .cfr-card:nth-child(n+3) .cfr-card__meta {
	font-size: 0.7rem;
	letter-spacing: 0.1rem;
}
@media (min-width: 80rem) {
	.cfr-list .cfr-card:nth-child(n+3) .cfr-card__meta { font-size: 0.65rem; }
}

/* If an article has more than one PhotoCredit field filled in, show only the first */
.cfr-card__credit ~ .cfr-card__credit { display: none; }

/* ---------- Credits: one size, whatever the field contains ----------
   Some credit fields hold rich text (e.g. <p>Microsoft</p>), and the skin's
   paragraph styles were making those credits much larger than plain-text ones.
   Everything inside the credit now uses the credit's own size and style. */
.cfr-card__media .cfr-card__credit {
	font-size: 0.65rem !important;
	font-weight: 400 !important;
	line-height: 1.2 !important;
}
.cfr-list .cfr-card:nth-child(-n+2) .cfr-card__media .cfr-card__credit { font-size: 0.72rem !important; }
@media (max-width: 37.4375rem) {
	.cfr-list .cfr-card:not(:first-child) .cfr-card__media .cfr-card__credit { font-size: 0.55rem !important; }
}
.cfr-card__credit *,
.cfr-card__credit p,
.cfr-card__credit span,
.cfr-card__credit div {
	display: inline !important;
	margin: 0 !important;
	padding: 0 !important;
	font: inherit !important;
	color: inherit !important;
	letter-spacing: inherit !important;
	text-transform: inherit !important;
	background: none !important;
}
.cfr-card__credit br { display: none; }


/* ==========================================================================
   Recommended row (template: listArticleCFRRec / List_Article_CFR_Recommended.htm)
   Equal cards: phone compact rows | tablet 2 | desktop 4 per row.
   ========================================================================== */
.cfr-rec [class*="_article_list_wrapper"],
.cfr-rec [class*="_article_list_wrapper"] > div:not([class]) {
	display: contents;
}
.cfr-rec {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	gap: 1.25rem;
	width: 100%;
	margin: 1.5rem 0 2.5rem;
}
@media (min-width: 37.5rem) {
	.cfr-rec { grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 1.5rem; row-gap: 2.5rem; }
}
@media (min-width: 62rem) {
	.cfr-rec { grid-template-columns: repeat(4, minmax(0, 1fr)); column-gap: 2rem; row-gap: 3rem; }
}
.cfr-rec .cfr-card__meta {
	font-size: 0.7rem;
	letter-spacing: 0.1rem;
}
@media (min-width: 80rem) {
	.cfr-rec .cfr-card__meta { font-size: 0.65rem; }
}
.cfr-rec .cfr-card__title { font-size: 1.15rem; }
@media (min-width: 62rem) {
	.cfr-rec .cfr-card__title { font-size: 1.25rem; }
}
/* Phones: compact rows, like the main list */
@media (max-width: 37.4375rem) {
	.cfr-rec .cfr-card {
		display: grid;
		grid-template-columns: 7.5rem minmax(0, 1fr);
		gap: 0.85rem;
		align-items: start;
	}
	.cfr-rec .cfr-card__media { margin-bottom: 0; }
	.cfr-rec .cfr-card__title { font-size: 1rem; }
	.cfr-rec .cfr-card__media .cfr-card__credit { font-size: 0.55rem !important; }
}

/* Recommended: show only the FIRST category in the eyebrow.
   EasyDNN outputs all categories as links separated by " | ";
   the container is shrunk to 0 so the separators vanish, and only
   the first link is given a readable size again. */
.cfr-rec .cfr-card__cat { font-size: 0; }
.cfr-rec .cfr-card__cat a:first-of-type { font-size: 0.7rem; }
.cfr-rec .cfr-card__cat a:not(:first-of-type) { display: none; }
@media (min-width: 80rem) {
	.cfr-rec .cfr-card__cat a:first-of-type { font-size: 0.65rem; }
}
/* hidden separators must not keep their letter spacing (it left a gap) */
.cfr-rec .cfr-card__cat { letter-spacing: 0; display: inline-flex; }
.cfr-rec .cfr-card__cat a:first-of-type { letter-spacing: 0.1rem; }

/* ---------- Main grid: show only the FIRST category in the eyebrow ----------
   Same technique as Recommended: separators shrink to nothing and only the
   first category link keeps a readable size. The size follows each card's
   eyebrow size via --cfr-eyebrow. */
.cfr-list .cfr-card__meta { --cfr-eyebrow: 0.85rem; }
.cfr-list .cfr-card:nth-child(n+3) .cfr-card__meta { --cfr-eyebrow: 0.7rem; }
@media (min-width: 80rem) {
	.cfr-list .cfr-card:nth-child(n+3) .cfr-card__meta { --cfr-eyebrow: 0.65rem; }
}
@media (max-width: 37.4375rem) {
	.cfr-list .cfr-card:not(:first-child) .cfr-card__meta { --cfr-eyebrow: 0.75rem; }
}
.cfr-list .cfr-card__cat {
	font-size: 0;
	letter-spacing: 0;
	display: inline-flex;
}
.cfr-list .cfr-card__cat a:first-of-type {
	font-size: var(--cfr-eyebrow);
	letter-spacing: inherit;
}
.cfr-list .cfr-card__meta .cfr-card__cat a:first-of-type { letter-spacing: 0.1rem; }
.cfr-list .cfr-card:nth-child(-n+2) .cfr-card__meta .cfr-card__cat a:first-of-type { letter-spacing: 0.12em; }
.cfr-list .cfr-card__cat a:not(:first-of-type) { display: none; }


/* ==========================================================================
   Homepage rows: 3-column (List_Article_CFR_3Col.htm) and 2-column
   (List_Article_CFR_2Col.htm). Both build on the Recommended styles (.cfr-rec)
   and only change columns and sizes.
   Size scale on desktop:
     4-column cards  eyebrow 0.65rem | headline 1.25rem
     3-column cards  eyebrow 0.75rem | headline 1.5rem
     2-column cards  eyebrow 0.85rem | headline 1.85rem (same as the large grid cards)
   ========================================================================== */

/* ---------- 3 columns ---------- */
@media (min-width: 62rem) {
	.cfr-rec.cfr-col3 { grid-template-columns: repeat(3, minmax(0, 1fr)); column-gap: 2rem; }
}
.cfr-rec.cfr-col3 .cfr-card__title { font-size: 1.25rem; }
.cfr-rec.cfr-col3 .cfr-card__cat a:first-of-type,
.cfr-rec.cfr-col3 .cfr-card__meta { font-size: 0.72rem; }
@media (min-width: 62rem) {
	.cfr-rec.cfr-col3 .cfr-card__title { font-size: 1.5rem; line-height: 1.2; }
	.cfr-rec.cfr-col3 .cfr-card__cat a:first-of-type,
	.cfr-rec.cfr-col3 .cfr-card__meta { font-size: 0.75rem; }
}
.cfr-rec.cfr-col3 .cfr-card__media .cfr-card__credit { font-size: 0.68rem !important; }

/* ---------- 2 columns ---------- */
@media (min-width: 37.5rem) {
	.cfr-rec.cfr-col2 { grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 1.75rem; }
}
.cfr-rec.cfr-col2 .cfr-card__title { font-size: 1.45rem; line-height: 1.2; }
.cfr-rec.cfr-col2 .cfr-card__cat a:first-of-type,
.cfr-rec.cfr-col2 .cfr-card__meta { font-size: 0.85rem; letter-spacing: 0.12em; }
.cfr-rec.cfr-col2 .cfr-card__cat a:first-of-type { letter-spacing: 0.12em; }
@media (min-width: 62rem) {
	.cfr-rec.cfr-col2 .cfr-card__title { font-size: 1.85rem; }
}
.cfr-rec.cfr-col2 .cfr-card__media .cfr-card__credit { font-size: 0.72rem !important; }

/* ---------- Phones ----------
   3-column row: compact rows (thumbnail + headline), like Recommended.
   2-column row: full-width cards, because these are the bigger stories. */
@media (max-width: 37.4375rem) {
	.cfr-rec.cfr-col3 .cfr-card__title { font-size: 1.05rem; }
	.cfr-rec.cfr-col3 .cfr-card__cat a:first-of-type,
	.cfr-rec.cfr-col3 .cfr-card__meta { font-size: 0.72rem; }
	.cfr-rec.cfr-col3 .cfr-card__media .cfr-card__credit { font-size: 0.55rem !important; }

	.cfr-rec.cfr-col2 { row-gap: 2rem; }
	.cfr-rec.cfr-col2 .cfr-card { display: flex; flex-direction: column; }
	.cfr-rec.cfr-col2 .cfr-card__media { margin-bottom: 0.85rem; }
	.cfr-rec.cfr-col2 .cfr-card__title { font-size: 1.35rem; }
	.cfr-rec.cfr-col2 .cfr-card__media .cfr-card__credit { font-size: 0.65rem !important; }
}


/* ==========================================================================
   Homepage lead block (List_Article_CFR_Lead.htm)
   Desktop: newest article spans 2 columns x 2 rows on the left; articles 2-5
   fill the 2 x 2 block to its right; the rest continue four per row.
   Date order is kept because the grid fills left to right, top to bottom.
   Tablet: lead full width, then two per row. Phone: lead card, then compact rows.
   ========================================================================== */
@media (min-width: 37.5rem) {
	.cfr-rec.cfr-lead .cfr-card:first-child { grid-column: 1 / -1; }
}
@media (min-width: 62rem) {
	.cfr-rec.cfr-lead { grid-template-columns: repeat(4, minmax(0, 1fr)); column-gap: 2rem; row-gap: 2.5rem; }
	.cfr-rec.cfr-lead .cfr-card:first-child { grid-column: 1 / span 2; grid-row: 1 / span 2; }
}

/* Lead card text */
.cfr-rec.cfr-lead .cfr-card:first-child .cfr-card__title { font-size: 1.6rem; line-height: 1.15; }
.cfr-rec.cfr-lead .cfr-card:first-child .cfr-card__summary { display: block; font-size: 1.1rem; }
.cfr-rec.cfr-lead .cfr-card:first-child .cfr-card__cat a:first-of-type,
.cfr-rec.cfr-lead .cfr-card:first-child .cfr-card__meta { font-size: 0.85rem; letter-spacing: 0.12em; }
.cfr-rec.cfr-lead .cfr-card:first-child .cfr-card__media .cfr-card__credit { font-size: 0.72rem !important; }
@media (min-width: 62rem) {
	.cfr-rec.cfr-lead .cfr-card:first-child .cfr-card__title { font-size: 2.1rem; }
	.cfr-rec.cfr-lead .cfr-card:first-child .cfr-card__summary { font-size: 1.3rem; line-height: 1.45; }
}

/* Phones: lead card stays full size (not a compact row) */
@media (max-width: 37.4375rem) {
	.cfr-rec.cfr-lead .cfr-card:first-child { display: flex; flex-direction: column; padding-bottom: 0.5rem; }
	.cfr-rec.cfr-lead .cfr-card:first-child .cfr-card__media { margin-bottom: 0.85rem; }
	.cfr-rec.cfr-lead .cfr-card:first-child .cfr-card__title { font-size: 1.4rem; }
	.cfr-rec.cfr-lead .cfr-card:first-child .cfr-card__summary { font-size: 1rem; }
}


/* ---------- Homepage lead block (.cfr-home on List_Article_CFR_Lead only) ----------
   Show ALL categories, as on the current homepage ("INTERVIEW | AI"),
   and no date. Undoes the first-category-only rule used by Recommended. */
.cfr-rec.cfr-home .cfr-card__cat {
	display: inline;
	font-size: inherit;
	letter-spacing: inherit;
}
.cfr-rec.cfr-home .cfr-card__cat a,
.cfr-rec.cfr-home .cfr-card__cat a:first-of-type,
.cfr-rec.cfr-home .cfr-card__cat a:not(:first-of-type) {
	display: inline;
	font-size: inherit;
	letter-spacing: inherit;
}



/* ==========================================================================
   Homepage "2 + 3" row (List_Article_CFR_2Plus3.htm)
   Desktop: 2 large side by side, then rows of 3 (5 articles = one of each).
   Built on a 6-column grid: large = 3 columns each, the rest = 2 each.
   Large cards use the 2-column sizes; the row of 3 uses the 3-column sizes.
   Tablet: two per row. Phone: the two large cards full size, then compact rows.
   ========================================================================== */
@media (min-width: 62rem) {
	.cfr-rec.cfr-2p3 {
		grid-template-columns: repeat(6, minmax(0, 1fr));
		column-gap: 2rem;
		row-gap: 2.75rem;
	}
	.cfr-rec.cfr-2p3 .cfr-card { grid-column: span 2; }
	.cfr-rec.cfr-2p3 .cfr-card:nth-child(-n+2) { grid-column: span 3; }
}

/* Two large cards: 2-column sizes */
.cfr-rec.cfr-2p3 .cfr-card:nth-child(-n+2) .cfr-card__title { font-size: 1.45rem; line-height: 1.2; }
.cfr-rec.cfr-2p3 .cfr-card:nth-child(-n+2) .cfr-card__cat a:first-of-type,
.cfr-rec.cfr-2p3 .cfr-card:nth-child(-n+2) .cfr-card__meta { font-size: 0.85rem; letter-spacing: 0.12em; }
.cfr-rec.cfr-2p3 .cfr-card:nth-child(-n+2) .cfr-card__media .cfr-card__credit { font-size: 0.72rem !important; }
@media (min-width: 62rem) {
	.cfr-rec.cfr-2p3 .cfr-card:nth-child(-n+2) .cfr-card__title { font-size: 1.85rem; }
}

/* Row of 3: 3-column sizes */
.cfr-rec.cfr-2p3 .cfr-card:nth-child(n+3) .cfr-card__title { font-size: 1.25rem; }
.cfr-rec.cfr-2p3 .cfr-card:nth-child(n+3) .cfr-card__cat a:first-of-type,
.cfr-rec.cfr-2p3 .cfr-card:nth-child(n+3) .cfr-card__meta { font-size: 0.72rem; }
@media (min-width: 62rem) {
	.cfr-rec.cfr-2p3 .cfr-card:nth-child(n+3) .cfr-card__title { font-size: 1.5rem; line-height: 1.2; }
	.cfr-rec.cfr-2p3 .cfr-card:nth-child(n+3) .cfr-card__cat a:first-of-type,
	.cfr-rec.cfr-2p3 .cfr-card:nth-child(n+3) .cfr-card__meta { font-size: 0.75rem; }
	.cfr-rec.cfr-2p3 .cfr-card:nth-child(n+3) .cfr-card__media .cfr-card__credit { font-size: 0.68rem !important; }
}

/* Phones */
@media (max-width: 37.4375rem) {
	.cfr-rec.cfr-2p3 .cfr-card:nth-child(-n+2) { display: flex; flex-direction: column; padding-bottom: 0.5rem; }
	.cfr-rec.cfr-2p3 .cfr-card:nth-child(-n+2) .cfr-card__media { margin-bottom: 0.85rem; }
	.cfr-rec.cfr-2p3 .cfr-card:nth-child(-n+2) .cfr-card__title { font-size: 1.35rem; }
	.cfr-rec.cfr-2p3 .cfr-card:nth-child(n+3) .cfr-card__title { font-size: 1.05rem; }
	.cfr-rec.cfr-2p3 .cfr-card:nth-child(n+3) .cfr-card__media .cfr-card__credit { font-size: 0.55rem !important; }
}


/* ==========================================================================
   Search results (List_Article_CFR_Search.htm)
   One result per row: image left, text right. Phones: small thumbnail beside
   the text, summary cut to two lines. First category | date eyebrow.
   ========================================================================== */
.cfr-search [class*="_article_list_wrapper"],
.cfr-search [class*="_article_list_wrapper"] > div:not([class]) {
	display: contents;
}
.cfr-search {
	display: flex;
	flex-direction: column;
	margin: 1.5rem 0 2.5rem;
}
.cfr-search .cfr-search__item {
	display: grid;
	grid-template-columns: 7.5rem minmax(0, 1fr);
	gap: 0.9rem;
	align-items: start;
	padding: 1.25rem 0;
}
.cfr-search .cfr-search__item:first-child { padding-top: 0; }
@media (min-width: 37.5rem) {
	.cfr-search .cfr-search__item { grid-template-columns: 13rem minmax(0, 1fr); gap: 1.5rem; padding: 1.75rem 0; }
}
@media (min-width: 62rem) {
	.cfr-search .cfr-search__item { grid-template-columns: 17rem minmax(0, 1fr); gap: 1.75rem; padding: 2rem 0; }
}
/* No image: text uses the full width */
.cfr-search .cfr-search__item > .cfr-card__body:first-child,
.cfr-search .cfr-search__item > .edn_adminActions + .cfr-card__body { grid-column: 1 / -1; }
.cfr-search .cfr-card__media { margin-bottom: 0; }

/* Eyebrow: first category only, then the date */
.cfr-search .cfr-card__meta { font-size: 0.75rem; letter-spacing: 0.1rem; margin-bottom: 0.35rem; }
.cfr-search .cfr-card__cat { font-size: 0; letter-spacing: 0; display: inline-flex; }
.cfr-search .cfr-card__cat a:first-of-type { font-size: 0.75rem; letter-spacing: 0.1rem; }
.cfr-search .cfr-card__cat a:not(:first-of-type) { display: none; }

/* Headline and summary */
.cfr-search .cfr-card__title { font-size: 1.15rem; line-height: 1.25; margin: 0 0 0.35rem; }
@media (min-width: 62rem) {
	.cfr-search .cfr-card__title { font-size: 1.45rem; line-height: 1.2; }
}
.cfr-search .cfr-card__summary { display: block; margin-top: 0; font-size: 1rem; line-height: 1.5; }
@media (min-width: 62rem) {
	.cfr-search .cfr-card__summary { font-size: 1.05rem; }
}
.cfr-search .cfr-card__media .cfr-card__credit { font-size: 0.62rem !important; }

@media (max-width: 37.4375rem) {
	.cfr-search .cfr-card__meta,
	.cfr-search .cfr-card__cat a:first-of-type { font-size: 0.68rem; }
	.cfr-search .cfr-card__title { font-size: 1rem; }
	.cfr-search .cfr-card__summary {
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		overflow: hidden;
		font-size: 0.92rem;
	}
	.cfr-search .cfr-card__media .cfr-card__credit { font-size: 0.52rem !important; }
}