/**
 * Premium composition profiles for managed public surfaces — version 2.7.0.
 *
 * This stylesheet never targets theme HTML on its own. Every selector starts
 * at a Smart Blog root carrying an allowlisted server-generated profile class.
 * Theme mode, accent palette and Design Center tokens remain independent.
 */

/* Shared profile contract. */
.sblp-home[class*="sblp-surface-profile-"],
.sblp-category-page[class*="sblp-surface-profile-"],
.sblp-tag-archive[class*="sblp-surface-profile-"],
.sblp-author-archive[class*="sblp-surface-profile-"],
.sblp-search-page[class*="sblp-surface-profile-"],
.sblp-not-found-page[class*="sblp-surface-profile-"],
.sblp-popular-page[class*="sblp-surface-profile-"],
.sblp-topic[class*="sblp-surface-profile-"],
.sblp-subscribe-block[class*="sblp-surface-profile-"],
.sblp-subscription-page[class*="sblp-surface-profile-"],
.sblp-email-preferences[class*="sblp-surface-profile-"] {
	--sblp-profile-radius: 20px;
	--sblp-profile-radius-small: 12px;
	--sblp-profile-section-gap: clamp(42px, 7vw, 88px);
	--sblp-profile-card-gap: clamp(16px, 2.4vw, 26px);
	--sblp-profile-card-shadow: var(--sblp-theme-shadow, 0 18px 48px rgba(15, 23, 42, 0.08));
	--sblp-profile-heading-font: var(--sblp-type-h1-family, inherit);
	--sblp-profile-body-font: var(--sblp-type-body-family, inherit);
	--sblp-geometry-card-radius: var(--sblp-profile-radius);
	--sblp-geometry-button-radius: var(--sblp-profile-radius-small);
	--sblp-geometry-card-gap: var(--sblp-profile-card-gap);
	font-family: var(--sblp-profile-body-font);
}

.sblp-home[class*="sblp-surface-profile-"] :is(a, button, input, select, textarea, summary):focus-visible,
.sblp-category-page[class*="sblp-surface-profile-"] :is(a, button, input, select, textarea, summary):focus-visible,
.sblp-tag-archive[class*="sblp-surface-profile-"] :is(a, button, input, select, textarea, summary):focus-visible,
.sblp-author-archive[class*="sblp-surface-profile-"] :is(a, button, input, select, textarea, summary):focus-visible,
.sblp-search-page[class*="sblp-surface-profile-"] :is(a, button, input, select, textarea, summary):focus-visible,
.sblp-not-found-page[class*="sblp-surface-profile-"] :is(a, button, input, select, textarea, summary):focus-visible,
.sblp-popular-page[class*="sblp-surface-profile-"] :is(a, button, input, select, textarea, summary):focus-visible,
.sblp-topic[class*="sblp-surface-profile-"] :is(a, button, input, select, textarea, summary):focus-visible,
.sblp-subscribe-block[class*="sblp-surface-profile-"] :is(a, button, input, select, textarea, summary):focus-visible,
.sblp-subscription-page[class*="sblp-surface-profile-"] :is(a, button, input, select, textarea, summary):focus-visible,
.sblp-email-preferences[class*="sblp-surface-profile-"] :is(a, button, input, select, textarea, summary):focus-visible {
	outline: 3px solid var(--sblp-design-focus, var(--sblp-focus, var(--sblp-accent, currentColor)));
	outline-offset: 4px;
}

.sblp-home[class*="sblp-surface-profile-"] :is(button, input, select, textarea),
.sblp-category-page[class*="sblp-surface-profile-"] :is(button, input, select, textarea),
.sblp-search-page[class*="sblp-surface-profile-"] :is(button, input, select, textarea),
.sblp-not-found-page[class*="sblp-surface-profile-"] :is(button, input, select, textarea),
.sblp-subscribe-block[class*="sblp-surface-profile-"] :is(button, input, select, textarea),
.sblp-subscription-page[class*="sblp-surface-profile-"] :is(button, input, select, textarea),
.sblp-email-preferences[class*="sblp-surface-profile-"] :is(button, input, select, textarea) {
	min-height: 44px;
}

