/**
 * Smart Blog managed design tokens — version 2.3.3.
 *
 * Every selector is scoped to plugin-owned public surfaces. Color, typography
 * and geometry layers are opt-in independently so an upgraded site keeps its
 * existing visual model until the administrator enables a layer.
 */

/* Color layer. */
body.sblp-design-active.sblp-design-colors {
	background-color: var(--sblp-design-page-bg);
	color: var(--sblp-design-text);
}

body.sblp-design-active.sblp-design-colors .sblp-template-shell,
body.sblp-design-active.sblp-design-colors .sblp-site-main,
body.sblp-design-active.sblp-design-colors .sblp-post,
body.sblp-design-active.sblp-design-colors .sblp-archive,
body.sblp-design-active.sblp-design-colors .sblp-home,
body.sblp-design-active.sblp-design-colors .sblp-topic-archive,
body.sblp-design-active.sblp-design-colors .sblp-showcase,
body.sblp-design-active.sblp-design-colors .sblp-html-sitemap {
	color: var(--sblp-design-text);
}

body.sblp-design-active.sblp-design-colors .sblp-template-shell,
body.sblp-design-active.sblp-design-colors .sblp-site-main {
	background-color: var(--sblp-design-page-bg);
}

body.sblp-design-active.sblp-design-colors .sblp-prose {
	background-color: var(--sblp-design-content-bg);
	color: var(--sblp-design-text);
}

body.sblp-design-active.sblp-design-colors .sblp-post-title,
body.sblp-design-active.sblp-design-colors .sblp-archive-hero__title,
body.sblp-design-active.sblp-design-colors .sblp-home-hero__title,
body.sblp-design-active.sblp-design-colors .sblp-topic-hero__title,
body.sblp-design-active.sblp-design-colors .sblp-prose h2,
body.sblp-design-active.sblp-design-colors .sblp-prose h3,
body.sblp-design-active.sblp-design-colors .sblp-prose h4,
body.sblp-design-active.sblp-design-colors .sblp-prose h5,
body.sblp-design-active.sblp-design-colors .sblp-prose h6,
body.sblp-design-active.sblp-design-colors .sblp-component-heading,
body.sblp-design-active.sblp-design-colors .sblp-archive-section__heading,
body.sblp-design-active.sblp-design-colors .sblp-home-section-heading,
body.sblp-design-active.sblp-design-colors .sblp-archive-card__title,
body.sblp-design-active.sblp-design-colors .sblp-author-card__name {
	color: var(--sblp-design-heading);
}

body.sblp-design-active.sblp-design-colors .sblp-post-lead,
body.sblp-design-active.sblp-design-colors .sblp-archive-hero__description,
body.sblp-design-active.sblp-design-colors .sblp-home-hero__summary,
body.sblp-design-active.sblp-design-colors .sblp-home-hero__subtitle {
	color: var(--sblp-design-lead-text);
}

body.sblp-design-active.sblp-design-colors .sblp-post-meta,
body.sblp-design-active.sblp-design-colors .sblp-archive-card__meta,
body.sblp-design-active.sblp-design-colors .sblp-author-card__updated,
body.sblp-design-active.sblp-design-colors .sblp-evergreen-meta {
	color: var(--sblp-design-metadata-text);
}

body.sblp-design-active.sblp-design-colors .sblp-layout-kicker,
body.sblp-design-active.sblp-design-colors .sblp-archive-section__eyebrow,
body.sblp-design-active.sblp-design-colors .sblp-archive-hero__eyebrow,
body.sblp-design-active.sblp-design-colors .sblp-home-hero__eyebrow,
body.sblp-design-active.sblp-design-colors .sblp-editorial-trust__eyebrow,
body.sblp-design-active.sblp-design-colors .sblp-comments__eyebrow {
	background: var(--sblp-design-kicker-bg);
	border-color: var(--sblp-design-kicker-border);
	color: var(--sblp-design-kicker-text);
	display: inline-flex;
	max-width: 100%;
	width: fit-content;
}

body.sblp-design-active.sblp-design-colors .sblp-breaking-badge,
body.sblp-design-active.sblp-design-colors .sblp-announcement-badge,
body.sblp-design-active.sblp-design-colors .sblp-archive-badge,
body.sblp-design-active.sblp-design-colors .sblp-guide-hero__badge,
body.sblp-design-active.sblp-design-colors .sblp-editorial-trust__badge {
	background: var(--sblp-design-badge-bg);
	border-color: var(--sblp-design-badge-border);
	color: var(--sblp-design-badge-text);
}

body.sblp-design-active.sblp-design-colors .sblp-default-hero,
body.sblp-design-active.sblp-design-colors .sblp-expert-hero,
body.sblp-design-active.sblp-design-colors .sblp-guide-hero,
body.sblp-design-active.sblp-design-colors .sblp-review-hero,
body.sblp-design-active.sblp-design-colors .sblp-case-hero,
body.sblp-design-active.sblp-design-colors .sblp-interview-hero,
body.sblp-design-active.sblp-design-colors .sblp-opinion-hero,
body.sblp-design-active.sblp-design-colors .sblp-listicle-hero,
body.sblp-design-active.sblp-design-colors .sblp-faq-hero,
body.sblp-design-active.sblp-design-colors .sblp-comparison-hero,
body.sblp-design-active.sblp-design-colors .sblp-announcement-hero,
body.sblp-design-active.sblp-design-colors .sblp-evergreen-hero,
body.sblp-design-active.sblp-design-colors .sblp-news-hero,
body.sblp-design-active.sblp-design-colors .sblp-archive-hero,
body.sblp-design-active.sblp-design-colors .sblp-home-hero,
body.sblp-design-active.sblp-design-colors .sblp-topic-hero {
	background: var(--sblp-design-hero-bg);
	border-color: var(--sblp-design-border);
	color: var(--sblp-design-hero-text);
}

