/**
 * Cool Bear UK — Vendor Description block (plan 08-10 Task 2).
 *
 * Visual contract:
 *   - Sits BELOW the AI hero copy in the Overview tab.
 *   - Visually distinct from .cb-hero-copy: quieter top border + slightly
 *     muted body text + small italic byline so the editorial hierarchy is
 *     "Cool Bear UK voice on top, vendor's own words underneath".
 *   - "From XYZ Racing" heading uses the same heading scale as .cb-hero-copy
 *     h3 — they're peers, not nested headings.
 *   - WCAG AA contrast preserved: body text uses --color--text on
 *     --color--surface; byline uses --color--text-muted which is the same
 *     token Cool Bear's existing components verify against.
 */

.cb-vendor-description {
	margin-top: var(--wp--preset--spacing--40);
	margin-bottom: var(--wp--preset--spacing--40);
	padding-top: var(--wp--preset--spacing--40);
	border-top: 1px solid var(--wp--preset--color--border);
	max-width: 62ch;
	color: var(--wp--preset--color--text);
	font-size: var(--wp--preset--font-size--normal);
	line-height: 1.6;
}

.cb-vendor-description__heading {
	font-family: var(--wp--preset--font-family--sans);
	font-size: var(--wp--preset--font-size--normal);
	font-weight: 600;
	letter-spacing: -0.005em;
	color: var(--wp--preset--color--text);
	margin: 0 0 var(--wp--preset--spacing--30);
}

.cb-vendor-description__body {
	color: var(--wp--preset--color--text);
	margin-bottom: var(--wp--preset--spacing--30);
}

.cb-vendor-description__body p {
	margin: 0 0 var(--wp--preset--spacing--30);
}

.cb-vendor-description__body h2,
.cb-vendor-description__body h3,
.cb-vendor-description__body h4 {
	color: var(--wp--preset--color--text);
	font-size: var(--wp--preset--font-size--normal);
	font-weight: 600;
	margin-top: var(--wp--preset--spacing--40);
	margin-bottom: var(--wp--preset--spacing--20);
}

.cb-vendor-description__body ul,
.cb-vendor-description__body ol {
	padding-left: var(--wp--preset--spacing--50);
	margin: 0 0 var(--wp--preset--spacing--30);
}

.cb-vendor-description__body a {
	color: var(--wp--preset--color--brand);
	text-decoration: underline;
}

.cb-vendor-description__body strong {
	color: var(--wp--preset--color--text);
}

.cb-vendor-description__byline {
	font-size: var(--wp--preset--font-size--small);
	color: var(--wp--preset--color--text-muted);
	font-style: italic;
	margin: 0;
}

.cb-vendor-description__byline a {
	color: inherit;
	text-decoration: underline;
	text-decoration-color: var(--wp--preset--color--border);
}

.cb-vendor-description__byline a:hover,
.cb-vendor-description__byline a:focus-visible {
	text-decoration-color: var(--wp--preset--color--text-muted);
}