/* Breadcrumbs are a deliberate navigation dock, never a floating orphan. */
.sblp-tag-archive[class*="sblp-surface-profile-"] .sblp-editorial-breadcrumbs,
.sblp-author-archive[class*="sblp-surface-profile-"] .sblp-editorial-breadcrumbs,
.sblp-search-page[class*="sblp-surface-profile-"] .sblp-editorial-breadcrumbs,
.sblp-popular-page[class*="sblp-surface-profile-"] .sblp-editorial-breadcrumbs,
.sblp-category-page[class*="sblp-surface-profile-"] .sblp-category-breadcrumbs {
	display: flex;
	align-items: center;
	min-height: 44px;
	margin: 0 0 clamp(18px, 3vw, 30px);
	padding: 8px 14px;
	border: 1px solid var(--sblp-design-border, var(--sblp-border, #dfe3e8));
	border-radius: var(--sblp-profile-radius-small);
	background: var(--sblp-design-surface, var(--sblp-surface, #ffffff));
	color: var(--sblp-design-muted, var(--sblp-muted, #667085));
}

.sblp-tag-archive[class*="sblp-surface-profile-"] .sblp-editorial-breadcrumbs a,
.sblp-author-archive[class*="sblp-surface-profile-"] .sblp-editorial-breadcrumbs a,
.sblp-search-page[class*="sblp-surface-profile-"] .sblp-editorial-breadcrumbs a,
.sblp-popular-page[class*="sblp-surface-profile-"] .sblp-editorial-breadcrumbs a,
.sblp-category-page[class*="sblp-surface-profile-"] .sblp-category-breadcrumbs a {
	display: inline-flex;
	align-items: center;
	min-height: 28px;
	font-weight: 680;
	text-decoration: none;
}

/* Shared premium surface polish. */
.sblp-home[class*="sblp-surface-profile-"] :is(.sblp-home-hero, .sblp-home-category-card, .sblp-archive-card, .sblp-home-trust),
.sblp-category-page[class*="sblp-surface-profile-"] :is(.sblp-category-hero, .sblp-category-child-card, .sblp-category-feature-card, .sblp-category-post-card, .sblp-category-faq__item),
.sblp-tag-archive[class*="sblp-surface-profile-"] :is(.sblp-archive-hero, .sblp-archive-card),
.sblp-author-archive[class*="sblp-surface-profile-"] :is(.sblp-author-profile, .sblp-archive-card),
.sblp-search-page[class*="sblp-surface-profile-"] :is(.sblp-archive-hero, .sblp-archive-card, .sblp-search-form),
.sblp-not-found-page[class*="sblp-surface-profile-"] :is(.sblp-archive-hero, .sblp-archive-card, .sblp-not-found-search),
.sblp-popular-page[class*="sblp-surface-profile-"] :is(.sblp-archive-hero, .sblp-archive-card, .sblp-popular-tabs__list),
.sblp-topic[class*="sblp-surface-profile-"] :is(.sblp-topic-hero, .sblp-archive-card, .sblp-topic-route, .sblp-topic-faq__item),
.sblp-subscribe-block[class*="sblp-surface-profile-"],
.sblp-subscription-page[class*="sblp-surface-profile-"] .sblp-subscription-panel,
.sblp-email-preferences[class*="sblp-surface-profile-"] .sblp-email-preferences__card {
	border-radius: var(--sblp-profile-radius);
}

.sblp-home[class*="sblp-surface-profile-"] :is(.sblp-archive-card, .sblp-home-category-card),
.sblp-category-page[class*="sblp-surface-profile-"] :is(.sblp-category-child-card, .sblp-category-post-card),
.sblp-tag-archive[class*="sblp-surface-profile-"] .sblp-archive-card,
.sblp-author-archive[class*="sblp-surface-profile-"] .sblp-archive-card,
.sblp-search-page[class*="sblp-surface-profile-"] .sblp-archive-card,
.sblp-not-found-page[class*="sblp-surface-profile-"] .sblp-archive-card,
.sblp-popular-page[class*="sblp-surface-profile-"] .sblp-archive-card,
.sblp-topic[class*="sblp-surface-profile-"] .sblp-archive-card {
	transition: border-color 180ms ease, box-shadow 180ms ease, transform 180ms ease;
}

.sblp-home[class*="sblp-surface-profile-"] :is(.sblp-archive-card, .sblp-home-category-card):hover,
.sblp-category-page[class*="sblp-surface-profile-"] :is(.sblp-category-child-card, .sblp-category-post-card):hover,
.sblp-tag-archive[class*="sblp-surface-profile-"] .sblp-archive-card:hover,
.sblp-author-archive[class*="sblp-surface-profile-"] .sblp-archive-card:hover,
.sblp-search-page[class*="sblp-surface-profile-"] .sblp-archive-card:hover,
.sblp-not-found-page[class*="sblp-surface-profile-"] .sblp-archive-card:hover,
.sblp-popular-page[class*="sblp-surface-profile-"] .sblp-archive-card:hover,
.sblp-topic[class*="sblp-surface-profile-"] .sblp-archive-card:hover {
	border-color: color-mix(in srgb, var(--sblp-design-accent, var(--sblp-accent, currentColor)) 42%, var(--sblp-design-border, var(--sblp-border, currentColor)));
}

/* --------------------------------------------------------------------------
 * Creative — expressive editorial magazine with controlled asymmetry.
 * ----------------------------------------------------------------------- */
.sblp-surface-profile-creative {
	--sblp-profile-radius: clamp(22px, 3vw, 34px);
	--sblp-profile-radius-small: 14px;
	--sblp-profile-section-gap: clamp(50px, 8vw, 104px);
	--sblp-profile-card-gap: clamp(18px, 3vw, 32px);
	--sblp-profile-card-shadow: 0 24px 60px color-mix(in srgb, var(--sblp-design-heading, var(--sblp-text, #1f2933)) 12%, transparent);
}

.sblp-home.sblp-surface-profile-creative .sblp-home-hero {
	display: grid;
	grid-template-columns: minmax(0, 1.65fr) minmax(240px, .55fr);
	align-items: end;
	min-height: clamp(430px, 58vw, 680px);
	background:
		radial-gradient(circle at 86% 16%, var(--sblp-design-accent-soft, var(--sblp-accent-soft, #e7eef4)) 0 14%, transparent 15%),
		linear-gradient(135deg, var(--sblp-design-hero-bg, var(--sblp-surface, #fff)), var(--sblp-design-surface-soft, var(--sblp-surface-soft, #f0f2f5)));
	box-shadow: var(--sblp-profile-card-shadow);
}

.sblp-home.sblp-surface-profile-creative .sblp-home-hero__title,
.sblp-category-page.sblp-surface-profile-creative .sblp-category-hero__title,
.sblp-topic.sblp-surface-profile-creative .sblp-topic-hero h1,
.sblp-surface-profile-creative .sblp-archive-hero h1 {
	max-width: 14ch;
	font-size: clamp(2.7rem, 7.3vw, 6.2rem);
	font-weight: 850;
	letter-spacing: -.065em;
	line-height: .93;
	text-wrap: balance;
}

.sblp-home.sblp-surface-profile-creative .sblp-home-categories__grid,
.sblp-category-page.sblp-surface-profile-creative .sblp-category-child-grid {
	grid-template-columns: repeat(12, minmax(0, 1fr));
}

.sblp-home.sblp-surface-profile-creative .sblp-home-category-card,
.sblp-category-page.sblp-surface-profile-creative .sblp-category-child-card {
	grid-column: span 4;
	box-shadow: var(--sblp-profile-card-shadow);
}

.sblp-home.sblp-surface-profile-creative .sblp-home-category-card:nth-child(5n + 1),
.sblp-category-page.sblp-surface-profile-creative .sblp-category-child-card:nth-child(5n + 1) {
	grid-column: span 5;
}

.sblp-home.sblp-surface-profile-creative .sblp-home-category-card:nth-child(5n + 2),
.sblp-category-page.sblp-surface-profile-creative .sblp-category-child-card:nth-child(5n + 2) {
	grid-column: span 3;
}

.sblp-home.sblp-surface-profile-creative .sblp-home-category-card:nth-child(even),
.sblp-category-page.sblp-surface-profile-creative .sblp-category-child-card:nth-child(even) {
	transform: translateY(clamp(0px, 1.8vw, 20px));
}

.sblp-home.sblp-surface-profile-creative .sblp-home-category-card:nth-child(even):hover,
.sblp-category-page.sblp-surface-profile-creative .sblp-category-child-card:nth-child(even):hover {
	transform: translateY(clamp(-3px, 1.4vw, 17px));
}

.sblp-surface-profile-creative :is(.sblp-archive-hero, .sblp-author-profile, .sblp-topic-hero, .sblp-category-hero) {
	position: relative;
	overflow: hidden;
	background:
		radial-gradient(circle at 90% 12%, var(--sblp-design-accent-soft, var(--sblp-accent-soft, #e7eef4)) 0 17%, transparent 18%),
		linear-gradient(145deg, var(--sblp-design-hero-bg, var(--sblp-surface, #fff)), var(--sblp-design-surface-soft, var(--sblp-surface-soft, #f0f2f5)));
	box-shadow: var(--sblp-profile-card-shadow);
}

.sblp-surface-profile-creative :is(.sblp-archive-grid, .sblp-category-post-grid, .sblp-topic-directions__grid) {
	gap: var(--sblp-profile-card-gap);
}

.sblp-surface-profile-creative .sblp-archive-card--featured,
.sblp-category-page.sblp-surface-profile-creative .sblp-category-feature-card {
	grid-column: 1 / -1;
	box-shadow: var(--sblp-profile-card-shadow);
}

.sblp-author-archive.sblp-surface-profile-creative .sblp-author-profile {
	grid-template-columns: minmax(150px, .35fr) minmax(0, 1fr);
	padding: clamp(28px, 6vw, 72px);
}

.sblp-popular-page.sblp-surface-profile-creative .sblp-popular-list--page .sblp-popular-list__rank {
	transform: rotate(-5deg);
	border-radius: 50% 45% 52% 42%;
}

.sblp-subscribe-block.sblp-surface-profile-creative,
.sblp-subscription-page.sblp-surface-profile-creative .sblp-subscription-panel,
.sblp-email-preferences.sblp-surface-profile-creative .sblp-email-preferences__card {
	position: relative;
	overflow: hidden;
	background:
		radial-gradient(circle at 92% 8%, var(--sblp-accent-soft, #e7eef4) 0 16%, transparent 17%),
		var(--sblp-design-surface, var(--sblp-surface, #fff));
	box-shadow: var(--sblp-profile-card-shadow);
}

/* --------------------------------------------------------------------------
 * Conservative — calm, predictable and information-first.
 * ----------------------------------------------------------------------- */
.sblp-surface-profile-conservative {
	--sblp-profile-radius: 10px;
	--sblp-profile-radius-small: 7px;
	--sblp-profile-section-gap: clamp(38px, 6vw, 72px);
	--sblp-profile-card-gap: clamp(14px, 2vw, 22px);
	--sblp-profile-card-shadow: 0 10px 28px color-mix(in srgb, var(--sblp-design-heading, var(--sblp-text, #1f2933)) 8%, transparent);
}

.sblp-surface-profile-conservative :is(.sblp-home-hero, .sblp-archive-hero, .sblp-category-hero, .sblp-topic-hero, .sblp-author-profile) {
	border-radius: 12px;
	background: var(--sblp-design-surface, var(--sblp-surface, #fff));
	box-shadow: var(--sblp-profile-card-shadow);
}

.sblp-surface-profile-conservative .sblp-home-hero::before,
.sblp-surface-profile-conservative .sblp-archive-hero::after,
.sblp-surface-profile-conservative .sblp-topic-hero::before {
	display: none;
}

.sblp-home.sblp-surface-profile-conservative .sblp-home-hero {
	grid-template-columns: minmax(0, 1.4fr) minmax(240px, .6fr);
	padding: clamp(32px, 5vw, 64px);
}

.sblp-surface-profile-conservative :is(.sblp-home-hero__title, .sblp-category-hero__title, .sblp-topic-hero h1, .sblp-archive-hero h1) {
	max-width: 20ch;
	font-size: clamp(2.25rem, 5.3vw, 4.6rem);
	font-weight: 760;
	letter-spacing: -.038em;
	line-height: 1.02;
}

.sblp-home.sblp-surface-profile-conservative .sblp-home-categories__grid {
	grid-template-columns: repeat(4, minmax(0, 1fr));
}

.sblp-surface-profile-conservative :is(.sblp-archive-card, .sblp-home-category-card, .sblp-category-child-card, .sblp-category-post-card) {
	box-shadow: none;
}

.sblp-surface-profile-conservative :is(.sblp-archive-card, .sblp-home-category-card, .sblp-category-child-card, .sblp-category-post-card):hover {
	box-shadow: var(--sblp-profile-card-shadow);
	transform: translateY(-1px);
}

.sblp-surface-profile-conservative :is(.sblp-home-section-heading, .sblp-archive-section__heading, .sblp-category-section__header, .sblp-editorial-section__heading) {
	max-width: 820px;
	padding-bottom: 14px;
	border-bottom: 1px solid var(--sblp-design-border, var(--sblp-border, #dfe3e8));
}

.sblp-author-archive.sblp-surface-profile-conservative .sblp-author-profile {
	grid-template-columns: 160px minmax(0, 1fr);
	padding: clamp(28px, 5vw, 56px);
}

.sblp-search-page.sblp-surface-profile-conservative .sblp-search-form,
.sblp-not-found-page.sblp-surface-profile-conservative .sblp-not-found-search {
	max-width: 820px;
}

.sblp-popular-page.sblp-surface-profile-conservative .sblp-popular-list--page .sblp-popular-list__rank {
	border-radius: 8px;
}

.sblp-topic.sblp-surface-profile-conservative .sblp-topic-route {
	box-shadow: none;
}

.sblp-subscribe-block.sblp-surface-profile-conservative,
.sblp-subscription-page.sblp-surface-profile-conservative .sblp-subscription-panel,
.sblp-email-preferences.sblp-surface-profile-conservative .sblp-email-preferences__card {
	box-shadow: var(--sblp-profile-card-shadow);
}

/* --------------------------------------------------------------------------
 * Technical — precise grid, dense metadata and strong state signalling.
 * ----------------------------------------------------------------------- */
.sblp-surface-profile-technical {
	--sblp-profile-radius: 4px;
	--sblp-profile-radius-small: 3px;
	--sblp-profile-section-gap: clamp(32px, 5vw, 62px);
	--sblp-profile-card-gap: clamp(10px, 1.6vw, 18px);
	--sblp-profile-card-shadow: none;
	--sblp-profile-mono: var(--sblp-type-accent-family, ui-monospace, SFMono-Regular, Consolas, "Liberation Mono", monospace);
}

.sblp-surface-profile-technical {
	background-image:
		linear-gradient(color-mix(in srgb, var(--sblp-design-border, var(--sblp-border, #dfe3e8)) 30%, transparent) 1px, transparent 1px),
		linear-gradient(90deg, color-mix(in srgb, var(--sblp-design-border, var(--sblp-border, #dfe3e8)) 30%, transparent) 1px, transparent 1px);
	background-size: 32px 32px;
}

.sblp-surface-profile-technical :is(.sblp-home-hero, .sblp-archive-hero, .sblp-category-hero, .sblp-topic-hero, .sblp-author-profile) {
	border-width: 1px 1px 1px 5px;
	border-radius: 4px;
	border-left-color: var(--sblp-design-accent, var(--sblp-accent, #4f6f8f));
	background: var(--sblp-design-surface, var(--sblp-surface, #fff));
	box-shadow: none;
}

.sblp-surface-profile-technical .sblp-home-hero::before,
.sblp-surface-profile-technical .sblp-archive-hero::after,
.sblp-surface-profile-technical .sblp-topic-hero::before {
	display: none;
}

.sblp-surface-profile-technical :is(.sblp-home-hero__eyebrow, .sblp-archive-hero__eyebrow, .sblp-category-hero__kicker, .sblp-topic-hero__type, .sblp-editorial-section__eyebrow, .sblp-category-post-card__meta, .sblp-archive-card__meta, .sblp-popular-list__rank, .sblp-subscribe-block__eyebrow, .sblp-email-preferences__eyebrow) {
	font-family: var(--sblp-profile-mono);
	font-variant-numeric: tabular-nums;
	letter-spacing: .055em;
}

.sblp-surface-profile-technical :is(.sblp-home-hero__title, .sblp-category-hero__title, .sblp-topic-hero h1, .sblp-archive-hero h1) {
	max-width: 22ch;
	font-size: clamp(2.1rem, 5vw, 4.45rem);
	font-weight: 780;
	letter-spacing: -.045em;
	line-height: 1;
}

.sblp-home.sblp-surface-profile-technical .sblp-home-hero {
	grid-template-columns: minmax(0, 1fr) minmax(270px, .42fr);
}

.sblp-surface-profile-technical :is(.sblp-archive-card, .sblp-home-category-card, .sblp-category-child-card, .sblp-category-post-card, .sblp-topic-route__list li, .sblp-popular-tabs__list) {
	border-radius: 4px;
	box-shadow: none;
}

.sblp-surface-profile-technical :is(.sblp-archive-card, .sblp-home-category-card, .sblp-category-child-card, .sblp-category-post-card):hover {
	box-shadow: inset 4px 0 0 var(--sblp-design-accent, var(--sblp-accent, #4f6f8f));
	transform: none;
}

.sblp-surface-profile-technical :is(.sblp-home-section-heading, .sblp-archive-section__heading, .sblp-category-section__header, .sblp-editorial-section__heading)::before {
	display: inline-block;
	width: 34px;
	height: 4px;
	margin-bottom: 12px;
	background: var(--sblp-design-accent, var(--sblp-accent, #4f6f8f));
	content: "";
}

.sblp-popular-page.sblp-surface-profile-technical .sblp-popular-list--page .sblp-popular-list__rank {
	border-radius: 3px;
	font-family: var(--sblp-profile-mono);
}

.sblp-subscribe-block.sblp-surface-profile-technical,
.sblp-subscription-page.sblp-surface-profile-technical .sblp-subscription-panel,
.sblp-email-preferences.sblp-surface-profile-technical .sblp-email-preferences__card {
	border-left: 5px solid var(--sblp-design-accent, var(--sblp-accent, #4f6f8f));
	box-shadow: none;
}

.sblp-surface-profile-technical :is(input, select, textarea, button, .sblp-editorial-button, .sblp-home-button, .sblp-subscription-primary-button, .sblp-subscription-secondary-button) {
	border-radius: 3px;
}

/* --------------------------------------------------------------------------
 * Literary — long-form rhythm, serif voice and restrained ornament.
 * ----------------------------------------------------------------------- */
.sblp-surface-profile-literary {
	--sblp-profile-radius: 2px;
	--sblp-profile-radius-small: 2px;
	--sblp-profile-section-gap: clamp(56px, 9vw, 116px);
	--sblp-profile-card-gap: clamp(24px, 4vw, 44px);
	--sblp-profile-card-shadow: none;
	--sblp-profile-heading-font: var(--sblp-type-h1-family, Georgia, "Times New Roman", serif);
	--sblp-profile-body-font: var(--sblp-type-body-family, Georgia, "Times New Roman", serif);
	font-size: 1.05rem;
	line-height: 1.78;
}

.sblp-surface-profile-literary :is(h1, h2, h3, .sblp-home-hero__title, .sblp-category-hero__title, .sblp-archive-card__title) {
	font-family: var(--sblp-profile-heading-font);
}

.sblp-surface-profile-literary :is(.sblp-home-hero, .sblp-archive-hero, .sblp-category-hero, .sblp-topic-hero, .sblp-author-profile) {
	border-width: 1px 0;
	border-radius: 0;
	background: transparent;
	box-shadow: none;
	text-align: center;
}

.sblp-surface-profile-literary .sblp-home-hero::before,
.sblp-surface-profile-literary .sblp-archive-hero::after,
.sblp-surface-profile-literary .sblp-topic-hero::before {
	display: none;
}

.sblp-home.sblp-surface-profile-literary .sblp-home-hero {
	display: block;
	max-width: 980px;
	margin-inline: auto;
	padding: clamp(48px, 9vw, 104px) clamp(18px, 5vw, 52px);
}

.sblp-home.sblp-surface-profile-literary .sblp-home-hero__content,
.sblp-surface-profile-literary .sblp-archive-hero__content,
.sblp-category-page.sblp-surface-profile-literary .sblp-category-hero__inner {
	max-width: 780px;
	margin-inline: auto;
}

.sblp-home.sblp-surface-profile-literary .sblp-home-hero__summary {
	grid-template-columns: repeat(3, minmax(0, 1fr));
	max-width: 660px;
	margin: 34px auto 0;
}

.sblp-home.sblp-surface-profile-literary .sblp-home-hero__actions,
.sblp-surface-profile-literary .sblp-archive-hero__meta,
.sblp-topic.sblp-surface-profile-literary .sblp-topic-hero__meta,
.sblp-topic.sblp-surface-profile-literary .sblp-topic-hero__topline {
	justify-content: center;
}

.sblp-surface-profile-literary :is(.sblp-home-hero__title, .sblp-category-hero__title, .sblp-topic-hero h1, .sblp-archive-hero h1) {
	max-width: 19ch;
	margin-inline: auto;
	font-size: clamp(2.65rem, 6.5vw, 5.6rem);
	font-weight: 600;
	letter-spacing: -.045em;
	line-height: .99;
}

.sblp-surface-profile-literary :is(.sblp-home-hero__subtitle, .sblp-category-hero__lead, .sblp-topic-hero__description, .sblp-archive-hero__description) {
	max-width: 65ch;
	margin-inline: auto;
	font-size: clamp(1.08rem, 2vw, 1.3rem);
}

.sblp-home.sblp-surface-profile-literary :is(.sblp-home-categories__grid, .sblp-home-latest__grid, .sblp-home-guides__grid),
.sblp-surface-profile-literary .sblp-archive-grid,
.sblp-category-page.sblp-surface-profile-literary :is(.sblp-category-child-grid, .sblp-category-post-grid) {
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

.sblp-surface-profile-literary :is(.sblp-archive-card, .sblp-home-category-card, .sblp-category-child-card, .sblp-category-post-card) {
	border-width: 0 0 1px;
	border-radius: 0;
	background: transparent;
	box-shadow: none;
}

.sblp-surface-profile-literary :is(.sblp-archive-card, .sblp-home-category-card, .sblp-category-child-card, .sblp-category-post-card):hover {
	box-shadow: none;
	transform: none;
}

.sblp-surface-profile-literary :is(.sblp-home-section-heading, .sblp-archive-section__heading, .sblp-category-section__header, .sblp-editorial-section__heading) {
	max-width: 760px;
	margin-inline: auto;
	text-align: center;
}

.sblp-author-archive.sblp-surface-profile-literary .sblp-author-profile {
	display: block;
	max-width: 880px;
	margin-inline: auto;
}

.sblp-author-archive.sblp-surface-profile-literary .sblp-author-profile__media {
	margin: 0 auto 24px;
}

.sblp-topic.sblp-surface-profile-literary :is(.sblp-topic-context, .sblp-topic-route, .sblp-topic-faq, .sblp-topic-sources) {
	max-width: 860px;
	margin-inline: auto;
}

.sblp-popular-page.sblp-surface-profile-literary .sblp-popular-list--page .sblp-popular-list__rank {
	border: 0;
	border-radius: 0;
	background: transparent;
	font-family: var(--sblp-profile-heading-font);
	font-size: 1.45rem;
}

.sblp-subscribe-block.sblp-surface-profile-literary,
.sblp-subscription-page.sblp-surface-profile-literary .sblp-subscription-panel,
.sblp-email-preferences.sblp-surface-profile-literary .sblp-email-preferences__card {
	max-width: 820px;
	margin-inline: auto;
	border-width: 1px 0;
	border-radius: 0;
	box-shadow: none;
}

/* --------------------------------------------------------------------------
 * Selling — benefit-led hierarchy and visible action paths.
 * ----------------------------------------------------------------------- */
.sblp-surface-profile-selling {
	--sblp-profile-radius: 22px;
	--sblp-profile-radius-small: 12px;
	--sblp-profile-section-gap: clamp(46px, 7vw, 92px);
	--sblp-profile-card-gap: clamp(16px, 2.5vw, 28px);
	--sblp-profile-card-shadow: 0 22px 58px color-mix(in srgb, var(--sblp-design-heading, var(--sblp-text, #1f2933)) 13%, transparent);
}

.sblp-surface-profile-selling :is(.sblp-home-hero, .sblp-archive-hero, .sblp-category-hero, .sblp-topic-hero, .sblp-author-profile) {
	border-color: color-mix(in srgb, var(--sblp-design-accent, var(--sblp-accent, #4f6f8f)) 34%, var(--sblp-design-border, var(--sblp-border, #dfe3e8)));
	background:
		linear-gradient(128deg, var(--sblp-design-hero-bg, var(--sblp-surface, #fff)) 0 62%, var(--sblp-design-accent-soft, var(--sblp-accent-soft, #e7eef4)) 100%);
	box-shadow: var(--sblp-profile-card-shadow);
}

.sblp-home.sblp-surface-profile-selling .sblp-home-hero {
	grid-template-columns: minmax(0, 1.45fr) minmax(280px, .55fr);
	min-height: clamp(420px, 52vw, 620px);
}

.sblp-surface-profile-selling :is(.sblp-home-hero__title, .sblp-category-hero__title, .sblp-topic-hero h1, .sblp-archive-hero h1) {
	max-width: 16ch;
	font-size: clamp(2.65rem, 6.6vw, 5.7rem);
	font-weight: 860;
	letter-spacing: -.06em;
	line-height: .94;
}

.sblp-surface-profile-selling :is(.sblp-home-button--primary, .sblp-editorial-button:not(.sblp-editorial-button--secondary), .sblp-search-form__submit, .sblp-subscription-primary-button, .sblp-subscribe-block__form button, .sblp-subscribe-block__form input[type="submit"], .sblp-email-preferences__button) {
	min-height: 48px;
	padding-inline: 22px;
	box-shadow: 0 10px 24px color-mix(in srgb, var(--sblp-design-accent, var(--sblp-accent, #4f6f8f)) 26%, transparent);
	font-weight: 800;
}

.sblp-surface-profile-selling :is(.sblp-home-button--primary, .sblp-editorial-button:not(.sblp-editorial-button--secondary), .sblp-search-form__submit, .sblp-subscription-primary-button, .sblp-subscribe-block__form button, .sblp-subscribe-block__form input[type="submit"], .sblp-email-preferences__button):hover {
	transform: translateY(-2px);
}

.sblp-surface-profile-selling :is(.sblp-archive-card, .sblp-home-category-card, .sblp-category-child-card, .sblp-category-post-card) {
	box-shadow: 0 12px 34px color-mix(in srgb, var(--sblp-design-heading, var(--sblp-text, #1f2933)) 8%, transparent);
}

.sblp-surface-profile-selling :is(.sblp-archive-card, .sblp-home-category-card, .sblp-category-child-card, .sblp-category-post-card):hover {
	box-shadow: var(--sblp-profile-card-shadow);
	transform: translateY(-4px);
}

.sblp-surface-profile-selling :is(.sblp-home-section-heading, .sblp-archive-section__heading, .sblp-category-section__header, .sblp-editorial-section__heading) {
	position: relative;
	padding-left: 18px;
}

.sblp-surface-profile-selling :is(.sblp-home-section-heading, .sblp-archive-section__heading, .sblp-category-section__header, .sblp-editorial-section__heading)::before {
	position: absolute;
	inset: 4px auto 4px 0;
	width: 5px;
	border-radius: 999px;
	background: var(--sblp-design-accent, var(--sblp-accent, #4f6f8f));
	content: "";
}

.sblp-author-archive.sblp-surface-profile-selling .sblp-author-profile__facts,
.sblp-popular-page.sblp-surface-profile-selling .sblp-popular-page__summary,
.sblp-topic.sblp-surface-profile-selling .sblp-topic-hero__meta {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}

.sblp-popular-page.sblp-surface-profile-selling .sblp-popular-list--page .sblp-popular-list__rank {
	border: 0;
	background: var(--sblp-design-accent, var(--sblp-accent-strong, #35556f));
	color: var(--sblp-design-on-accent, var(--sblp-on-accent, #fff));
	box-shadow: 0 10px 24px color-mix(in srgb, var(--sblp-design-accent, var(--sblp-accent, #4f6f8f)) 24%, transparent);
}

.sblp-subscribe-block.sblp-surface-profile-selling,
.sblp-subscription-page.sblp-surface-profile-selling .sblp-subscription-panel,
.sblp-email-preferences.sblp-surface-profile-selling .sblp-email-preferences__card {
	border-color: color-mix(in srgb, var(--sblp-design-accent, var(--sblp-accent, #4f6f8f)) 34%, var(--sblp-design-border, var(--sblp-border, #dfe3e8)));
	background:
		linear-gradient(135deg, var(--sblp-design-surface, var(--sblp-surface, #fff)), var(--sblp-design-accent-soft, var(--sblp-accent-soft, #e7eef4)));
	box-shadow: var(--sblp-profile-card-shadow);
}

/*
 * An embedded subscription block is its own surface. These explicit component
 * rules outrank a different profile on an ancestor home/topic root, preventing
 * mixed typography or controls when two independently configured surfaces nest.
 */
.sblp-subscribe-block.sblp-surface-profile-creative :is(h2, h3),
.sblp-subscription-page.sblp-surface-profile-creative .sblp-subscription-panel h1,
.sblp-email-preferences.sblp-surface-profile-creative .sblp-email-preferences__card h1 {
	font-family: var(--sblp-type-h1-family, inherit);
	font-weight: 830;
	letter-spacing: -.04em;
}

.sblp-subscribe-block.sblp-surface-profile-conservative :is(h2, h3),
.sblp-subscription-page.sblp-surface-profile-conservative .sblp-subscription-panel h1,
.sblp-email-preferences.sblp-surface-profile-conservative .sblp-email-preferences__card h1 {
	font-family: var(--sblp-type-h1-family, inherit);
	font-weight: 740;
	letter-spacing: -.025em;
}

.sblp-subscribe-block.sblp-surface-profile-technical :is(h2, h3),
.sblp-subscription-page.sblp-surface-profile-technical .sblp-subscription-panel h1,
.sblp-email-preferences.sblp-surface-profile-technical .sblp-email-preferences__card h1 {
	font-family: var(--sblp-type-h1-family, inherit);
	font-weight: 780;
	letter-spacing: -.035em;
}

.sblp-subscribe-block.sblp-surface-profile-literary :is(h2, h3),
.sblp-subscription-page.sblp-surface-profile-literary .sblp-subscription-panel h1,
.sblp-email-preferences.sblp-surface-profile-literary .sblp-email-preferences__card h1 {
	font-family: var(--sblp-profile-heading-font);
	font-weight: 600;
	letter-spacing: -.03em;
}

.sblp-subscribe-block.sblp-surface-profile-selling :is(h2, h3),
.sblp-subscription-page.sblp-surface-profile-selling .sblp-subscription-panel h1,
.sblp-email-preferences.sblp-surface-profile-selling .sblp-email-preferences__card h1 {
	font-family: var(--sblp-type-h1-family, inherit);
	font-weight: 850;
	letter-spacing: -.045em;
}

.sblp-subscribe-block.sblp-surface-profile-creative :is(button, input, select, textarea, .sblp-subscribe-block__button),
.sblp-subscription-page.sblp-surface-profile-creative :is(button, input, select, textarea),
.sblp-email-preferences.sblp-surface-profile-creative :is(button, input, select, textarea, .sblp-email-preferences__secondary) {
	border-radius: 14px;
}

.sblp-subscribe-block.sblp-surface-profile-conservative :is(button, input, select, textarea, .sblp-subscribe-block__button),
.sblp-subscription-page.sblp-surface-profile-conservative :is(button, input, select, textarea),
.sblp-email-preferences.sblp-surface-profile-conservative :is(button, input, select, textarea, .sblp-email-preferences__secondary) {
	border-radius: 7px;
	box-shadow: none;
}

.sblp-subscribe-block.sblp-surface-profile-technical :is(button, input, select, textarea, .sblp-subscribe-block__button),
.sblp-subscription-page.sblp-surface-profile-technical :is(button, input, select, textarea),
.sblp-email-preferences.sblp-surface-profile-technical :is(button, input, select, textarea, .sblp-email-preferences__secondary) {
	border-radius: 3px;
	box-shadow: none;
}

.sblp-subscribe-block.sblp-surface-profile-literary :is(button, input, select, textarea, .sblp-subscribe-block__button),
.sblp-subscription-page.sblp-surface-profile-literary :is(button, input, select, textarea),
.sblp-email-preferences.sblp-surface-profile-literary :is(button, input, select, textarea, .sblp-email-preferences__secondary) {
	border-radius: 2px;
	box-shadow: none;
}

.sblp-subscribe-block.sblp-surface-profile-selling :is(button, input, select, textarea, .sblp-subscribe-block__button),
.sblp-subscription-page.sblp-surface-profile-selling :is(button, input, select, textarea),
.sblp-email-preferences.sblp-surface-profile-selling :is(button, input, select, textarea, .sblp-email-preferences__secondary) {
	border-radius: 12px;
}

/* Surface-specific refinements shared by every profile. */
.sblp-home[class*="sblp-surface-profile-"] .sblp-home__container,
.sblp-tag-archive[class*="sblp-surface-profile-"] .sblp-archive__container,
.sblp-author-archive[class*="sblp-surface-profile-"] .sblp-archive__container,
.sblp-search-page[class*="sblp-surface-profile-"] .sblp-archive__container,
.sblp-not-found-page[class*="sblp-surface-profile-"] .sblp-archive__container,
.sblp-popular-page[class*="sblp-surface-profile-"] .sblp-archive__container,
.sblp-topic[class*="sblp-surface-profile-"] .sblp-topic__container {
	max-width: var(--sblp-geometry-wide-container, 1240px);
}

.sblp-home[class*="sblp-surface-profile-"] :is(.sblp-home-categories, .sblp-home-featured, .sblp-home-latest, .sblp-home-guides, .sblp-home-popular, .sblp-home-trust),
.sblp-tag-archive[class*="sblp-surface-profile-"] .sblp-archive-section,
.sblp-author-archive[class*="sblp-surface-profile-"] .sblp-archive-section,
.sblp-search-page[class*="sblp-surface-profile-"] .sblp-archive-section,
.sblp-not-found-page[class*="sblp-surface-profile-"] .sblp-archive-section,
.sblp-popular-page[class*="sblp-surface-profile-"] .sblp-archive-section {
	margin-top: var(--sblp-profile-section-gap);
}

.sblp-search-page[class*="sblp-surface-profile-"] .sblp-search-form,
.sblp-not-found-page[class*="sblp-surface-profile-"] .sblp-not-found-search {
	padding: clamp(18px, 3vw, 30px);
	border: 1px solid var(--sblp-design-border, var(--sblp-border, #dfe3e8));
	background: var(--sblp-design-surface, var(--sblp-surface, #fff));
}

.sblp-not-found-page[class*="sblp-surface-profile-"] .sblp-not-found__hero {
	max-width: none;
	text-align: center;
}

.sblp-not-found-page[class*="sblp-surface-profile-"] .sblp-not-found__hero .sblp-archive-hero__content,
.sblp-not-found-page[class*="sblp-surface-profile-"] .sblp-not-found-home-link {
	margin-inline: auto;
}

.sblp-not-found-page[class*="sblp-surface-profile-"] .sblp-not-found__code {
	font-size: clamp(1rem, 2vw, 1.3rem);
	letter-spacing: .16em;
}

.sblp-author-archive[class*="sblp-surface-profile-"] .sblp-author-profile__media img {
	box-shadow: 0 0 0 6px var(--sblp-design-surface, var(--sblp-surface, #fff)), 0 0 0 7px var(--sblp-design-border, var(--sblp-border, #dfe3e8));
}

.sblp-topic[class*="sblp-surface-profile-"] .sblp-topic-live-badge {
	font-weight: 820;
}

.sblp-topic.sblp-topic--live_topic[class*="sblp-surface-profile-"] .sblp-topic-hero,
.sblp-topic.sblp-topic--live-active[class*="sblp-surface-profile-"] .sblp-topic-hero {
	box-shadow: inset 5px 0 0 var(--sblp-topic-live), var(--sblp-profile-card-shadow);
}

.sblp-subscribe-block[class*="sblp-surface-profile-"] :is(input:not([type="checkbox"]):not([type="radio"]), select, textarea),
.sblp-subscription-page[class*="sblp-surface-profile-"] :is(input:not([type="checkbox"]):not([type="radio"]), select, textarea),
.sblp-email-preferences[class*="sblp-surface-profile-"] :is(input:not([type="checkbox"]):not([type="radio"]), select, textarea) {
	border-color: var(--sblp-design-border, var(--sblp-border, #dfe3e8));
	background: var(--sblp-design-surface, var(--sblp-surface, #fff));
	color: var(--sblp-design-text, var(--sblp-text, #1f2933));
}

.sblp-subscribe-block[class*="sblp-surface-profile-"] :is(input, select, textarea)::placeholder,
.sblp-subscription-page[class*="sblp-surface-profile-"] :is(input, select, textarea)::placeholder,
.sblp-email-preferences[class*="sblp-surface-profile-"] :is(input, select, textarea)::placeholder {
	color: var(--sblp-design-input-text, var(--sblp-text, #1f2933));
	opacity: 1;
}

/* Responsive composition: visual character remains, reading order never moves. */
@media (max-width: 1080px) {
	.sblp-home.sblp-surface-profile-creative .sblp-home-category-card,
	.sblp-category-page.sblp-surface-profile-creative .sblp-category-child-card,
	.sblp-home.sblp-surface-profile-creative .sblp-home-category-card:nth-child(5n + 1),
	.sblp-category-page.sblp-surface-profile-creative .sblp-category-child-card:nth-child(5n + 1),
	.sblp-home.sblp-surface-profile-creative .sblp-home-category-card:nth-child(5n + 2),
	.sblp-category-page.sblp-surface-profile-creative .sblp-category-child-card:nth-child(5n + 2) {
		grid-column: span 6;
	}

	.sblp-home.sblp-surface-profile-conservative .sblp-home-categories__grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 820px) {
	.sblp-home.sblp-surface-profile-creative .sblp-home-hero,
	.sblp-home.sblp-surface-profile-conservative .sblp-home-hero,
	.sblp-home.sblp-surface-profile-technical .sblp-home-hero,
	.sblp-home.sblp-surface-profile-selling .sblp-home-hero {
		grid-template-columns: 1fr;
		min-height: 0;
	}

	.sblp-home.sblp-surface-profile-creative .sblp-home-category-card,
	.sblp-category-page.sblp-surface-profile-creative .sblp-category-child-card {
		transform: none;
	}

	.sblp-author-archive.sblp-surface-profile-creative .sblp-author-profile,
	.sblp-author-archive.sblp-surface-profile-conservative .sblp-author-profile {
		grid-template-columns: 1fr;
	}

	.sblp-home.sblp-surface-profile-literary :is(.sblp-home-categories__grid, .sblp-home-latest__grid, .sblp-home-guides__grid),
	.sblp-surface-profile-literary .sblp-archive-grid,
	.sblp-category-page.sblp-surface-profile-literary :is(.sblp-category-child-grid, .sblp-category-post-grid) {
		grid-template-columns: 1fr;
	}
}

@media (max-width: 640px) {
	.sblp-home[class*="sblp-surface-profile-"],
	.sblp-tag-archive[class*="sblp-surface-profile-"],
	.sblp-author-archive[class*="sblp-surface-profile-"],
	.sblp-search-page[class*="sblp-surface-profile-"],
	.sblp-not-found-page[class*="sblp-surface-profile-"],
	.sblp-popular-page[class*="sblp-surface-profile-"],
	.sblp-topic[class*="sblp-surface-profile-"] {
		padding-inline: 14px;
	}

	.sblp-home.sblp-surface-profile-creative .sblp-home-categories__grid,
	.sblp-category-page.sblp-surface-profile-creative .sblp-category-child-grid,
	.sblp-home.sblp-surface-profile-conservative .sblp-home-categories__grid {
		display: grid;
		grid-template-columns: 1fr;
	}

	.sblp-home.sblp-surface-profile-creative .sblp-home-category-card,
	.sblp-category-page.sblp-surface-profile-creative .sblp-category-child-card,
	.sblp-home.sblp-surface-profile-creative .sblp-home-category-card:nth-child(5n + 1),
	.sblp-category-page.sblp-surface-profile-creative .sblp-category-child-card:nth-child(5n + 1),
	.sblp-home.sblp-surface-profile-creative .sblp-home-category-card:nth-child(5n + 2),
	.sblp-category-page.sblp-surface-profile-creative .sblp-category-child-card:nth-child(5n + 2) {
		grid-column: auto;
	}

	.sblp-home.sblp-surface-profile-literary .sblp-home-hero__summary {
		grid-template-columns: 1fr;
	}

	.sblp-surface-profile-creative :is(.sblp-home-hero__title, .sblp-category-hero__title, .sblp-topic-hero h1, .sblp-archive-hero h1),
	.sblp-surface-profile-conservative :is(.sblp-home-hero__title, .sblp-category-hero__title, .sblp-topic-hero h1, .sblp-archive-hero h1),
	.sblp-surface-profile-technical :is(.sblp-home-hero__title, .sblp-category-hero__title, .sblp-topic-hero h1, .sblp-archive-hero h1),
	.sblp-surface-profile-literary :is(.sblp-home-hero__title, .sblp-category-hero__title, .sblp-topic-hero h1, .sblp-archive-hero h1),
	.sblp-surface-profile-selling :is(.sblp-home-hero__title, .sblp-category-hero__title, .sblp-topic-hero h1, .sblp-archive-hero h1) {
		font-size: clamp(2.1rem, 12vw, 3.45rem);
	}

	.sblp-subscribe-block[class*="sblp-surface-profile-"] :is(.sblp-native-subscription-form__primary, .sblp-subscription-actions, .sblp-subscribe-block__channels),
	.sblp-subscription-page[class*="sblp-surface-profile-"] .sblp-subscription-actions,
	.sblp-email-preferences[class*="sblp-surface-profile-"] .sblp-email-preferences__actions {
		align-items: stretch;
		flex-direction: column;
	}

	.sblp-subscribe-block[class*="sblp-surface-profile-"] :is(button, .sblp-subscribe-block__button),
	.sblp-subscription-page[class*="sblp-surface-profile-"] :is(button, .sblp-subscription-primary-button, .sblp-subscription-secondary-button),
	.sblp-email-preferences[class*="sblp-surface-profile-"] :is(button, .sblp-email-preferences__button, .sblp-email-preferences__secondary) {
		width: 100%;
	}
}

@media (prefers-reduced-motion: reduce) {
	.sblp-home[class*="sblp-surface-profile-"] *,
	.sblp-category-page[class*="sblp-surface-profile-"] *,
	.sblp-tag-archive[class*="sblp-surface-profile-"] *,
	.sblp-author-archive[class*="sblp-surface-profile-"] *,
	.sblp-search-page[class*="sblp-surface-profile-"] *,
	.sblp-not-found-page[class*="sblp-surface-profile-"] *,
	.sblp-popular-page[class*="sblp-surface-profile-"] *,
	.sblp-topic[class*="sblp-surface-profile-"] *,
	.sblp-subscribe-block[class*="sblp-surface-profile-"] *,
	.sblp-subscription-page[class*="sblp-surface-profile-"] *,
	.sblp-email-preferences[class*="sblp-surface-profile-"] * {
		scroll-behavior: auto !important;
		transition-duration: .01ms !important;
		animation-duration: .01ms !important;
		animation-iteration-count: 1 !important;
	}
}