body.sblp-design-active.sblp-design-colors .sblp-category-chip,
body.sblp-design-active.sblp-design-colors .sblp-author-chips a,
body.sblp-design-active.sblp-design-colors .sblp-topic-chip {
	background: var(--sblp-design-chip-bg);
	border-color: var(--sblp-design-chip-border);
	color: var(--sblp-design-chip-text);
}

body.sblp-design-active.sblp-design-colors .sblp-breadcrumbs,
body.sblp-design-active.sblp-design-colors .sblp-archive-breadcrumbs {
	color: var(--sblp-design-breadcrumbs-text);
}

body.sblp-design-active.sblp-design-colors .sblp-breadcrumbs a,
body.sblp-design-active.sblp-design-colors .sblp-archive-breadcrumbs a {
	color: var(--sblp-design-breadcrumbs-link);
}

body.sblp-design-active.sblp-design-colors .sblp-breadcrumbs [aria-current="page"],
body.sblp-design-active.sblp-design-colors .sblp-archive-breadcrumbs [aria-current="page"] {
	color: var(--sblp-design-breadcrumbs-current);
}

body.sblp-design-active.sblp-design-colors .sblp-breadcrumbs__item + .sblp-breadcrumbs__item::before,
body.sblp-design-active.sblp-design-colors .sblp-archive-breadcrumbs li + li::before {
	color: var(--sblp-design-breadcrumbs-separator);
}

body.sblp-design-active.sblp-design-colors .sblp-post a,
body.sblp-design-active.sblp-design-colors .sblp-archive a,
body.sblp-design-active.sblp-design-colors .sblp-home a,
body.sblp-design-active.sblp-design-colors .sblp-topic-archive a,
body.sblp-design-active.sblp-design-colors .sblp-showcase a,
body.sblp-design-active.sblp-design-colors .sblp-editorial-trust a,
body.sblp-design-active.sblp-design-colors .sblp-subscribe-block a {
	color: var(--sblp-design-link);
}

body.sblp-design-active.sblp-design-colors .sblp-post a:visited,
body.sblp-design-active.sblp-design-colors .sblp-archive a:visited,
body.sblp-design-active.sblp-design-colors .sblp-home a:visited,
body.sblp-design-active.sblp-design-colors .sblp-topic-archive a:visited,
body.sblp-design-active.sblp-design-colors .sblp-showcase a:visited {
	color: var(--sblp-design-link-visited);
}

body.sblp-design-active.sblp-design-colors .sblp-post a:hover,
body.sblp-design-active.sblp-design-colors .sblp-archive a:hover,
body.sblp-design-active.sblp-design-colors .sblp-home a:hover,
body.sblp-design-active.sblp-design-colors .sblp-topic-archive a:hover,
body.sblp-design-active.sblp-design-colors .sblp-showcase a:hover,
body.sblp-design-active.sblp-design-colors .sblp-editorial-trust a:hover,
body.sblp-design-active.sblp-design-colors .sblp-subscribe-block a:hover {
	color: var(--sblp-design-link-hover);
}

body.sblp-design-active.sblp-design-colors .sblp-post a:focus-visible,
body.sblp-design-active.sblp-design-colors .sblp-post button:focus-visible,
body.sblp-design-active.sblp-design-colors .sblp-post input:focus-visible,
body.sblp-design-active.sblp-design-colors .sblp-post select:focus-visible,
body.sblp-design-active.sblp-design-colors .sblp-post textarea:focus-visible,
body.sblp-design-active.sblp-design-colors .sblp-archive a:focus-visible,
body.sblp-design-active.sblp-design-colors .sblp-archive button:focus-visible,
body.sblp-design-active.sblp-design-colors .sblp-home a:focus-visible,
body.sblp-design-active.sblp-design-colors .sblp-home button:focus-visible,
body.sblp-design-active.sblp-design-colors .sblp-topic-archive a:focus-visible,
body.sblp-design-active.sblp-design-colors .sblp-showcase a:focus-visible,
body.sblp-design-active.sblp-design-colors .sblp-editorial-trust a:focus-visible,
body.sblp-design-active.sblp-design-colors .sblp-subscribe-block input:focus-visible,
body.sblp-design-active.sblp-design-colors .sblp-subscribe-block button:focus-visible {
	outline: 3px solid var(--sblp-design-focus);
	outline-offset: 3px;
}

body.sblp-design-active.sblp-design-colors .sblp-post ::selection,
body.sblp-design-active.sblp-design-colors .sblp-archive ::selection,
body.sblp-design-active.sblp-design-colors .sblp-home ::selection,
body.sblp-design-active.sblp-design-colors .sblp-topic-archive ::selection,
body.sblp-design-active.sblp-design-colors .sblp-showcase ::selection {
	background: var(--sblp-design-selection-bg);
	color: var(--sblp-design-selection-text);
}

body.sblp-design-active.sblp-design-colors .sblp-toc {
	background: var(--sblp-design-toc-bg);
	border-color: var(--sblp-design-toc-border);
	color: var(--sblp-design-toc-text);
}

body.sblp-design-active.sblp-design-colors .sblp-toc a {
	color: var(--sblp-design-toc-link);
}

body.sblp-design-active.sblp-design-colors .sblp-prose blockquote,
body.sblp-design-active.sblp-design-colors .sblp-interview-question {
	background: var(--sblp-design-blockquote-bg);
	border-color: var(--sblp-design-blockquote-border);
	color: var(--sblp-design-blockquote-text);
}

