/* ── Blog / Game Notes ────────────────────────────────────── */

.biff-blog-wrap { max-width: 860px; margin: 0 auto; }

.biff-blog-list { display: flex; flex-direction: column; gap: 24px; }

/* Frosted glass card */
.biff-blog-card {
	background: rgba(14, 18, 66, 0.55);
	backdrop-filter: blur(12px);
	-webkit-backdrop-filter: blur(12px);
	border: 1.5px solid rgba(255, 255, 255, 0.1);
	border-radius: 20px;
	overflow: hidden;
	padding: 24px 28px 28px;
	position: relative;
}

/* Featured image */
.biff-blog-card-img {
	margin: -24px -28px 20px;
}

.biff-blog-card-img img {
	width: 100%;
	max-height: 280px;
	object-fit: cover;
	display: block;
}

/* Meta row: date left, tags right */
.biff-blog-card-meta {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 10px;
	flex-wrap: wrap;
	gap: 8px;
}

.biff-blog-card-date {
	font-family: var(--biff-font-body);
	font-size: 15px;
	color: rgba(255, 246, 226, 0.45);
	text-transform: lowercase;
	letter-spacing: 0.02em;
}

/* Game tag chips — top right */
.biff-blog-card-tags {
	display: flex;
	gap: 6px;
	flex-wrap: wrap;
	justify-content: flex-end;
}

.biff-blog-tag {
	font-family: var(--biff-font-body);
	font-size: 13px;
	font-weight: 700;
	padding: 3px 10px;
	border-radius: 999px;
	letter-spacing: 0.01em;
}

/* Title */
.biff-blog-card-title {
	font-family: var(--biff-font-display);
	font-size: clamp(36px, 5vw, 52px);
	line-height: 1.05;
	color: var(--biff-lava);
	margin-bottom: 14px;
}

.biff-blog-card-title a {
	color: var(--biff-lava);
	text-decoration: none;
}

/* Body content */
.biff-blog-card-content {
	font-family: var(--biff-font-body);
	font-size: 22px;
	color: rgba(255, 246, 226, 0.88);
	line-height: 1.65;
}

.biff-blog-card-content p { margin-bottom: 12px; }
.biff-blog-card-content p:last-child { margin-bottom: 0; }

.biff-blog-card-content h2,
.biff-blog-card-content h3 {
	font-family: var(--biff-font-display);
	color: var(--biff-sun);
	margin: 18px 0 8px;
}

.biff-blog-card-content a {
	color: var(--biff-sky);
	text-decoration: underline;
}

.biff-blog-card-content img {
	max-width: 100%;
	border-radius: 12px;
	margin: 12px 0;
}

/* Pagination */
.biff-pagination {
	margin-top: 48px;
	display: flex;
	justify-content: center;
	gap: 8px;
	flex-wrap: wrap;
}

.biff-pagination .page-numbers {
	font-family: var(--biff-font-accent);
	font-size: 20px;
	font-weight: 700;
	padding: 6px 16px;
	border-radius: var(--biff-radius-btn);
	border: 2px solid rgba(255, 246, 226, 0.2);
	color: var(--biff-cream);
	text-decoration: none;
	transition: background 120ms, border-color 120ms;
}

.biff-pagination .page-numbers.current,
.biff-pagination .page-numbers:hover {
	background: var(--biff-lava);
	border-color: var(--biff-ink);
	color: var(--biff-ink);
}

/* Empty state */
.biff-empty-state { text-align: center; padding: 60px 0; }

.biff-empty-text {
	font-family: var(--biff-font-accent);
	font-size: 26px;
	color: rgba(255, 246, 226, 0.35);
}