/*
 * FAQ — Stat strip (overlaps hero bottom edge)
 * Depends on: design-tokens.css, log-faq-hero.css
 * Page: body.log-faq-page
 */

.faq-stats {
	max-width: 1000px;
	/* !important: beats log-global-layout-fix.css's .entry-content.is-layout-constrained > *
	   margin-block reset, which otherwise zeroes this negative overlap margin. */
	margin: -34px auto 0 !important;
	position: relative;
	z-index: 3;
	padding: 0 20px;
}

.faq-stats-grid {
	background: var(--white);
	border-radius: var(--r-lg);
	box-shadow: var(--shadow-md);
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	padding: 20px 10px;
}

.fs-item {
	text-align: center;
	padding: 8px 6px;
	border-right: 1px solid var(--line);
	transition: transform .3s var(--ease);
}

.fs-item:last-child { border-right: none; }
.fs-item:hover { transform: translateY(-3px); }

.fs-num { font-family: var(--display); font-weight: 800; font-size: 22px; line-height: 1.2; color: var(--ink-900); }
.fs-lbl { font-size: 10.5px; font-weight: 700; line-height: 1.2; color: var(--gray-mid); margin-top: 3px; }

@media(max-width:700px) {
	.faq-stats-grid { grid-template-columns: 1fr 1fr; gap: 14px 0; }
	.fs-item:nth-child(2n) { border-right: none; }
	.fs-item:nth-child(-n+2) { border-bottom: 1px solid var(--line); padding-bottom: 14px; }
}