body.sblp-design-active.sblp-design-colors .sblp-prose code {
	background: var(--sblp-design-code-bg);
	color: var(--sblp-design-code-text);
}

body.sblp-design-active.sblp-design-colors .sblp-prose pre {
	background: var(--sblp-design-pre-bg);
	border-color: var(--sblp-design-pre-border);
	color: var(--sblp-design-pre-text);
}

body.sblp-design-active.sblp-design-colors .sblp-prose hr {
	border-color: var(--sblp-design-divider);
}

body.sblp-design-active.sblp-design-colors .sblp-prose table,
body.sblp-design-active.sblp-design-colors .sblp-comparison table {
	background: var(--sblp-design-table-row-bg);
	border-color: var(--sblp-design-table-border);
	color: var(--sblp-design-text);
}

body.sblp-design-active.sblp-design-colors .sblp-prose tbody tr:nth-child(even),
body.sblp-design-active.sblp-design-colors .sblp-comparison tbody tr:nth-child(even) {
	background: var(--sblp-design-table-alt-bg);
}

body.sblp-design-active.sblp-design-colors .sblp-prose th,
body.sblp-design-active.sblp-design-colors .sblp-comparison th {
	background: var(--sblp-design-table-head-bg);
	border-color: var(--sblp-design-table-border);
	color: var(--sblp-design-table-head-text);
}

body.sblp-design-active.sblp-design-colors .sblp-prose td,
body.sblp-design-active.sblp-design-colors .sblp-comparison td {
	border-color: var(--sblp-design-table-border);
}

body.sblp-design-active.sblp-design-colors .sblp-author-card {
	background: var(--sblp-design-author-bg);
	border-color: var(--sblp-design-border);
	color: var(--sblp-design-author-text);
}

body.sblp-design-active.sblp-design-colors .sblp-author-card__updated,
body.sblp-design-active.sblp-design-colors .sblp-author-card__role {
	color: var(--sblp-design-author-muted);
}

body.sblp-design-active.sblp-design-colors .sblp-related-posts,
body.sblp-design-active.sblp-design-colors .sblp-post-navigation {
	background: var(--sblp-design-related-bg);
	border-color: var(--sblp-design-border);
	color: var(--sblp-design-related-text);
}

body.sblp-design-active.sblp-design-colors .sblp-archive-card,
body.sblp-design-active.sblp-design-colors .sblp-showcase-card,
body.sblp-design-active.sblp-design-colors .sblp-home-category-card,
body.sblp-design-active.sblp-design-colors .sblp-related-card {
	background: var(--sblp-design-archive-card-bg);
	border-color: var(--sblp-design-border);
	color: var(--sblp-design-archive-card-text);
}

body.sblp-design-active.sblp-design-colors .sblp-comments,
body.sblp-design-active.sblp-design-colors .sblp-comments-shell,
body.sblp-design-active.sblp-design-colors .sblp-comment-respond {
	background: var(--sblp-design-comments-bg);
	border-color: var(--sblp-design-border);
	color: var(--sblp-design-comments-text);
}

body.sblp-design-active.sblp-design-colors .sblp-comments__empty,
body.sblp-design-active.sblp-design-colors .sblp-comments__closed,
body.sblp-design-active.sblp-design-colors .sblp-comment-form__notes {
	color: var(--sblp-design-comments-muted);
}

body.sblp-design-active.sblp-design-colors .sblp-cta,
body.sblp-design-active.sblp-design-colors .sblp-embedded-cta,
body.sblp-design-active.sblp-design-colors .sblp-campaign-cta,
body.sblp-design-active.sblp-design-colors .sblp-form-cta,
body.sblp-design-active.sblp-design-colors .wp-block-group.is-style-sblp-cta {
	background: var(--sblp-design-cta-bg);
	border-color: var(--sblp-design-border);
	color: var(--sblp-design-cta-text);
}

body.sblp-design-active.sblp-design-colors .sblp-editorial-trust {
	background: var(--sblp-design-trust-bg);
	border-color: var(--sblp-design-border);
	color: var(--sblp-design-trust-text);
}

body.sblp-design-active.sblp-design-colors .sblp-subscribe,
body.sblp-design-active.sblp-design-colors .sblp-subscribe-block {
	background: var(--sblp-design-subscribe-bg);
	border-color: var(--sblp-design-border);
	color: var(--sblp-design-subscribe-text);
}

body.sblp-design-active.sblp-design-colors .sblp-empty-state,
body.sblp-design-active.sblp-design-colors .sblp-archive-empty,
body.sblp-design-active.sblp-design-colors .sblp-showcase-empty,
body.sblp-design-active.sblp-design-colors .sblp-html-sitemap__empty {
	background: var(--sblp-design-empty-bg);
	border-color: var(--sblp-design-border);
	color: var(--sblp-design-empty-text);
}

body.sblp-design-active.sblp-design-colors .sblp-faq,
body.sblp-design-active.sblp-design-colors .sblp-comparison,
body.sblp-design-active.sblp-design-colors .sblp-pros-cons,
body.sblp-design-active.sblp-design-colors .sblp-key-points,
body.sblp-design-active.sblp-design-colors .sblp-note,
body.sblp-design-active.sblp-design-colors .sblp-sources,
body.sblp-design-active.sblp-design-colors .sblp-verified,
body.sblp-design-active.sblp-design-colors .sblp-reading-summary,
body.sblp-design-active.sblp-design-colors .sblp-html-sitemap {
	background: var(--sblp-design-surface);
	border-color: var(--sblp-design-border);
	color: var(--sblp-design-text);
}

