/**
 * Переиспользуемые компоненты плагина «Умный блог», версия 2.3.0.
 * Shared by public posts and the Gutenberg editor.
 */

.sblp-faq,
.sblp-comparison,
.sblp-pros-cons,
.sblp-cta,
.sblp-key-points,
.sblp-note,
.sblp-sources,
.sblp-source,
.sblp-verified,
.sblp-reading-summary,
.editor-styles-wrapper .sblp-faq,
.editor-styles-wrapper .sblp-comparison,
.editor-styles-wrapper .sblp-pros-cons,
.editor-styles-wrapper .sblp-cta,
.editor-styles-wrapper .sblp-key-points,
.editor-styles-wrapper .sblp-note,
.editor-styles-wrapper .sblp-sources,
.editor-styles-wrapper .sblp-source,
.editor-styles-wrapper .sblp-verified,
.editor-styles-wrapper .sblp-reading-summary {
	--sblp-component-ink: var(--sblp-ink, #172033);
	--sblp-component-muted: var(--sblp-muted, #647086);
	--sblp-component-line: var(--sblp-line, #dfe4ec);
	--sblp-component-soft: var(--sblp-soft, #f4f6fa);
	--sblp-component-surface: var(--sblp-surface, #ffffff);
	--sblp-component-accent: var(--sblp-accent, #4f46e5);
	--sblp-component-accent-dark: var(--sblp-accent-dark, #3730a3);
	--sblp-component-link: var(--sblp-link, var(--sblp-component-accent-dark));
	--sblp-component-focus: var(--sblp-focus, rgba(79, 70, 229, 0.38));
	box-sizing: border-box;
	max-width: 100%;
}

.sblp-component-heading {
	color: var(--sblp-component-ink);
	font-size: clamp(1.55rem, 3vw, 2.25rem);
	font-weight: 800;
	letter-spacing: -0.035em;
	line-height: 1.18;
	margin: 0 0 0.8em;
	text-wrap: balance;
}

/* FAQ accordion. */
.sblp-faq {
	margin-block: clamp(28px, 5vw, 52px);
}

.sblp-faq__items {
	display: grid;
	gap: 12px;
}

.sblp-faq__item,
.sblp-prose--faq details {
	background: var(--sblp-component-surface);
	border: 1px solid var(--sblp-component-line);
	border-radius: 18px;
	box-shadow: 0 9px 30px rgba(30, 41, 59, 0.05);
	color: var(--sblp-component-ink);
	margin: 12px 0;
	overflow: clip;
	transition: border-color 180ms ease, box-shadow 180ms ease, transform 180ms ease;
}

.sblp-faq__item[open],
.sblp-prose--faq details[open] {
	border-color: color-mix(in srgb, var(--sblp-component-accent) 32%, var(--sblp-component-line));
	box-shadow: 0 16px 42px rgba(30, 41, 59, 0.09);
}

.sblp-faq__item summary,
.sblp-prose--faq details > summary {
	align-items: center;
	color: var(--sblp-component-ink);
	cursor: pointer;
	display: flex;
	font-size: clamp(1rem, 1.2vw, 1.12rem);
	font-weight: 780;
	gap: 18px;
	justify-content: space-between;
	line-height: 1.42;
	list-style: none;
	min-height: 58px;
	padding: 19px 22px;
	text-wrap: balance;
	user-select: none;
}

.sblp-faq__item summary::-webkit-details-marker,
.sblp-prose--faq details > summary::-webkit-details-marker {
	display: none;
}

.sblp-faq__item summary::marker,
.sblp-prose--faq details > summary::marker {
	content: "";
}

.sblp-faq__item summary:focus-visible,
.sblp-prose--faq details > summary:focus-visible {
	border-radius: 14px;
	outline: 3px solid color-mix(in srgb, var(--sblp-component-accent) 38%, transparent);
	outline-offset: -4px;
}

.sblp-faq__icon,
.sblp-prose--faq details > summary::after {
	align-items: center;
	background: color-mix(in srgb, var(--sblp-component-accent) 10%, #ffffff);
	border: 1px solid color-mix(in srgb, var(--sblp-component-accent) 22%, var(--sblp-component-line));
	border-radius: 50%;
	color: var(--sblp-component-accent-dark);
	content: "+";
	display: inline-flex;
	flex: 0 0 34px;
	font-size: 1.25rem;
	font-weight: 500;
	height: 34px;
	justify-content: center;
	line-height: 1;
	transition: background-color 180ms ease, color 180ms ease, transform 180ms ease;
	width: 34px;
}

.sblp-faq__icon::before {
	content: "+";
}

.sblp-faq__item[open] .sblp-faq__icon,
.sblp-prose--faq details[open] > summary::after {
	background: var(--sblp-component-accent);
	color: #ffffff;
	transform: rotate(45deg);
}

.sblp-faq__answer,
.sblp-prose--faq details > :not(summary) {
	color: var(--sblp-component-muted);
	line-height: 1.72;
}

.sblp-faq__answer {
	border-top: 1px solid color-mix(in srgb, var(--sblp-component-line) 78%, transparent);
	padding: 0 22px 22px;
}

.sblp-faq__answer::before {
	content: "";
	display: block;
	height: 18px;
}

.sblp-faq__answer > :first-child,
.sblp-prose--faq details > :not(summary):first-of-type {
	margin-top: 0;
}

.sblp-faq__answer > :last-child,
.sblp-prose--faq details > :last-child {
	margin-bottom: 0;
}

.sblp-prose--faq details > :not(summary) {
	margin-left: 22px;
	margin-right: 22px;
}

.sblp-prose--faq details > :last-child {
	margin-bottom: 22px;
}

/* Comparison tables. */
.sblp-comparison {
	margin-block: clamp(30px, 6vw, 58px);
	margin-inline: 0;
	min-width: 0;
	width: 100%;
}

.sblp-comparison__scroll,
figure.wp-block-table.sblp-comparison {
	background: var(--sblp-component-surface);
	border: 1px solid var(--sblp-component-line);
	border-radius: 18px;
	box-shadow: 0 16px 42px rgba(30, 41, 59, 0.07);
	max-width: 100%;
	overflow-x: auto;
	overscroll-behavior-inline: contain;
	position: relative;
	scrollbar-color: color-mix(in srgb, var(--sblp-component-accent) 45%, #cbd5e1) #eef1f6;
	scrollbar-width: thin;
	-webkit-overflow-scrolling: touch;
}

.sblp-comparison__scroll:focus-visible,
figure.wp-block-table.sblp-comparison:focus-visible {
	outline: 3px solid color-mix(in srgb, var(--sblp-component-accent) 35%, transparent);
	outline-offset: 3px;
}

.sblp-comparison__scroll::-webkit-scrollbar,
figure.wp-block-table.sblp-comparison::-webkit-scrollbar {
	height: 10px;
}

.sblp-comparison__scroll::-webkit-scrollbar-thumb,
figure.wp-block-table.sblp-comparison::-webkit-scrollbar-thumb {
	background: color-mix(in srgb, var(--sblp-component-accent) 45%, #cbd5e1);
	border: 2px solid #eef1f6;
	border-radius: 999px;
}

.sblp-comparison table,
figure.wp-block-table.sblp-comparison table,
.sblp-prose--comparison .wp-block-table table {
	border: 0;
	border-collapse: separate;
	border-spacing: 0;
	display: table;
	font-size: clamp(0.84rem, 1vw, 0.96rem);
	margin: 0;
	min-width: 680px;
	overflow: visible;
	white-space: normal;
	width: 100%;
}

.sblp-comparison th,
.sblp-comparison td,
.sblp-prose--comparison .wp-block-table th,
.sblp-prose--comparison .wp-block-table td {
	border: 0;
	border-bottom: 1px solid var(--sblp-component-line);
	border-right: 1px solid var(--sblp-component-line);
	line-height: 1.5;
	min-width: 150px;
	padding: 15px 17px;
	text-align: left;
	vertical-align: top;
}

.sblp-comparison tr:last-child td,
.sblp-prose--comparison .wp-block-table tr:last-child td {
	border-bottom: 0;
}

.sblp-comparison th:last-child,
.sblp-comparison td:last-child,
.sblp-prose--comparison .wp-block-table th:last-child,
.sblp-prose--comparison .wp-block-table td:last-child {
	border-right: 0;
}

.sblp-comparison thead th,
.sblp-prose--comparison .wp-block-table thead th {
	background: #19233a;
	color: #ffffff;
	font-weight: 780;
	position: sticky;
	top: 0;
	z-index: 2;
}

.sblp-comparison tbody tr:nth-child(even) td,
.sblp-prose--comparison .wp-block-table tbody tr:nth-child(even) td {
	background: color-mix(in srgb, var(--sblp-component-soft) 76%, #ffffff);
}

.sblp-comparison tbody td:first-child,
.sblp-prose--comparison .wp-block-table tbody td:first-child {
	color: var(--sblp-component-ink);
	font-weight: 730;
}

.sblp-comparison--compact th,
.sblp-comparison--compact td {
	padding: 11px 13px;
}

.sblp-comparison figcaption {
	color: var(--sblp-component-muted);
	font-size: 0.82rem;
	line-height: 1.5;
	margin-top: 10px;
	padding-inline: 6px;
	text-align: left;
}

/* Pros and cons. */
.sblp-pros-cons,
.wp-block-columns.sblp-pros-cons {
	margin-block: clamp(30px, 6vw, 58px);
}

.sblp-pros-cons__grid,
.wp-block-columns.sblp-pros-cons {
	display: grid;
	gap: 16px;
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

.sblp-pros-cons__panel,
.wp-block-columns.sblp-pros-cons > .wp-block-column {
	background: var(--sblp-component-surface);
	border: 1px solid var(--sblp-component-line);
	border-radius: 20px;
	margin: 0;
	min-width: 0;
	padding: clamp(20px, 4vw, 30px);
}

.sblp-pros-cons__panel--pros {
	background: linear-gradient(145deg, #effcf5 0%, #ffffff 82%);
	border-color: #bfe9d0;
}

.sblp-pros-cons__panel--cons {
	background: linear-gradient(145deg, #fff4f3 0%, #ffffff 82%);
	border-color: #f2c7c3;
}

.sblp-pros-cons__panel h3 {
	align-items: center;
	color: var(--sblp-component-ink);
	display: flex;
	font-size: clamp(1.18rem, 2vw, 1.45rem);
	font-weight: 800;
	gap: 11px;
	letter-spacing: -0.025em;
	line-height: 1.25;
	margin: 0 0 16px;
}

.sblp-pros-cons__panel h3 > span {
	align-items: center;
	border-radius: 50%;
	display: inline-flex;
	flex: 0 0 34px;
	height: 34px;
	justify-content: center;
	width: 34px;
}

.sblp-pros-cons__panel--pros h3 > span {
	background: #d7f6e3;
	color: #13743a;
}

.sblp-pros-cons__panel--cons h3 > span {
	background: #ffe0dd;
	color: #a8322d;
}

.sblp-pros-cons__panel ul,
.sblp-pros-cons__panel ol,
.sblp-pros-cons__body ul,
.sblp-pros-cons__body ol {
	margin: 0;
	padding-left: 1.25em;
}

.sblp-pros-cons__panel li,
.sblp-pros-cons__body li {
	color: #3f4a5f;
	line-height: 1.6;
	margin: 0.65em 0;
}

.sblp-pros-cons__panel--pros li::marker {
	color: #1b8e4c;
}

.sblp-pros-cons__panel--cons li::marker {
	color: #c14b45;
}

.sblp-pros-cons__body > :first-child,
.sblp-pros-cons__panel > :first-child {
	margin-top: 0;
}

.sblp-pros-cons__body > :last-child,
.sblp-pros-cons__panel > :last-child {
	margin-bottom: 0;
}

/* CTA. */
.sblp-cta {
	align-items: center;
	background:
		radial-gradient(circle at 90% -20%, rgba(255, 255, 255, 0.28), transparent 38%),
		linear-gradient(135deg, var(--sblp-component-accent-dark), var(--sblp-component-accent));
	border: 0;
	border-radius: 24px;
	box-shadow: 0 22px 52px color-mix(in srgb, var(--sblp-component-accent) 22%, transparent);
	color: #ffffff;
	display: grid;
	gap: clamp(22px, 4vw, 42px);
	grid-template-columns: minmax(0, 1fr) auto;
	margin-block: clamp(34px, 7vw, 68px);
	overflow: hidden;
	padding: clamp(26px, 5vw, 46px);
	position: relative;
}

.sblp-cta--dark {
	--sblp-component-accent: #27344d;
	--sblp-component-accent-dark: #111827;
}

.sblp-cta--light {
	background: linear-gradient(135deg, #f4f5ff, #ffffff);
	border: 1px solid var(--sblp-component-line);
	box-shadow: 0 18px 46px rgba(30, 41, 59, 0.08);
	color: var(--sblp-component-ink);
}

.sblp-cta__copy,
.sblp-cta > .wp-block-heading,
.sblp-cta > p,
.sblp-cta > .wp-block-buttons {
	min-width: 0;
	position: relative;
	z-index: 1;
}

.sblp-cta h2,
.sblp-cta .wp-block-heading {
	color: inherit;
	font-size: clamp(1.55rem, 3.2vw, 2.45rem);
	font-weight: 820;
	letter-spacing: -0.04em;
	line-height: 1.1;
	margin: 0;
	text-wrap: balance;
}

.sblp-cta__text,
.sblp-cta > p {
	color: rgba(255, 255, 255, 0.82);
	font-size: clamp(0.98rem, 1.3vw, 1.08rem);
	line-height: 1.62;
	margin: 14px 0 0;
	max-width: 650px;
}

.sblp-cta--light .sblp-cta__text,
.sblp-cta--light > p {
	color: var(--sblp-component-muted);
}

.sblp-cta__text > :first-child {
	margin-top: 0;
}

.sblp-cta__text > :last-child {
	margin-bottom: 0;
}

.sblp-cta__button,
.sblp-cta .wp-block-button__link {
	align-items: center;
	background: #ffffff;
	border: 1px solid rgba(255, 255, 255, 0.6);
	border-radius: 999px;
	box-shadow: 0 10px 26px rgba(10, 18, 34, 0.16);
	color: var(--sblp-component-accent-dark);
	display: inline-flex;
	font-size: 0.94rem;
	font-weight: 800;
	gap: 12px;
	justify-content: center;
	line-height: 1.2;
	min-height: 50px;
	padding: 13px 21px;
	position: relative;
	text-decoration: none;
	transition: box-shadow 180ms ease, transform 180ms ease;
	z-index: 1;
}

.sblp-cta--light .sblp-cta__button,
.sblp-cta--light .wp-block-button__link {
	background: var(--sblp-component-accent);
	border-color: var(--sblp-component-accent);
	color: #ffffff;
}

.sblp-cta__button:hover,
.sblp-cta .wp-block-button__link:hover {
	box-shadow: 0 14px 32px rgba(10, 18, 34, 0.22);
	color: var(--sblp-component-accent-dark);
	transform: translateY(-2px);
}

.sblp-cta--light .sblp-cta__button:hover,
.sblp-cta--light .wp-block-button__link:hover {
	color: #ffffff;
}

.sblp-cta__button:focus-visible,
.sblp-cta .wp-block-button__link:focus-visible {
	outline: 3px solid rgba(255, 255, 255, 0.7);
	outline-offset: 3px;
}

.sblp-cta .wp-block-buttons {
	justify-content: flex-start;
	margin: 0;
}

.sblp-cta > .wp-block-buttons:last-child {
	justify-content: flex-end;
}


/* Editorial key points and reading summary. */
.sblp-key-points,
.sblp-reading-summary {
	background: var(--sblp-component-surface);
	border: 1px solid var(--sblp-component-line);
	border-left: 5px solid var(--sblp-component-accent);
	border-radius: 18px;
	box-shadow: 0 14px 38px rgba(30, 41, 59, 0.07);
	color: var(--sblp-component-ink);
	margin-block: clamp(24px, 5vw, 46px);
	overflow: hidden;
	padding: clamp(20px, 4vw, 30px);
}

.sblp-key-points {
	background: color-mix(in srgb, var(--sblp-component-accent) 7%, var(--sblp-component-surface));
}

.sblp-reading-summary {
	background: color-mix(in srgb, var(--sblp-component-soft) 76%, var(--sblp-component-surface));
	border-left-color: color-mix(in srgb, var(--sblp-component-accent) 65%, var(--sblp-component-muted));
}

.sblp-key-points__header,
.sblp-reading-summary__header {
	align-items: center;
	display: flex;
	gap: 12px;
	margin-bottom: 14px;
}

.sblp-key-points__badge,
.sblp-reading-summary__badge {
	align-items: center;
	background: var(--sblp-component-accent-dark);
	border-radius: 999px;
	color: #ffffff;
	display: inline-flex;
	flex: 0 0 34px;
	font-size: 0.92rem;
	font-weight: 900;
	height: 34px;
	justify-content: center;
	line-height: 1;
	width: 34px;
}

.sblp-reading-summary__badge {
	font-size: 1.15rem;
}

.sblp-key-points__title,
.sblp-reading-summary__title {
	color: var(--sblp-component-ink);
	font-size: clamp(1.08rem, 1.8vw, 1.3rem);
	font-weight: 820;
	letter-spacing: -0.02em;
	line-height: 1.3;
	text-wrap: balance;
}

.sblp-key-points__body,
.sblp-reading-summary__body {
	color: var(--sblp-component-ink);
	font-size: clamp(0.96rem, 1.25vw, 1.04rem);
	line-height: 1.7;
	overflow-wrap: anywhere;
}

.sblp-key-points__body > :first-child,
.sblp-reading-summary__body > :first-child,
.sblp-note__body > :first-child,
.sblp-sources__list > :first-child {
	margin-top: 0;
}

.sblp-key-points__body > :last-child,
.sblp-reading-summary__body > :last-child,
.sblp-note__body > :last-child,
.sblp-sources__list > :last-child {
	margin-bottom: 0;
}

.sblp-key-points__body :where(ul, ol),
.sblp-reading-summary__body :where(ul, ol) {
	margin-block: 0.8em 0;
	padding-left: 1.35em;
}

.sblp-key-points__body li,
.sblp-reading-summary__body li {
	margin-block: 0.52em;
	padding-left: 0.2em;
}

.sblp-key-points__body li::marker {
	color: var(--sblp-component-accent);
}

.sblp-key-points__body a,
.sblp-reading-summary__body a,
.sblp-note__body a,
.sblp-sources__list a:not(.sblp-source) {
	color: var(--sblp-component-link);
	text-decoration-thickness: 0.08em;
	text-underline-offset: 0.16em;
}

.sblp-key-points__body a:hover,
.sblp-reading-summary__body a:hover,
.sblp-note__body a:hover,
.sblp-sources__list a:not(.sblp-source):hover {
	color: var(--sblp-component-accent);
}

.sblp-key-points__body a:focus-visible,
.sblp-reading-summary__body a:focus-visible,
.sblp-note__body a:focus-visible,
.sblp-sources__list a:not(.sblp-source):focus-visible {
	border-radius: 4px;
	outline: 3px solid var(--sblp-component-focus);
	outline-offset: 3px;
}

/* Typed editorial notes. */
.sblp-note {
	--sblp-note-accent: #b42318;
	background: var(--sblp-component-surface);
	background: color-mix(in srgb, var(--sblp-note-accent) 7%, var(--sblp-component-surface));
	border: 1px solid var(--sblp-component-line);
	border-color: color-mix(in srgb, var(--sblp-note-accent) 30%, var(--sblp-component-line));
	border-left: 5px solid var(--sblp-note-accent);
	border-radius: 16px;
	color: var(--sblp-component-ink);
	margin-block: clamp(22px, 4vw, 40px);
	padding: clamp(18px, 3vw, 25px);
}

.sblp-note--important {
	--sblp-note-accent: #b42318;
}

.sblp-note--tip {
	--sblp-note-accent: #137a42;
}

.sblp-note--warning {
	--sblp-note-accent: #b35c00;
}

.sblp-note--example {
	--sblp-note-accent: #1d63b7;
}

.sblp-note--conclusion {
	--sblp-note-accent: #6842b8;
}

.sblp-note--expert {
	--sblp-note-accent: #9a376d;
}

.sblp-note__header {
	align-items: center;
	display: flex;
	gap: 11px;
	margin-bottom: 11px;
}

.sblp-note__badge {
	align-items: center;
	background: var(--sblp-note-accent);
	border-radius: 9px;
	color: #ffffff;
	display: inline-flex;
	flex: 0 0 30px;
	font-size: 0.84rem;
	font-weight: 900;
	height: 30px;
	justify-content: center;
	line-height: 1;
	width: 30px;
}

.sblp-note__title {
	color: var(--sblp-component-ink);
	font-size: clamp(1rem, 1.5vw, 1.15rem);
	font-weight: 820;
	letter-spacing: -0.015em;
	line-height: 1.35;
	text-wrap: balance;
}

.sblp-note__body {
	color: var(--sblp-component-ink);
	line-height: 1.68;
	overflow-wrap: anywhere;
}

.sblp-note__body a {
	font-weight: 650;
}

/* Sources and editorial verification. */
.sblp-sources {
	background: var(--sblp-component-surface);
	border: 1px solid var(--sblp-component-line);
	border-radius: 18px;
	color: var(--sblp-component-ink);
	margin-block: clamp(28px, 5vw, 48px);
	padding: clamp(20px, 4vw, 30px);
}

.sblp-sources__heading {
	align-items: center;
	display: flex;
	gap: 12px;
	margin-bottom: 16px;
}

.sblp-sources__badge {
	align-items: center;
	background: var(--sblp-component-soft);
	border: 1px solid var(--sblp-component-line);
	border-radius: 999px;
	color: var(--sblp-component-link);
	display: inline-flex;
	flex: 0 0 34px;
	font-size: 1rem;
	font-weight: 850;
	height: 34px;
	justify-content: center;
	line-height: 1;
	width: 34px;
}

.sblp-sources__title {
	color: var(--sblp-component-ink);
	font-size: clamp(1.08rem, 1.8vw, 1.28rem);
	font-weight: 820;
	letter-spacing: -0.02em;
	line-height: 1.3;
}

.sblp-sources__list {
	display: grid;
	gap: 10px;
	min-width: 0;
}

.sblp-sources__list :where(ul, ol) {
	margin: 0;
	padding-left: 1.4em;
}

.sblp-source {
	align-items: center;
	background: var(--sblp-component-soft);
	border: 1px solid var(--sblp-component-line);
	border-radius: 12px;
	color: var(--sblp-component-ink);
	display: flex;
	font-size: 0.94rem;
	font-weight: 680;
	gap: 10px;
	line-height: 1.45;
	max-width: 100%;
	min-height: 44px;
	overflow-wrap: anywhere;
	padding: 10px 13px;
	text-decoration: none;
	transition: border-color 180ms ease, box-shadow 180ms ease, transform 180ms ease;
}

.sblp-source:hover {
	border-color: var(--sblp-component-accent);
	box-shadow: 0 8px 24px rgba(30, 41, 59, 0.09);
	color: var(--sblp-component-link);
	transform: translateY(-1px);
}

.sblp-source:focus-visible {
	outline: 3px solid var(--sblp-component-focus);
	outline-offset: 3px;
}

.sblp-source__marker {
	align-items: center;
	background: var(--sblp-component-surface);
	border: 1px solid var(--sblp-component-line);
	border-radius: 8px;
	color: var(--sblp-component-link);
	display: inline-flex;
	flex: 0 0 26px;
	height: 26px;
	justify-content: center;
	line-height: 1;
	width: 26px;
}

.sblp-source__title {
	min-width: 0;
}

.sblp-verified {
	align-items: center;
	background: var(--sblp-component-surface);
	background: color-mix(in srgb, #15803d 9%, var(--sblp-component-surface));
	border: 1px solid var(--sblp-component-line);
	border-color: color-mix(in srgb, #15803d 30%, var(--sblp-component-line));
	border-radius: 999px;
	color: var(--sblp-component-ink);
	display: inline-flex;
	font-size: 0.82rem;
	font-weight: 760;
	gap: 7px;
	line-height: 1.25;
	max-width: 100%;
	min-height: 32px;
	padding: 6px 11px 6px 7px;
	vertical-align: middle;
}

.sblp-verified__icon {
	align-items: center;
	background: #15803d;
	border-radius: 50%;
	color: #ffffff;
	display: inline-flex;
	flex: 0 0 20px;
	font-size: 0.7rem;
	height: 20px;
	justify-content: center;
	line-height: 1;
	width: 20px;
}

.sblp-verified__text {
	overflow-wrap: anywhere;
}

.sblp-visually-hidden {
	border: 0 !important;
	clip: rect(1px, 1px, 1px, 1px) !important;
	clip-path: inset(50%) !important;
	height: 1px !important;
	margin: -1px !important;
	overflow: hidden !important;
	padding: 0 !important;
	position: absolute !important;
	white-space: nowrap !important;
	width: 1px !important;
}

/* Optional native Gutenberg block styles. */
.wp-block-details.is-style-sblp-faq {
	background: var(--sblp-surface, #ffffff);
	border: 1px solid var(--sblp-line, #dfe4ec);
	border-radius: 18px;
	box-shadow: 0 9px 30px rgba(30, 41, 59, 0.05);
	margin-block: 12px;
	overflow: clip;
	padding: 0;
}

.wp-block-details.is-style-sblp-faq > summary {
	align-items: center;
	cursor: pointer;
	display: flex;
	font-weight: 780;
	gap: 16px;
	justify-content: space-between;
	list-style: none;
	padding: 19px 22px;
}

.wp-block-details.is-style-sblp-faq > summary::-webkit-details-marker {
	display: none;
}

.wp-block-details.is-style-sblp-faq > summary::after {
	align-items: center;
	background: #eef0ff;
	border-radius: 50%;
	color: var(--sblp-accent-dark, #3730a3);
	content: "+";
	display: inline-flex;
	flex: 0 0 32px;
	height: 32px;
	justify-content: center;
	transition: transform 180ms ease;
	width: 32px;
}

.wp-block-details.is-style-sblp-faq[open] > summary::after {
	transform: rotate(45deg);
}

.wp-block-details.is-style-sblp-faq > :not(summary) {
	margin-left: 22px;
	margin-right: 22px;
}

.wp-block-details.is-style-sblp-faq > :last-child {
	margin-bottom: 22px;
}

.wp-block-table.is-style-sblp-comparison {
	border: 1px solid var(--sblp-line, #dfe4ec);
	border-radius: 18px;
	box-shadow: 0 16px 42px rgba(30, 41, 59, 0.07);
	max-width: 100%;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
}

.wp-block-table.is-style-sblp-comparison table {
	border-collapse: separate;
	border-spacing: 0;
	margin: 0;
	min-width: 680px;
	width: 100%;
}

.wp-block-table.is-style-sblp-comparison th,
.wp-block-table.is-style-sblp-comparison td {
	border: 0;
	border-bottom: 1px solid var(--sblp-line, #dfe4ec);
	border-right: 1px solid var(--sblp-line, #dfe4ec);
	padding: 15px 17px;
	text-align: left;
}

.wp-block-table.is-style-sblp-comparison thead th {
	background: #19233a;
	color: #ffffff;
}

.wp-block-group.is-style-sblp-cta {
	background: linear-gradient(135deg, var(--sblp-accent-dark, #3730a3), var(--sblp-accent, #4f46e5));
	border-radius: 24px;
	color: #ffffff;
	margin-block: clamp(34px, 7vw, 68px);
	padding: clamp(26px, 5vw, 46px);
}

.wp-block-group.is-style-sblp-cta :is(h2, h3, p) {
	color: inherit;
}

.wp-block-group.is-style-sblp-cta .wp-block-button__link {
	background: #ffffff;
	color: var(--sblp-accent-dark, #3730a3);
}

.wp-block-group.is-style-sblp-pros-cons {
	border: 1px solid var(--sblp-line, #dfe4ec);
	border-radius: 20px;
	margin-block: clamp(30px, 6vw, 58px);
	padding: clamp(20px, 4vw, 30px);
}

.wp-block-list.is-style-sblp-pros,
.wp-block-list.is-style-sblp-cons {
	border: 1px solid var(--sblp-line, #dfe4ec);
	border-radius: 16px;
	padding: 18px 18px 18px 42px;
}

.wp-block-list.is-style-sblp-pros {
	background: #effcf5;
	border-color: #bfe9d0;
}

.wp-block-list.is-style-sblp-cons {
	background: #fff4f3;
	border-color: #f2c7c3;
}

.wp-block-quote.is-style-sblp-interview-question {
	background: #f4f1ff;
	border-left: 5px solid var(--sblp-accent, #6f55d9);
	border-radius: 0 16px 16px 0;
	padding: 20px 24px;
}

@supports not (color: color-mix(in srgb, #000000 50%, #ffffff)) {
	.sblp-faq__item[open],
	.sblp-prose--faq details[open] {
		border-color: #9ba4ed;
	}

	.sblp-faq__item summary:focus-visible,
	.sblp-prose--faq details > summary:focus-visible,
	.sblp-comparison__scroll:focus-visible,
	figure.wp-block-table.sblp-comparison:focus-visible {
		outline-color: rgba(79, 70, 229, 0.38);
	}

	.sblp-cta {
		box-shadow: 0 22px 52px rgba(79, 70, 229, 0.2);
	}
}

@media (max-width: 700px) {
	.sblp-faq__item,
	.sblp-prose--faq details {
		border-radius: 15px;
	}

	.sblp-faq__item summary,
	.sblp-prose--faq details > summary {
		gap: 12px;
		min-height: 54px;
		padding: 16px;
	}

	.sblp-faq__answer {
		padding: 0 16px 18px;
	}

	.sblp-prose--faq details > :not(summary) {
		margin-left: 16px;
		margin-right: 16px;
	}

	.sblp-prose--faq details > :last-child {
		margin-bottom: 18px;
	}

	.sblp-comparison__scroll,
	figure.wp-block-table.sblp-comparison {
		border-radius: 15px;
	}

	.sblp-comparison table,
	figure.wp-block-table.sblp-comparison table,
	.sblp-prose--comparison .wp-block-table table {
		min-width: 620px;
	}

	.sblp-comparison th,
	.sblp-comparison td,
	.sblp-prose--comparison .wp-block-table th,
	.sblp-prose--comparison .wp-block-table td {
		min-width: 132px;
		padding: 13px 14px;
	}

	.sblp-pros-cons__grid,
	.wp-block-columns.sblp-pros-cons {
		grid-template-columns: minmax(0, 1fr);
	}

	.sblp-pros-cons__panel,
	.wp-block-columns.sblp-pros-cons > .wp-block-column {
		border-radius: 16px;
	}

	.sblp-cta {
		border-radius: 18px;
		grid-template-columns: minmax(0, 1fr);
		padding: 24px 20px;
	}

	.sblp-cta__button,
	.sblp-cta .wp-block-button__link {
		width: 100%;
	}

	.sblp-cta > .wp-block-buttons:last-child {
		justify-content: stretch;
		width: 100%;
	}

	.sblp-cta .wp-block-button {
		width: 100%;
	}

	.sblp-key-points,
	.sblp-reading-summary,
	.sblp-sources {
		border-radius: 15px;
		padding: 19px 17px;
	}

	.sblp-note {
		border-radius: 14px;
		padding: 17px 16px;
	}

	.sblp-key-points__header,
	.sblp-reading-summary__header,
	.sblp-note__header,
	.sblp-sources__heading {
		align-items: flex-start;
	}

	.sblp-source {
		padding: 10px 11px;
	}
}

@media (max-width: 420px) {
	.sblp-faq__icon,
	.sblp-prose--faq details > summary::after {
		flex-basis: 30px;
		height: 30px;
		width: 30px;
	}

	.sblp-comparison table,
	figure.wp-block-table.sblp-comparison table,
	.sblp-prose--comparison .wp-block-table table {
		min-width: 560px;
	}

	.sblp-pros-cons__panel,
	.wp-block-columns.sblp-pros-cons > .wp-block-column {
		padding: 19px 17px;
	}

	.sblp-key-points__badge,
	.sblp-reading-summary__badge,
	.sblp-sources__badge {
		flex-basis: 30px;
		height: 30px;
		width: 30px;
	}

	.sblp-note__badge {
		flex-basis: 28px;
		height: 28px;
		width: 28px;
	}
}

@media (prefers-reduced-motion: reduce) {
	.sblp-faq__item,
	.sblp-faq__icon,
	.sblp-prose--faq details,
	.sblp-prose--faq details > summary::after,
	.sblp-cta__button,
	.sblp-cta .wp-block-button__link,
	.sblp-source {
		transition-duration: 0.01ms !important;
	}
}

@media print {
	.sblp-faq__item,
	.sblp-prose--faq details {
		break-inside: avoid;
		box-shadow: none;
	}

	.sblp-faq__item:not([open]) > .sblp-faq__answer,
	.sblp-prose--faq details:not([open]) > :not(summary) {
		display: block;
	}

	.sblp-comparison__scroll,
	figure.wp-block-table.sblp-comparison {
		box-shadow: none;
		overflow: visible;
	}

	.sblp-comparison table,
	figure.wp-block-table.sblp-comparison table,
	.sblp-prose--comparison .wp-block-table table {
		min-width: 0;
	}

	.sblp-cta {
		background: #ffffff !important;
		border: 1px solid #555555;
		box-shadow: none;
		color: #000000;
	}

	.sblp-cta__text,
	.sblp-cta > p {
		color: #222222;
	}

	.sblp-key-points,
	.sblp-reading-summary,
	.sblp-note,
	.sblp-sources {
		background: #ffffff !important;
		break-inside: avoid;
		box-shadow: none;
		color: #000000;
	}

	.sblp-source {
		background: #ffffff !important;
		box-shadow: none;
		color: #000000;
		text-decoration: underline;
	}
}