/* ==========================================================================
   The Panel — ads + trust furniture
   ========================================================================== */

/* Ad slots */
.panel-ad {
	border: 1px solid var(--line);
	border-radius: var(--radius-card);
	padding: var(--sp-3);
	margin: var(--sp-6) 0;
	text-align: center;
}

.panel-ad__label {
	margin-bottom: var(--sp-2);
}

.panel-ad__unit {
	display: flex;
	align-items: center;
	justify-content: center;
	background: var(--page);
	border-radius: var(--radius-btn);
}

.panel-ad--mpu .panel-ad__unit {
	min-height: 250px;
}

.panel-ad--leaderboard .panel-ad__unit {
	min-height: 90px;
}

@media (max-width: 600px) {
	.panel-ad--leaderboard .panel-ad__unit {
		min-height: 100px;
	}
}

/* Author box (end of article) */
.panel-author-box {
	display: flex;
	gap: var(--sp-4);
	border: 1px solid var(--line);
	border-radius: var(--radius-card);
	padding: var(--sp-5);
	margin: var(--sp-7) 0;
	align-items: flex-start;
}

.panel-author-box__avatar {
	width: 48px;
	height: 48px;
	flex-shrink: 0;
}

.panel-author-box__avatar .panel-icon {
	width: 22px;
	height: 22px;
}

.panel-author-box__name {
	font-family: var(--font-display);
	font-weight: 600;
	font-size: 17px;
	color: var(--ink);
	margin: 0 0 var(--sp-2);
}

.panel-author-box__bio {
	font-family: var(--font-body);
	font-size: 14px;
	line-height: 1.6;
	color: var(--ink-soft);
	max-width: 60ch;
	margin: 0 0 var(--sp-2);
}

.panel-author-box__count {
	color: var(--muted);
}

/* Affiliate note under buy buttons */
.panel-affiliate-note {
	display: block;
	margin-top: var(--sp-2);
	color: var(--muted);
	text-transform: none;
	letter-spacing: normal;
}