body.sblp-design-active.sblp-design-colors .sblp-archive-pagination a,
body.sblp-design-active.sblp-design-colors .sblp-archive-pagination span,
body.sblp-design-active.sblp-design-colors .sblp-comments-navigation a,
body.sblp-design-active.sblp-design-colors .sblp-comments-navigation span {
	background: var(--sblp-design-pagination-bg);
	border-color: var(--sblp-design-border);
	color: var(--sblp-design-pagination-text);
}

body.sblp-design-active.sblp-design-colors .sblp-archive-pagination .current,
body.sblp-design-active.sblp-design-colors .sblp-comments-navigation .current {
	background: var(--sblp-design-pagination-active-bg);
	color: var(--sblp-design-pagination-active-text);
}

body.sblp-design-active.sblp-design-colors .sblp-comment-form,
body.sblp-design-active.sblp-design-colors .sblp-search-form,
body.sblp-design-active.sblp-design-colors .sblp-subscribe-block__form {
	background: var(--sblp-design-form-bg);
	color: var(--sblp-design-form-text);
}

body.sblp-design-active.sblp-design-colors .sblp-post input,
body.sblp-design-active.sblp-design-colors .sblp-post select,
body.sblp-design-active.sblp-design-colors .sblp-post textarea,
body.sblp-design-active.sblp-design-colors .sblp-editorial-search-form input,
body.sblp-design-active.sblp-design-colors .sblp-subscribe-block input,
body.sblp-design-active.sblp-design-colors .sblp-subscribe-block select {
	background: var(--sblp-design-input-bg);
	border-color: var(--sblp-design-input-border);
	color: var(--sblp-design-input-text);
}

body.sblp-design-active.sblp-design-colors .sblp-post button,
body.sblp-design-active.sblp-design-colors .sblp-post .button,
body.sblp-design-active.sblp-design-colors .sblp-cta__button,
body.sblp-design-active.sblp-design-colors .sblp-home-button--primary,
body.sblp-design-active.sblp-design-colors .sblp-empty-state__action,
body.sblp-design-active.sblp-design-colors .sblp-editorial-search-form button,
body.sblp-design-active.sblp-design-colors .sblp-subscribe-block button {
	background: var(--sblp-design-button-bg);
	border-color: var(--sblp-design-button-bg);
	color: var(--sblp-design-button-text);
}

body.sblp-design-active.sblp-design-colors .sblp-cta__button,
body.sblp-design-active.sblp-design-colors .sblp-campaign-cta__button,
body.sblp-design-active.sblp-design-colors .sblp-cta .wp-block-button__link,
body.sblp-design-active.sblp-design-colors .wp-block-group.is-style-sblp-cta .wp-block-button__link,
body.sblp-design-active.sblp-design-colors .sblp-embedded-cta--button .sblp-embedded-cta__content :where(a, button),
body.sblp-design-active.sblp-design-colors .sblp-embedded-cta__content :where(input[type="submit"], button[type="submit"]) {
	background: var(--sblp-design-cta-button-bg);
	border-color: var(--sblp-design-cta-button-bg);
	color: var(--sblp-design-cta-button-text);
}

body.sblp-design-active.sblp-design-colors .sblp-success,
body.sblp-design-active.sblp-design-colors .sblp-notice--success {
	background: var(--sblp-design-success-bg);
	color: var(--sblp-design-success-text);
}

body.sblp-design-active.sblp-design-colors .sblp-warning,
body.sblp-design-active.sblp-design-colors .sblp-notice--warning {
	background: var(--sblp-design-warning-bg);
	color: var(--sblp-design-warning-text);
}

body.sblp-design-active.sblp-design-colors .sblp-error,
body.sblp-design-active.sblp-design-colors .sblp-notice--error {
	background: var(--sblp-design-error-bg);
	color: var(--sblp-design-error-text);
}

body.sblp-design-active.sblp-design-colors .sblp-info,
body.sblp-design-active.sblp-design-colors .sblp-notice--info {
	background: var(--sblp-design-info-bg);
	color: var(--sblp-design-info-text);
}

body.sblp-design-active.sblp-design-colors .sblp-post-navigation,
body.sblp-design-active.sblp-design-colors .sblp-reading-summary {
	background: var(--sblp-design-surface-elevated);
}

body.sblp-design-active.sblp-design-colors .sblp-showcase-card,
body.sblp-design-active.sblp-design-colors .sblp-home-category-card,
body.sblp-design-active.sblp-design-colors .sblp-related-card {
	background: var(--sblp-design-card-bg);
}

/* Typography layer. */
body.sblp-design-active.sblp-design-typography .sblp-post,
body.sblp-design-active.sblp-design-typography .sblp-archive,
body.sblp-design-active.sblp-design-typography .sblp-home,
body.sblp-design-active.sblp-design-typography .sblp-topic-archive,
body.sblp-design-active.sblp-design-typography .sblp-showcase,
body.sblp-design-active.sblp-design-typography .sblp-editorial-trust,
body.sblp-design-active.sblp-design-typography .sblp-subscribe-block,
body.sblp-design-active.sblp-design-typography .sblp-html-sitemap {
	font-family: var(--sblp-font-body);
	font-size: clamp(var(--sblp-type-body-min), 1.15vw, var(--sblp-type-body-max));
	font-weight: var(--sblp-type-body-weight);
	letter-spacing: var(--sblp-type-body-spacing);
	line-height: var(--sblp-type-body-line-height);
}

