/**
 * Smart Blog premium design profiles — 2.5.0.
 *
 * This layer changes composition and typographic character without owning the
 * color model. Every foreground/background pair continues to use the reading
 * theme or Design Center tokens, so light, dark, system and custom palettes can
 * share the same five profiles.
 */

body.sblp-layout-active[class*="sblp-design-profile-"] {
	--sblp-profile-transition: 180ms ease;
	--sblp-profile-reading-width: var(--sblp-content-width, 760px);
	--sblp-profile-hero-radius: var(--sblp-radius-lg, 24px);
	--sblp-profile-card-radius: var(--sblp-radius-md, 16px);
	--sblp-profile-rule: var(--sblp-single-border, #dfe3e8);
}

body.sblp-layout-active[class*="sblp-design-profile-"] .sblp-site-main {
	min-width: 0;
	padding-block: clamp(18px, 3vw, 38px) clamp(48px, 8vw, 112px);
}

body.sblp-layout-active[class*="sblp-design-profile-"] .sblp-post.sblp-layout {
	min-width: 0;
}

body.sblp-layout-active[class*="sblp-design-profile-"] .sblp-layout__shell {
	margin-inline: auto;
}

body.sblp-layout-active[class*="sblp-design-profile-"] .sblp-layout-hero,
body.sblp-layout-active[class*="sblp-design-profile-"] .sblp-featured-media__image,
body.sblp-layout-active[class*="sblp-design-profile-"] :where(.sblp-toc, .sblp-author-card, .sblp-related-post, .sblp-post-navigation__link, .sblp-embedded-cta) {
	transition:
		background-color var(--sblp-profile-transition),
		border-color var(--sblp-profile-transition),
		box-shadow var(--sblp-profile-transition),
		transform var(--sblp-profile-transition);
}

/* Breadcrumbs form an intentional navigation dock instead of floating above
 * the article without visual ownership. The current title remains available
 * but is de-emphasized and safely truncated. */
body.sblp-layout-active[class*="sblp-design-profile-"] .sblp-breadcrumbs {
	background: var(--sblp-single-surface, #ffffff);
	border: 1px solid var(--sblp-single-border, #dfe3e8);
	border-radius: var(--sblp-profile-card-radius);
	box-shadow: 0 10px 30px color-mix(in srgb, var(--sblp-design-shadow-color, #1c2833) 7%, transparent);
	margin-bottom: clamp(20px, 3vw, 34px);
	padding: 4px clamp(12px, 2.2vw, 22px);
}

body.sblp-layout-active[class*="sblp-design-profile-"] .sblp-breadcrumbs__list {
	column-gap: 0;
	row-gap: 2px;
}

body.sblp-layout-active[class*="sblp-design-profile-"] .sblp-breadcrumbs__item + .sblp-breadcrumbs__item::before {
	content: "›";
	font-size: 1.12em;
	font-weight: 700;
	margin-inline: 10px;
	opacity: 0.72;
}

body.sblp-layout-active[class*="sblp-design-profile-"] .sblp-breadcrumbs a {
	font-weight: 680;
	text-decoration-thickness: 1px;
	text-underline-offset: 0.2em;
}

body.sblp-layout-active[class*="sblp-design-profile-"] .sblp-breadcrumbs [aria-current="page"] {
	font-weight: 540;
}

body.sblp-layout-active[class*="sblp-design-profile-"] .sblp-prose {
	max-width: min(100%, var(--sblp-profile-reading-width));
}

body.sblp-layout-active[class*="sblp-design-profile-"] .sblp-prose :where(p, li, dd) {
	hyphens: auto;
	overflow-wrap: break-word;
}

body.sblp-layout-active[class*="sblp-design-profile-"] .sblp-prose :where(h2, h3, h4) {
	scroll-margin-top: 42px;
}

body.sblp-layout-active[class*="sblp-design-profile-"] :where(.sblp-post-title, .sblp-post-lead, .sblp-prose h2, .sblp-prose h3) {
	overflow-wrap: anywhere;
}

/* ==========================================================================
 * Creative — magazine rhythm, expressive hero and asymmetric detail.
 * ========================================================================== */

body.sblp-layout-active.sblp-design-profile-creative {
	--sblp-profile-reading-width: min(var(--sblp-content-width, 780px), 780px);
	--sblp-profile-hero-radius: clamp(24px, 3.5vw, 44px);
	--sblp-profile-card-radius: clamp(16px, 2vw, 26px);
	--sblp-radius-lg: var(--sblp-profile-hero-radius);
	--sblp-radius-md: var(--sblp-profile-card-radius);
	--sblp-shadow: 0 26px 74px color-mix(in srgb, var(--sblp-design-shadow-color, #1c2833) 15%, transparent);
	--sblp-font-h1: var(--sblp-type-h1, ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif);
	--sblp-font-h2: var(--sblp-type-h2, ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif);
}

body.sblp-layout-active.sblp-design-profile-creative .sblp-breadcrumbs {
	border-inline-start: 5px solid var(--sblp-single-accent, #4f6f8f);
}

body.sblp-layout-active.sblp-design-profile-creative .sblp-layout-hero {
	background:
		radial-gradient(circle at 92% 8%, color-mix(in srgb, var(--sblp-single-accent, #4f6f8f) 20%, transparent) 0 10%, transparent 34%),
		linear-gradient(135deg, var(--sblp-design-hero-bg, var(--sblp-single-surface, #ffffff)), color-mix(in srgb, var(--sblp-single-accent-soft, #e7eef4) 74%, var(--sblp-single-surface, #ffffff)));
	border-color: color-mix(in srgb, var(--sblp-single-accent, #4f6f8f) 38%, var(--sblp-single-border, #dfe3e8));
	box-shadow: var(--sblp-shadow);
	overflow: hidden;
}

body.sblp-layout-active.sblp-design-profile-creative .sblp-layout-hero::after {
	border: 1px solid color-mix(in srgb, var(--sblp-single-accent, #4f6f8f) 35%, transparent);
	border-radius: 999px;
	content: "";
	height: clamp(100px, 16vw, 220px);
	pointer-events: none;
	position: absolute;
	right: clamp(-82px, -5vw, -32px);
	top: clamp(-92px, -6vw, -42px);
	transform: rotate(-18deg);
	width: clamp(190px, 28vw, 390px);
	z-index: -1;
}

body.sblp-layout-active.sblp-design-profile-creative .sblp-post-title {
	font-size: clamp(2.55rem, 5.3vw, 6.15rem);
	font-weight: 820;
	letter-spacing: -0.058em;
	line-height: 0.96;
	max-width: 15ch;
}

body.sblp-layout-active.sblp-design-profile-creative .sblp-post-lead {
	font-size: clamp(1.12rem, 0.8vw + 1rem, 1.48rem);
	line-height: 1.5;
	max-width: 58ch;
}

body.sblp-layout-active.sblp-design-profile-creative .sblp-featured-media__image {
	border-radius: clamp(22px, 3vw, 38px);
	box-shadow: 0 24px 62px color-mix(in srgb, var(--sblp-design-shadow-color, #1c2833) 16%, transparent);
}

body.sblp-layout-active.sblp-design-profile-creative .sblp-prose h2 {
	align-items: center;
	display: flex;
	gap: 14px;
}

body.sblp-layout-active.sblp-design-profile-creative .sblp-prose h2::before {
	background: var(--sblp-single-accent, #4f6f8f);
	border-radius: 999px;
	content: "";
	flex: 0 0 auto;
	height: 0.28em;
	width: clamp(28px, 4vw, 58px);
}

body.sblp-layout-active.sblp-design-profile-creative :where(.sblp-author-card, .sblp-related-post, .sblp-post-navigation__link, .sblp-embedded-cta) {
	border-radius: var(--sblp-profile-card-radius);
}

body.sblp-layout-active.sblp-design-profile-creative :where(.sblp-related-post, .sblp-post-navigation__link):hover {
	transform: translateY(-4px) rotate(-0.25deg);
}

body.sblp-layout-active.sblp-design-profile-creative .sblp-layout--opinion .sblp-opinion-hero,
body.sblp-layout-active.sblp-design-profile-creative .sblp-layout--interview .sblp-interview-hero,
body.sblp-layout-active.sblp-design-profile-creative .sblp-layout--announcement .sblp-announcement-hero {
	border-radius: clamp(26px, 4vw, 52px);
}

/* ==========================================================================
 * Conservative — calm business hierarchy and disciplined geometry.
 * ========================================================================== */

body.sblp-layout-active.sblp-design-profile-conservative {
	--sblp-profile-reading-width: min(var(--sblp-content-width, 760px), 760px);
	--sblp-profile-hero-radius: 10px;
	--sblp-profile-card-radius: 8px;
	--sblp-radius-lg: 10px;
	--sblp-radius-md: 8px;
	--sblp-radius-sm: 6px;
	--sblp-shadow: 0 10px 30px color-mix(in srgb, var(--sblp-design-shadow-color, #1c2833) 8%, transparent);
	--sblp-font-body: var(--sblp-type-body, ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif);
	--sblp-font-h1: var(--sblp-type-h1, ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif);
}

body.sblp-layout-active.sblp-design-profile-conservative .sblp-breadcrumbs {
	border-width: 0 0 1px;
	border-radius: 0;
	box-shadow: none;
	padding-inline: clamp(12px, 2.2vw, 22px);
}

body.sblp-layout-active.sblp-design-profile-conservative .sblp-layout-hero {
	border-block-start: 4px solid var(--sblp-single-accent, #4f6f8f);
	box-shadow: var(--sblp-shadow);
}

body.sblp-layout-active.sblp-design-profile-conservative .sblp-post-title {
	font-size: clamp(2.35rem, 3.7vw + 0.7rem, 4.65rem);
	font-weight: 740;
	letter-spacing: -0.038em;
	line-height: 1.04;
	max-width: 18ch;
}

body.sblp-layout-active.sblp-design-profile-conservative .sblp-post-lead {
	font-size: clamp(1.06rem, 0.45vw + 1rem, 1.28rem);
	max-width: 68ch;
}

body.sblp-layout-active.sblp-design-profile-conservative .sblp-layout-kicker,
body.sblp-layout-active.sblp-design-profile-conservative :where(.sblp-type-pill, .sblp-breaking-badge, .sblp-announcement-badge) {
	border-radius: 5px;
	letter-spacing: 0.055em;
}

body.sblp-layout-active.sblp-design-profile-conservative .sblp-featured-media__image {
	border-radius: 8px;
	box-shadow: none;
}

body.sblp-layout-active.sblp-design-profile-conservative .sblp-prose h2 {
	border-bottom: 1px solid var(--sblp-profile-rule);
	padding-bottom: 0.4em;
}

body.sblp-layout-active.sblp-design-profile-conservative :where(.sblp-author-card, .sblp-related-post, .sblp-post-navigation__link, .sblp-embedded-cta, .sblp-toc) {
	box-shadow: none;
}

/* ==========================================================================
 * Technical — documentation grid, strong navigation and data surfaces.
 * ========================================================================== */

body.sblp-layout-active.sblp-design-profile-technical {
	--sblp-profile-reading-width: min(var(--sblp-content-width, 820px), 820px);
	--sblp-profile-hero-radius: 8px;
	--sblp-profile-card-radius: 6px;
	--sblp-radius-lg: 8px;
	--sblp-radius-md: 6px;
	--sblp-radius-sm: 4px;
	--sblp-shadow: 0 12px 34px color-mix(in srgb, var(--sblp-design-shadow-color, #1c2833) 9%, transparent);
	--sblp-font-body: var(--sblp-type-body, ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif);
	--sblp-font-h1: var(--sblp-type-h1, ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif);
	--sblp-font-accent: var(--sblp-type-accent, ui-monospace, "SFMono-Regular", Consolas, monospace);
	--sblp-font-meta: var(--sblp-type-meta, ui-monospace, "SFMono-Regular", Consolas, monospace);
	--sblp-font-breadcrumbs: var(--sblp-type-breadcrumbs, ui-monospace, "SFMono-Regular", Consolas, monospace);
}

body.sblp-layout-active.sblp-design-profile-technical .sblp-site-main {
	background-color: var(--sblp-single-page, #f7f8fa);
	background-image:
		linear-gradient(color-mix(in srgb, var(--sblp-single-border, #dfe3e8) 48%, transparent) 1px, transparent 1px),
		linear-gradient(90deg, color-mix(in srgb, var(--sblp-single-border, #dfe3e8) 48%, transparent) 1px, transparent 1px);
	background-size: 28px 28px;
}

body.sblp-layout-active.sblp-design-profile-technical .sblp-breadcrumbs {
	border-radius: 4px;
	box-shadow: none;
	font-size: 0.76rem;
}

body.sblp-layout-active.sblp-design-profile-technical .sblp-breadcrumbs__item + .sblp-breadcrumbs__item::before {
	content: "/";
}

body.sblp-layout-active.sblp-design-profile-technical .sblp-layout-hero {
	background-color: var(--sblp-design-hero-bg, var(--sblp-single-surface, #ffffff));
	background-image: linear-gradient(90deg, color-mix(in srgb, var(--sblp-single-accent-soft, #e7eef4) 62%, transparent), transparent 38%);
	border-inline-start: 6px solid var(--sblp-single-accent, #4f6f8f);
	box-shadow: var(--sblp-shadow);
}

body.sblp-layout-active.sblp-design-profile-technical .sblp-post-title {
	font-size: clamp(2.25rem, 3.4vw + 0.7rem, 4.55rem);
	font-weight: 780;
	letter-spacing: -0.042em;
	line-height: 1.01;
	max-width: 19ch;
}

body.sblp-layout-active.sblp-design-profile-technical .sblp-layout-kicker,
body.sblp-layout-active.sblp-design-profile-technical :where(.sblp-type-pill, .sblp-breaking-badge, .sblp-announcement-badge, .sblp-category-chip) {
	border-radius: 3px;
	font-family: var(--sblp-font-accent);
	letter-spacing: 0.045em;
}

body.sblp-layout-active.sblp-design-profile-technical .sblp-prose {
	counter-reset: sblp-technical-section;
	font-size: clamp(1rem, 0.22vw + 0.98rem, 1.1rem);
	line-height: 1.72;
}

body.sblp-layout-active.sblp-design-profile-technical .sblp-prose h2 {
	align-items: baseline;
	border-block-end: 1px solid var(--sblp-profile-rule);
	counter-increment: sblp-technical-section;
	display: grid;
	grid-template-columns: auto minmax(0, 1fr);
	padding-block-end: 0.45em;
}

body.sblp-layout-active.sblp-design-profile-technical .sblp-prose h2::before {
	color: var(--sblp-design-link, var(--sblp-single-accent-foreground, #35556f));
	content: counter(sblp-technical-section, decimal-leading-zero) ".";
	font-family: var(--sblp-font-accent);
	font-size: 0.56em;
	font-weight: 760;
	letter-spacing: 0;
	margin-inline-end: 10px;
}

body.sblp-layout-active.sblp-design-profile-technical .sblp-prose :where(pre, table, .wp-block-table, details),
body.sblp-layout-active.sblp-design-profile-technical :where(.sblp-toc, .sblp-author-card, .sblp-related-post, .sblp-post-navigation__link, .sblp-embedded-cta) {
	border-radius: 4px;
	box-shadow: none;
}

body.sblp-layout-active.sblp-design-profile-technical .sblp-toc {
	border-block-start: 4px solid var(--sblp-single-accent, #4f6f8f);
}

body.sblp-layout-active.sblp-design-profile-technical .sblp-featured-media__image {
	border-radius: 6px;
	box-shadow: none;
}

/* ==========================================================================
 * Literary — book typography, quiet surfaces and generous reading rhythm.
 * ========================================================================== */

body.sblp-layout-active.sblp-design-profile-literary {
	--sblp-profile-reading-width: min(var(--sblp-content-width, 700px), 700px);
	--sblp-profile-hero-radius: 0;
	--sblp-profile-card-radius: 4px;
	--sblp-radius-lg: 4px;
	--sblp-radius-md: 4px;
	--sblp-radius-sm: 3px;
	--sblp-shadow: none;
	--sblp-font-body: var(--sblp-type-body, Charter, "Iowan Old Style", "Palatino Linotype", Georgia, serif);
	--sblp-font-h1: var(--sblp-type-h1, Charter, "Iowan Old Style", "Palatino Linotype", Georgia, serif);
	--sblp-font-h2: var(--sblp-type-h2, Charter, "Iowan Old Style", "Palatino Linotype", Georgia, serif);
	--sblp-font-h3: var(--sblp-type-h3, Charter, "Iowan Old Style", "Palatino Linotype", Georgia, serif);
}

body.sblp-layout-active.sblp-design-profile-literary .sblp-breadcrumbs {
	background: var(--sblp-single-surface, #ffffff);
	border-width: 0 0 1px;
	border-radius: 0;
	box-shadow: none;
	font-family: ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
	padding-inline: clamp(12px, 2.2vw, 22px);
}

body.sblp-layout-active.sblp-design-profile-literary .sblp-layout-hero {
	background: transparent;
	border-width: 1px 0;
	border-radius: 0;
	box-shadow: none;
}

body.sblp-layout-active.sblp-design-profile-literary .sblp-post-title {
	font-size: clamp(2.7rem, 4.4vw + 0.7rem, 5.55rem);
	font-weight: 650;
	letter-spacing: -0.035em;
	line-height: 1.01;
	max-width: 15.5ch;
}

body.sblp-layout-active.sblp-design-profile-literary .sblp-post-lead {
	font-family: var(--sblp-font-body);
	font-size: clamp(1.18rem, 0.7vw + 1rem, 1.48rem);
	font-style: italic;
	line-height: 1.62;
	max-width: 54ch;
}

body.sblp-layout-active.sblp-design-profile-literary :where(.sblp-layout-kicker, .sblp-type-pill, .sblp-breaking-badge, .sblp-announcement-badge, .sblp-category-chip, .sblp-post-meta) {
	font-family: ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
}

body.sblp-layout-active.sblp-design-profile-literary .sblp-featured-media__image {
	border-radius: 2px;
	box-shadow: none;
}

body.sblp-layout-active.sblp-design-profile-literary .sblp-prose {
	font-size: clamp(1.08rem, 0.38vw + 1rem, 1.24rem);
	line-height: 1.88;
}

body.sblp-layout-active.sblp-design-profile-literary .sblp-prose h2 {
	font-size: clamp(1.9rem, 2.2vw + 0.9rem, 2.8rem);
	font-weight: 650;
	letter-spacing: -0.025em;
	margin-top: 2.45em;
}

body.sblp-layout-active.sblp-design-profile-literary .sblp-prose h3 {
	font-weight: 650;
	margin-top: 2.2em;
}

body.sblp-layout-active.sblp-design-profile-literary .sblp-prose :where(blockquote, .wp-block-quote, .wp-block-pullquote) {
	background: transparent;
	border-block: 1px solid var(--sblp-profile-rule);
	border-inline: 0;
	border-radius: 0;
	font-size: 1.22em;
	font-style: italic;
	line-height: 1.7;
	padding: clamp(24px, 4vw, 42px) clamp(8px, 2vw, 24px);
	text-align: center;
}

body.sblp-layout-active.sblp-design-profile-literary :where(.sblp-author-card, .sblp-related-post, .sblp-post-navigation__link, .sblp-embedded-cta, .sblp-toc) {
	box-shadow: none;
}

body.sblp-layout-active.sblp-design-profile-literary .sblp-layout--opinion .sblp-opinion-hero__label {
	font-family: var(--sblp-font-h1);
	font-style: italic;
}

/* ==========================================================================
 * Selling — conversion hierarchy, prominent offer surfaces and confident CTA.
 * ========================================================================== */

body.sblp-layout-active.sblp-design-profile-selling {
	--sblp-profile-reading-width: min(var(--sblp-content-width, 780px), 780px);
	--sblp-profile-hero-radius: clamp(18px, 2.5vw, 30px);
	--sblp-profile-card-radius: clamp(12px, 1.6vw, 20px);
	--sblp-radius-lg: var(--sblp-profile-hero-radius);
	--sblp-radius-md: var(--sblp-profile-card-radius);
	--sblp-radius-sm: 10px;
	--sblp-shadow: 0 22px 58px color-mix(in srgb, var(--sblp-design-shadow-color, #1c2833) 14%, transparent);
	--sblp-font-body: var(--sblp-type-body, ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif);
	--sblp-font-h1: var(--sblp-type-h1, ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif);
}

body.sblp-layout-active.sblp-design-profile-selling .sblp-breadcrumbs {
	box-shadow: none;
}

body.sblp-layout-active.sblp-design-profile-selling .sblp-layout-hero {
	background:
		linear-gradient(120deg, var(--sblp-design-hero-bg, var(--sblp-single-surface, #ffffff)) 0 58%, color-mix(in srgb, var(--sblp-single-accent-soft, #e7eef4) 88%, var(--sblp-single-surface, #ffffff)) 100%);
	border-color: color-mix(in srgb, var(--sblp-single-accent, #4f6f8f) 42%, var(--sblp-single-border, #dfe3e8));
	box-shadow: var(--sblp-shadow);
}

body.sblp-layout-active.sblp-design-profile-selling .sblp-post-title {
	font-size: clamp(2.55rem, 4.4vw + 0.6rem, 5.45rem);
	font-weight: 840;
	letter-spacing: -0.052em;
	line-height: 0.98;
	max-width: 16ch;
}

body.sblp-layout-active.sblp-design-profile-selling .sblp-post-lead {
	font-size: clamp(1.13rem, 0.65vw + 1rem, 1.42rem);
	font-weight: 510;
	line-height: 1.52;
	max-width: 58ch;
}

body.sblp-layout-active.sblp-design-profile-selling .sblp-layout-kicker {
	background: var(--sblp-design-kicker-bg, var(--sblp-single-accent-soft, #e7eef4));
	border-color: color-mix(in srgb, var(--sblp-single-accent, #4f6f8f) 44%, var(--sblp-single-border, #dfe3e8));
	color: var(--sblp-design-kicker-text, var(--sblp-single-accent-foreground, #35556f));
	font-weight: 800;
}

body.sblp-layout-active.sblp-design-profile-selling :where(.sblp-type-pill, .sblp-announcement-badge) {
	background: var(--sblp-design-badge-bg, var(--sblp-single-accent-soft, #e7eef4));
	border-color: color-mix(in srgb, var(--sblp-single-accent, #4f6f8f) 44%, var(--sblp-single-border, #dfe3e8));
	color: var(--sblp-design-badge-text, var(--sblp-single-accent-foreground, #35556f));
	font-weight: 800;
}

body.sblp-layout-active.sblp-design-profile-selling .sblp-featured-media__image {
	border-color: color-mix(in srgb, var(--sblp-single-accent, #4f6f8f) 35%, var(--sblp-single-border, #dfe3e8));
	box-shadow: var(--sblp-shadow);
}

body.sblp-layout-active.sblp-design-profile-selling .sblp-prose h2 {
	border-inline-start: 5px solid var(--sblp-single-accent, #4f6f8f);
	padding-inline-start: clamp(14px, 2vw, 22px);
}

body.sblp-layout-active.sblp-design-profile-selling .sblp-embedded-cta,
body.sblp-layout-active.sblp-design-profile-selling .sblp-campaign-cta {
	background: var(--sblp-design-cta-bg, var(--sblp-single-accent-soft, #e7eef4));
	border: 2px solid color-mix(in srgb, var(--sblp-single-accent, #4f6f8f) 54%, var(--sblp-single-border, #dfe3e8));
	box-shadow: var(--sblp-shadow);
	color: var(--sblp-design-cta-text, var(--sblp-single-text, #1f2933));
}

body.sblp-layout-active.sblp-design-profile-selling .sblp-embedded-cta :where(a, button, input[type="submit"]),
body.sblp-layout-active.sblp-design-profile-selling .sblp-campaign-cta__button {
	background: var(--sblp-design-cta-button-bg, var(--sblp-single-accent-strong, #35556f));
	border-color: var(--sblp-design-cta-button-bg, var(--sblp-single-accent-strong, #35556f));
	border-radius: var(--sblp-radius-sm);
	box-shadow: 0 10px 24px color-mix(in srgb, var(--sblp-single-accent-strong, #35556f) 24%, transparent);
	color: var(--sblp-design-cta-button-text, var(--sblp-single-on-accent, #ffffff));
	font-weight: 780;
	min-height: 48px;
}

body.sblp-layout-active.sblp-design-profile-selling .sblp-embedded-cta :where(a, button, input[type="submit"]):hover,
body.sblp-layout-active.sblp-design-profile-selling .sblp-campaign-cta__button:hover {
	box-shadow: 0 14px 30px color-mix(in srgb, var(--sblp-single-accent-strong, #35556f) 32%, transparent);
	color: var(--sblp-design-cta-button-text, var(--sblp-single-on-accent, #ffffff));
	transform: translateY(-2px);
}

body.sblp-layout-active.sblp-design-profile-selling :where(.sblp-commercial-benefits, .sblp-commercial-offer, .sblp-review-summary, .sblp-case-flow, .sblp-interview-format) {
	border-color: color-mix(in srgb, var(--sblp-single-accent, #4f6f8f) 42%, var(--sblp-single-border, #dfe3e8));
	box-shadow: 0 14px 38px color-mix(in srgb, var(--sblp-design-shadow-color, #1c2833) 9%, transparent);
}

/* ==========================================================================
 * Responsive and accessibility guarantees shared by every profile.
 * ========================================================================== */

@media (max-width: 960px) {
	body.sblp-layout-active.sblp-design-profile-creative .sblp-layout-hero::after {
		opacity: 0.58;
	}

	body.sblp-layout-active.sblp-design-profile-creative .sblp-prose h2 {
		align-items: flex-start;
	}

	body.sblp-layout-active.sblp-design-profile-technical .sblp-site-main {
		background-size: 22px 22px;
	}
}

@media (max-width: 720px) {
	body.sblp-layout-active[class*="sblp-design-profile-"] .sblp-site-main {
		padding-block-start: 12px;
	}

	body.sblp-layout-active[class*="sblp-design-profile-"] .sblp-breadcrumbs {
		border-radius: 8px;
		margin-bottom: 18px;
		overflow-x: auto;
		overscroll-behavior-inline: contain;
		padding: 2px 12px;
		scrollbar-width: thin;
	}

	body.sblp-layout-active[class*="sblp-design-profile-"] .sblp-breadcrumbs__list {
		flex-wrap: nowrap;
		width: max-content;
	}

	body.sblp-layout-active[class*="sblp-design-profile-"] .sblp-breadcrumbs__item {
		white-space: nowrap;
	}

	body.sblp-layout-active[class*="sblp-design-profile-"] .sblp-breadcrumbs [aria-current="page"] {
		max-width: 42vw;
	}

	body.sblp-layout-active.sblp-design-profile-creative .sblp-post-title,
	body.sblp-layout-active.sblp-design-profile-selling .sblp-post-title,
	body.sblp-layout-active.sblp-design-profile-literary .sblp-post-title {
		font-size: clamp(2.35rem, 12vw, 4.2rem);
		line-height: 1;
	}

	body.sblp-layout-active.sblp-design-profile-technical .sblp-prose h2 {
		grid-template-columns: 1fr;
	}

	body.sblp-layout-active.sblp-design-profile-technical .sblp-prose h2::before {
		display: block;
		margin: 0 0 5px;
	}

	body.sblp-layout-active.sblp-design-profile-literary .sblp-prose {
		font-size: 1.08rem;
		line-height: 1.78;
	}

	body.sblp-layout-active.sblp-design-profile-selling .sblp-embedded-cta :where(a, button, input[type="submit"]),
	body.sblp-layout-active.sblp-design-profile-selling .sblp-campaign-cta__button {
		justify-content: center;
		width: 100%;
	}
}

@media (prefers-reduced-motion: reduce) {
	body.sblp-layout-active[class*="sblp-design-profile-"] .sblp-layout-hero,
	body.sblp-layout-active[class*="sblp-design-profile-"] .sblp-featured-media__image,
	body.sblp-layout-active[class*="sblp-design-profile-"] :where(.sblp-toc, .sblp-author-card, .sblp-related-post, .sblp-post-navigation__link, .sblp-embedded-cta) {
		transition: none;
	}
}

@media print {
	body.sblp-layout-active[class*="sblp-design-profile-"] .sblp-site-main {
		background: #ffffff !important;
		padding: 0;
	}

	body.sblp-layout-active[class*="sblp-design-profile-"] .sblp-breadcrumbs,
	body.sblp-layout-active[class*="sblp-design-profile-"] .sblp-layout-hero,
	body.sblp-layout-active[class*="sblp-design-profile-"] .sblp-featured-media__image,
	body.sblp-layout-active[class*="sblp-design-profile-"] :where(.sblp-toc, .sblp-author-card, .sblp-related-post, .sblp-post-navigation__link, .sblp-embedded-cta) {
		background: #ffffff !important;
		box-shadow: none !important;
		color: #000000 !important;
	}
}