/**
 * PU.nl — commercial guide layout.
 *
 * Scoped to .pu-guide so it cannot reach the live guides. Colours come from
 * the theme's own HSL tokens, so both the light and dark palettes are handled
 * without a second set of rules.
 */

/* Disclosure boxes -------------------------------------------------------- */

.pu-guide .pu-disclosure {
	display: flex;
	align-items: flex-start;
	gap: 0.75rem;
	padding: 0.875rem 1rem;
	border: 1px solid hsl(var(--accent));
	border-left: 3px solid hsl(var(--link));
	border-radius: 0.5rem;
	background: hsl(var(--background-light, var(--accent)) / 0.35);
}

.pu-guide .pu-disclosure__icon {
	flex: none;
	display: flex;
	margin-top: 0.1rem;
	color: hsl(var(--link));
}

.pu-guide .pu-disclosure__text {
	margin: 0;
	font-size: 0.8125rem;
	line-height: 1.55;
	color: hsl(var(--foreground) / 0.85);
}

.pu-guide .pu-disclosure__text strong {
	color: hsl(var(--foreground));
	text-transform: uppercase;
	letter-spacing: 0.04em;
	font-size: 0.75rem;
}

.pu-guide .pu-disclosure__text a {
	color: hsl(var(--link));
	text-decoration: underline;
}

.pu-guide .pu-disclosure__legal {
	display: block;
	margin-top: 0.25rem;
	font-size: 0.6875rem;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	color: hsl(var(--foreground) / 0.55);
}

/* The AI note closes the article rather than opening it, so it reads quieter. */
.pu-guide .pu-disclosure--ai {
	border-left-color: hsl(var(--muted));
}

.pu-guide .pu-disclosure--ai .pu-disclosure__icon {
	color: hsl(var(--foreground) / 0.5);
}

/* Byline bar -------------------------------------------------------------- */

.pu-guide .pu-byline {
	display: flex;
	align-items: center;
	gap: 1rem;
	padding-bottom: 1rem;
	border-bottom: 1px solid hsl(var(--link));
}

.pu-guide .pu-byline__avatar {
	flex: none;
	width: 3rem;
	height: 3rem;
	overflow: hidden;
	border-radius: 0.25rem;
	background: hsl(var(--accent));
}

.pu-guide .pu-byline__avatar img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.pu-guide .pu-byline__meta {
	display: flex;
	flex-direction: column;
	gap: 0.125rem;
	min-width: 0;
	flex: 1;
}

.pu-guide .pu-byline__name {
	font-size: 0.75rem;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.03em;
}

.pu-guide .pu-byline__bio {
	font-size: 0.8125rem;
	line-height: 1.45;
	color: hsl(var(--foreground) / 0.7);
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.pu-guide .pu-byline__date {
	flex: none;
	display: flex;
	align-items: center;
	gap: 0.35rem;
	font-size: 0.75rem;
	text-transform: uppercase;
	color: hsl(var(--foreground) / 0.7);
}

/* Full-width body --------------------------------------------------------- */

/* The article spans the container, matching the featured image exactly — text,
   toplists, tables and images all at the same measure. */

@media (max-width: 767px) {
	.pu-guide .pu-byline__bio {
		display: none;
	}

}