body.sblp-design-active.sblp-design-typography .sblp-prose {
	font-family: var(--sblp-font-body);
	font-size: clamp(var(--sblp-type-body-min), 1.15vw, var(--sblp-type-body-max));
	font-weight: var(--sblp-type-body-weight);
	letter-spacing: var(--sblp-type-body-spacing);
	line-height: var(--sblp-type-body-line-height);
}

body.sblp-design-active.sblp-design-typography .sblp-post-title,
body.sblp-design-active.sblp-design-typography .sblp-archive-hero__title,
body.sblp-design-active.sblp-design-typography .sblp-home-hero__title,
body.sblp-design-active.sblp-design-typography .sblp-topic-hero__title {
	font-family: var(--sblp-font-h1);
	font-size: clamp(var(--sblp-type-h1-min), 5.2vw, var(--sblp-type-h1-max));
	font-weight: var(--sblp-type-heading-weight);
	letter-spacing: var(--sblp-type-heading-spacing);
	line-height: 1.06;
}

body.sblp-design-active.sblp-design-typography .sblp-prose h2,
body.sblp-design-active.sblp-design-typography .sblp-component-heading,
body.sblp-design-active.sblp-design-typography .sblp-archive-section__heading,
body.sblp-design-active.sblp-design-typography .sblp-home-section-heading {
	font-family: var(--sblp-font-h2);
	font-size: clamp(var(--sblp-type-h2-min), 3.8vw, var(--sblp-type-h2-max));
	font-weight: var(--sblp-type-heading-weight);
	letter-spacing: var(--sblp-type-heading-spacing);
	line-height: 1.12;
}

body.sblp-design-active.sblp-design-typography .sblp-prose h3,
body.sblp-design-active.sblp-design-typography .sblp-archive-card__title,
body.sblp-design-active.sblp-design-typography .sblp-author-card__name {
	font-family: var(--sblp-font-h3);
	font-size: clamp(var(--sblp-type-h3-min), 2.8vw, var(--sblp-type-h3-max));
	font-weight: var(--sblp-type-heading-weight);
	letter-spacing: var(--sblp-type-heading-spacing);
	line-height: 1.16;
}

body.sblp-design-active.sblp-design-typography .sblp-prose h4 {
	font-family: var(--sblp-font-h4);
	font-size: clamp(var(--sblp-type-h4-min), 2.2vw, var(--sblp-type-h4-max));
	font-weight: var(--sblp-type-heading-weight);
	letter-spacing: var(--sblp-type-heading-spacing);
	line-height: 1.2;
}

body.sblp-design-active.sblp-design-typography .sblp-prose h5 {
	font-family: var(--sblp-font-h5);
	font-size: clamp(var(--sblp-type-h5-min), 1.8vw, var(--sblp-type-h5-max));
	font-weight: var(--sblp-type-heading-weight);
	letter-spacing: var(--sblp-type-heading-spacing);
	line-height: 1.22;
}

body.sblp-design-active.sblp-design-typography .sblp-prose h6 {
	font-family: var(--sblp-font-h6);
	font-size: clamp(var(--sblp-type-h6-min), 1.5vw, var(--sblp-type-h6-max));
	font-weight: var(--sblp-type-heading-weight);
	letter-spacing: var(--sblp-type-heading-spacing);
	line-height: 1.24;
}

body.sblp-design-active.sblp-design-typography .sblp-post-lead,
body.sblp-design-active.sblp-design-typography .sblp-archive-hero__description,
body.sblp-design-active.sblp-design-typography .sblp-home-hero__summary,
body.sblp-design-active.sblp-design-typography .sblp-home-hero__subtitle {
	font-family: var(--sblp-font-body);
	font-size: clamp(var(--sblp-type-lead-min), 2.2vw, var(--sblp-type-lead-max));
	line-height: 1.45;
}

body.sblp-design-active.sblp-design-typography .sblp-post-meta,
body.sblp-design-active.sblp-design-typography .sblp-archive-card__meta,
body.sblp-design-active.sblp-design-typography .sblp-author-card__updated,
body.sblp-design-active.sblp-design-typography .sblp-evergreen-meta {
	font-family: var(--sblp-font-meta);
	font-size: var(--sblp-type-metadata-size);
}

body.sblp-design-active.sblp-design-typography .sblp-breadcrumbs,
body.sblp-design-active.sblp-design-typography .sblp-archive-breadcrumbs {
	font-family: var(--sblp-font-breadcrumbs);
	font-size: var(--sblp-type-breadcrumb-size);
}

body.sblp-design-active.sblp-design-typography .sblp-layout-kicker,
body.sblp-design-active.sblp-design-typography .sblp-archive-section__eyebrow,
body.sblp-design-active.sblp-design-typography .sblp-archive-hero__eyebrow,
body.sblp-design-active.sblp-design-typography .sblp-home-hero__eyebrow,
body.sblp-design-active.sblp-design-typography .sblp-editorial-trust__eyebrow,
body.sblp-design-active.sblp-design-typography .sblp-comments__eyebrow,
body.sblp-design-active.sblp-design-typography .sblp-breaking-badge,
body.sblp-design-active.sblp-design-typography .sblp-announcement-badge,
body.sblp-design-active.sblp-design-typography .sblp-archive-badge {
	font-family: var(--sblp-font-accent);
	font-size: var(--sblp-type-accent-size);
	font-weight: var(--sblp-type-accent-weight);
	letter-spacing: var(--sblp-type-accent-spacing);
	text-transform: var(--sblp-type-accent-transform);
}

