/*
 * FLOG Featured In: print (§9). Black on white, no accent, no buttons.
 */

.ffi-wall {
	--ffi-accent: #000;
	--ffi-on-accent: #fff;
	--ffi-card-bg: #fff;
	--ffi-box-border: #000;
	--ffi-section-gap: 1rem;
	color: #000 !important;
	background: #fff !important;
	font-size: 10.5pt;
	margin: 0;
}

.ffi-wall .ffi-filter,
.ffi-wall .ffi-marquee__toggle,
.ffi-wall .ffi-logos--copy,
.ffi-wall .ffi-card__action,
.ffi-wall .ffi-more,
.ffi-wall .ffi-icon {
	display: none !important;
}

/* Show everything, even if a filter was active on screen. */
.ffi-wall .ffi-card.is-filtered-out {
	display: flex !important;
}

.ffi-wall .ffi-logo.is-filtered-out {
	display: block !important;
}

.ffi-wall .ffi-marquee {
	-webkit-mask-image: none;
	mask-image: none;
}

.ffi-wall .ffi-marquee__track {
	width: auto;
	animation: none !important;
	transform: none !important;
}

.ffi-wall .ffi-marquee .ffi-logos {
	flex-wrap: wrap;
}

.ffi-wall .ffi-card {
	color: #000 !important;
}

.ffi-wall--grid .ffi-cards {
	grid-template-columns: repeat(2, 1fr);
	gap: 0.5rem;
}

.ffi-wall .ffi-card,
.ffi-wall .ffi-card.is-highlight,
.ffi-wall .ffi-stat,
.ffi-wall .ffi-stat.is-key {
	background: #fff !important;
	box-shadow: none !important;
	break-inside: avoid;
}

.ffi-wall .ffi-card {
	border: 1px solid #999;
}

/* Images take too much paper; keep the small site icon only. */
.ffi-wall .ffi-card__media {
	display: none !important;
}

.ffi-wall .ffi-card__body {
	padding: 0.5rem;
	gap: 0.3rem;
}

.ffi-wall .ffi-logo-img {
	max-height: 2rem;
}

.ffi-wall .ffi-monogram {
	color: #000;
	background: #fff;
	border: 1px solid #000;
}

.ffi-wall .ffi-stat {
	padding: 0.4rem;
	border-top-width: 2px;
}

.ffi-wall .ffi-section-title,
.ffi-wall .ffi-card__title {
	break-after: avoid;
}

.ffi-wall .ffi-quote {
	background: none;
	-webkit-backdrop-filter: none;
	backdrop-filter: none;
	box-shadow: none;
}

/* Print the link so the reader can find the piece. */
.ffi-wall .ffi-card__body::after {
	content: attr(data-ffi-url);
	font-size: 8pt;
	word-break: break-all;
	color: #444;
}