body.sblp-design-active.sblp-design-typography .sblp-post button,
body.sblp-design-active.sblp-design-typography .sblp-post .button,
body.sblp-design-active.sblp-design-typography .sblp-cta__button,
body.sblp-design-active.sblp-design-typography .sblp-home-button,
body.sblp-design-active.sblp-design-typography .sblp-empty-state__action,
body.sblp-design-active.sblp-design-typography .sblp-editorial-search-form button,
body.sblp-design-active.sblp-design-typography .sblp-subscribe-block button {
	font-family: var(--sblp-font-button);
	font-size: var(--sblp-type-button-size);
	font-weight: var(--sblp-type-button-weight);
	letter-spacing: var(--sblp-type-button-spacing);
}

body.sblp-design-active.sblp-design-typography .sblp-archive-card,
body.sblp-design-active.sblp-design-typography .sblp-showcase-card,
body.sblp-design-active.sblp-design-typography .sblp-home-category-card,
body.sblp-design-active.sblp-design-typography .sblp-related-card {
	font-size: var(--sblp-type-card-size);
}

body.sblp-design-active.sblp-design-typography .sblp-prose code,
body.sblp-design-active.sblp-design-typography .sblp-prose pre {
	font-family: var(--sblp-font-code);
}

/* Geometry layer. */
body.sblp-design-active.sblp-design-geometry .sblp-layout__shell,
body.sblp-design-active.sblp-design-geometry .sblp-archive__container,
body.sblp-design-active.sblp-design-geometry .sblp-home__container,
body.sblp-design-active.sblp-design-geometry .sblp-topic__container {
	max-width: var(--sblp-geometry-wide-width);
}

body.sblp-design-active.sblp-design-geometry .sblp-prose {
	max-width: min(100%, var(--sblp-geometry-content-width));
	padding-inline: min(var(--sblp-geometry-content-padding), 5vw);
}

body.sblp-design-active.sblp-design-geometry .sblp-default-hero,
body.sblp-design-active.sblp-design-geometry .sblp-expert-hero,
body.sblp-design-active.sblp-design-geometry .sblp-guide-hero,
body.sblp-design-active.sblp-design-geometry .sblp-review-hero,
body.sblp-design-active.sblp-design-geometry .sblp-case-hero,
body.sblp-design-active.sblp-design-geometry .sblp-interview-hero,
body.sblp-design-active.sblp-design-geometry .sblp-opinion-hero,
body.sblp-design-active.sblp-design-geometry .sblp-listicle-hero,
body.sblp-design-active.sblp-design-geometry .sblp-faq-hero,
body.sblp-design-active.sblp-design-geometry .sblp-comparison-hero,
body.sblp-design-active.sblp-design-geometry .sblp-announcement-hero,
body.sblp-design-active.sblp-design-geometry .sblp-evergreen-hero,
body.sblp-design-active.sblp-design-geometry .sblp-news-hero,
body.sblp-design-active.sblp-design-geometry .sblp-archive-hero,
body.sblp-design-active.sblp-design-geometry .sblp-home-hero,
body.sblp-design-active.sblp-design-geometry .sblp-topic-hero {
	border-radius: var(--sblp-geometry-radius-card);
	box-shadow: var(--sblp-design-box-shadow);
	padding: clamp(20px, 5vw, var(--sblp-geometry-hero-padding));
}

/* Split and full-width heroes keep their composition while honoring the shared
 * hero-padding token. The generic rule above remains the fallback for simple
 * card heroes whose content is a direct child. */
body.sblp-design-active.sblp-design-geometry :where(.sblp-expert-hero, .sblp-case-hero, .sblp-faq-hero) {
	padding-block: clamp(20px, 5vw, var(--sblp-geometry-hero-padding));
	padding-inline: 0;
}

body.sblp-design-active.sblp-design-geometry :where(.sblp-review-hero, .sblp-interview-hero, .sblp-opinion-hero, .sblp-announcement-hero) {
	padding: 0;
}

body.sblp-design-active.sblp-design-geometry :where(.sblp-review-hero__copy, .sblp-interview-hero__copy, .sblp-opinion-hero__body, .sblp-announcement-hero__inner) {
	padding: clamp(20px, 5vw, var(--sblp-geometry-hero-padding));
}

body.sblp-design-active.sblp-design-geometry .sblp-layout-kicker,
body.sblp-design-active.sblp-design-geometry .sblp-breaking-badge,
body.sblp-design-active.sblp-design-geometry .sblp-announcement-badge,
body.sblp-design-active.sblp-design-geometry .sblp-archive-badge,
body.sblp-design-active.sblp-design-geometry .sblp-category-chip {
	border-radius: var(--sblp-geometry-radius-button);
}

body.sblp-design-active.sblp-design-geometry .sblp-toc,
body.sblp-design-active.sblp-design-geometry .sblp-prose blockquote,
body.sblp-design-active.sblp-design-geometry .sblp-prose code,
body.sblp-design-active.sblp-design-geometry .sblp-prose pre {
	border-radius: var(--sblp-geometry-radius-base);
}

body.sblp-design-active.sblp-design-geometry .sblp-author-card,
body.sblp-design-active.sblp-design-geometry .sblp-related-posts,
body.sblp-design-active.sblp-design-geometry .sblp-post-navigation,
body.sblp-design-active.sblp-design-geometry .sblp-archive-card,
body.sblp-design-active.sblp-design-geometry .sblp-showcase-card,
body.sblp-design-active.sblp-design-geometry .sblp-home-category-card,
body.sblp-design-active.sblp-design-geometry .sblp-related-card,
body.sblp-design-active.sblp-design-geometry .sblp-comments,
body.sblp-design-active.sblp-design-geometry .sblp-comments-shell,
body.sblp-design-active.sblp-design-geometry .sblp-comment-respond,
body.sblp-design-active.sblp-design-geometry .sblp-cta,
body.sblp-design-active.sblp-design-geometry .sblp-embedded-cta,
body.sblp-design-active.sblp-design-geometry .sblp-form-cta,
body.sblp-design-active.sblp-design-geometry .sblp-editorial-trust,
body.sblp-design-active.sblp-design-geometry .sblp-subscribe,
body.sblp-design-active.sblp-design-geometry .sblp-subscribe-block,
body.sblp-design-active.sblp-design-geometry .sblp-empty-state,
body.sblp-design-active.sblp-design-geometry .sblp-faq,
body.sblp-design-active.sblp-design-geometry .sblp-comparison,
body.sblp-design-active.sblp-design-geometry .sblp-pros-cons,
body.sblp-design-active.sblp-design-geometry .sblp-key-points,
body.sblp-design-active.sblp-design-geometry .sblp-note,
body.sblp-design-active.sblp-design-geometry .sblp-sources,
body.sblp-design-active.sblp-design-geometry .sblp-verified,
body.sblp-design-active.sblp-design-geometry .sblp-reading-summary,
body.sblp-design-active.sblp-design-geometry .sblp-html-sitemap {
	border-radius: var(--sblp-geometry-radius-card);
	box-shadow: var(--sblp-design-box-shadow);
}

body.sblp-design-active.sblp-design-geometry .sblp-layout__main > section + section,
body.sblp-design-active.sblp-design-geometry .sblp-archive__container > section + section,
body.sblp-design-active.sblp-design-geometry .sblp-home__container > section + section,
body.sblp-design-active.sblp-design-geometry .sblp-topic__container > section + section {
	margin-block-start: var(--sblp-geometry-section-spacing);
}

body.sblp-design-active.sblp-design-geometry .sblp-home-categories__grid,
body.sblp-design-active.sblp-design-geometry .sblp-home-guides__grid,
body.sblp-design-active.sblp-design-geometry .sblp-home-latest__grid,
body.sblp-design-active.sblp-design-geometry .sblp-archive-grid,
body.sblp-design-active.sblp-design-geometry .sblp-showcase-grid,
body.sblp-design-active.sblp-design-geometry .sblp-related-posts__grid {
	gap: var(--sblp-geometry-card-gap);
}

body.sblp-design-active.sblp-design-geometry .sblp-archive-pagination a,
body.sblp-design-active.sblp-design-geometry .sblp-archive-pagination span,
body.sblp-design-active.sblp-design-geometry .sblp-comments-navigation a,
body.sblp-design-active.sblp-design-geometry .sblp-comments-navigation span,
body.sblp-design-active.sblp-design-geometry .sblp-post input,
body.sblp-design-active.sblp-design-geometry .sblp-post select,
body.sblp-design-active.sblp-design-geometry .sblp-post button,
body.sblp-design-active.sblp-design-geometry .sblp-post .button,
body.sblp-design-active.sblp-design-geometry .sblp-cta__button,
body.sblp-design-active.sblp-design-geometry .sblp-home-button,
body.sblp-design-active.sblp-design-geometry .sblp-empty-state__action,
body.sblp-design-active.sblp-design-geometry .sblp-editorial-search-form input,
body.sblp-design-active.sblp-design-geometry .sblp-editorial-search-form button,
body.sblp-design-active.sblp-design-geometry .sblp-subscribe-block input,
body.sblp-design-active.sblp-design-geometry .sblp-subscribe-block select,
body.sblp-design-active.sblp-design-geometry .sblp-subscribe-block button {
	border-radius: var(--sblp-geometry-radius-button);
	min-height: var(--sblp-geometry-control-height);
}

body.sblp-design-active.sblp-design-geometry .sblp-post input,
body.sblp-design-active.sblp-design-geometry .sblp-post select,
body.sblp-design-active.sblp-design-geometry .sblp-post textarea,
body.sblp-design-active.sblp-design-geometry .sblp-post button,
body.sblp-design-active.sblp-design-geometry .sblp-post .button,
body.sblp-design-active.sblp-design-geometry .sblp-cta__button,
body.sblp-design-active.sblp-design-geometry .sblp-home-button,
body.sblp-design-active.sblp-design-geometry .sblp-empty-state__action,
body.sblp-design-active.sblp-design-geometry .sblp-editorial-search-form input,
body.sblp-design-active.sblp-design-geometry .sblp-editorial-search-form button,
body.sblp-design-active.sblp-design-geometry .sblp-subscribe-block input,
body.sblp-design-active.sblp-design-geometry .sblp-subscribe-block select,
body.sblp-design-active.sblp-design-geometry .sblp-subscribe-block button {
	border-width: var(--sblp-geometry-border-width);
}

body.sblp-design-active .sblp-prose {
	overflow-wrap: anywhere;
}

body.sblp-design-active .sblp-prose table,
body.sblp-design-active .sblp-comparison table {
	max-width: 100%;
}

/* Configurable drop cap. */
body.sblp-design-active.sblp-drop-cap-enabled .sblp-prose .sblp-drop-cap-target::first-letter {
	color: var(--sblp-drop-cap-color);
	float: left;
	float: inline-start;
	font-family: var(--sblp-drop-cap-font);
	font-size: var(--sblp-drop-cap-size);
	font-weight: var(--sblp-drop-cap-weight);
	-webkit-initial-letter: var(--sblp-drop-cap-lines);
	initial-letter: var(--sblp-drop-cap-lines);
	line-height: 0.78;
	margin-inline-end: var(--sblp-drop-cap-margin);
	padding-block-start: 0.08em;
	transform: translateY(var(--sblp-drop-cap-top));
}

/* Browsers with initial-letter support use the selected line count. The
 * float/font-size declarations above remain a predictable fallback elsewhere. */
@supports (initial-letter: 3) {
	body.sblp-design-active.sblp-drop-cap-enabled .sblp-prose .sblp-drop-cap-target::first-letter {
		float: none;
		font-size: inherit;
		initial-letter: var(--sblp-drop-cap-lines);
		line-height: inherit;
		padding-block-start: 0;
	}
}

@supports (-webkit-initial-letter: 3) {
	body.sblp-design-active.sblp-drop-cap-enabled .sblp-prose .sblp-drop-cap-target::first-letter {
		-webkit-initial-letter: var(--sblp-drop-cap-lines);
		float: none;
		font-size: inherit;
		line-height: inherit;
		padding-block-start: 0;
	}
}

@media (max-width: 599px) {
	body.sblp-design-active.sblp-drop-cap-enabled:not(.sblp-drop-cap-mobile) .sblp-prose .sblp-drop-cap-target::first-letter {
		-webkit-initial-letter: normal;
		color: inherit;
		float: none;
		font-family: inherit;
		font-size: inherit;
		font-weight: inherit;
		initial-letter: normal;
		line-height: inherit;
		margin: 0;
		padding: 0;
		transform: none;
	}
}

@media (prefers-reduced-motion: reduce) {
	body.sblp-design-active .sblp-post *,
	body.sblp-design-active .sblp-archive *,
	body.sblp-design-active .sblp-home *,
	body.sblp-design-active .sblp-topic-archive * {
		scroll-behavior: auto;
	}
}

/* Contrast ownership for interactive surfaces.
 * Editorial link colors are intentionally broad, while these controls use
 * foreground/background pairs validated together by Color Studio. Keeping the
 * pair intact also protects :visited and :hover states. */
body.sblp-design-active.sblp-design-colors :where(
	.sblp-campaign-cta__button,
	.sblp-cta__button,
	.sblp-cta .wp-block-button__link,
	.wp-block-group.is-style-sblp-cta .wp-block-button__link,
	.sblp-embedded-cta--button .sblp-embedded-cta__content a,
	.sblp-embedded-cta__content input[type="submit"],
	.sblp-embedded-cta__content button[type="submit"]
) {
	background: var(--sblp-design-cta-button-bg) !important;
	border-color: var(--sblp-design-cta-button-bg) !important;
	color: var(--sblp-design-cta-button-text) !important;
}

body.sblp-design-active.sblp-design-colors :where(
	.sblp-home-button--primary,
	.sblp-empty-state__action,
	.sblp-not-found-hero__home,
	.sblp-editorial-button:not(.sblp-editorial-button--secondary),
	.sblp-search-form__submit,
	.sblp-search-filters__apply,
	.sblp-subscription-primary-button,
	.sblp-subscribe-block__button:not(.sblp-subscribe-block__button--secondary),
	.sblp-subscribe-block__form button,
	.sblp-subscribe-block__form input[type="submit"],
	.sblp-post a.button,
	.sblp-post a.wp-element-button,
	.sblp-post a.wp-block-button__link,
	.sblp-post a.wp-block-file__button,
	.sblp-post a[role="button"],
	.sblp-popular-tabs__link.is-active,
	.sblp-popular-tabs__link[aria-current="page"]
) {
	background: var(--sblp-design-button-bg) !important;
	border-color: var(--sblp-design-button-bg) !important;
	color: var(--sblp-design-button-text) !important;
}

body.sblp-design-active.sblp-design-colors :where(
	.sblp-home-button--secondary,
	.sblp-editorial-button--secondary,
	.sblp-subscription-secondary-button,
	.sblp-subscribe-block__button--secondary
) {
	background: var(--sblp-design-content-bg) !important;
	border-color: var(--sblp-design-border) !important;
	color: var(--sblp-design-text) !important;
}

body.sblp-design-active.sblp-design-colors :where(.sblp-category-chip, .sblp-author-chips a, .sblp-topic-chip, .sblp-editorial-chips a) {
	background: var(--sblp-design-chip-bg) !important;
	border-color: var(--sblp-design-chip-border) !important;
	color: var(--sblp-design-chip-text) !important;
}

body.sblp-design-active.sblp-design-colors :where(
	.sblp-archive-pagination,
		.sblp-comments-navigation,
		.sblp-editorial-pagination,
		.sblp-showcase__pagination,
		.sblp-pagination
	) a:not(.current):not(.is-current):not([aria-current="page"]) {
	color: var(--sblp-design-pagination-text) !important;
}

body.sblp-design-active.sblp-design-colors :where(
	.sblp-archive-pagination,
	.sblp-comments-navigation,
		.sblp-editorial-pagination,
		.sblp-showcase__pagination,
		.sblp-pagination,
		.sblp-category-page .navigation.pagination
	) :is(.current, .is-current, [aria-current="page"]) {
	background: var(--sblp-design-pagination-active-bg) !important;
	border-color: var(--sblp-design-pagination-active-bg) !important;
	color: var(--sblp-design-pagination-active-text) !important;
}

body.sblp-design-active.sblp-design-colors .sblp-embed-profile-selling:not(.sblp-showcase--overlay) .sblp-showcase-card__more {
	background: var(--sblp-design-button-bg) !important;
	color: var(--sblp-design-button-text) !important;
}

body.sblp-design-active.sblp-design-colors .sblp-showcase--overlay :where(.sblp-showcase-card__category, .sblp-showcase-card__more, .sblp-showcase-card__title a) {
	color: #ffffff !important;
}
