/**
 * WordPress block editor (Gutenberg) content styles.
 * Scoped to .entry-content on posts and pages.
 */

/* === Prose base === */

/* .entry-content: base typography and word wrapping for article body */
.entry-content {
	font-size: 18px;
	font-weight: 400;
	line-height: 140%;
	color: var(--si-color-text);
	word-wrap: break-word;
}

/* .entry-content > :first-child: remove top margin on first block */
.entry-content > :first-child {
	margin-top: 0;
}

/* .entry-content > :last-child: remove bottom margin on last block */
.entry-content > :last-child {
	margin-bottom: 0;
}

/* === Headings === */

/* h1–h6: shared heading color and weight inside entry content */
.entry-content h1,
.entry-content h2,
.entry-content h3,
.entry-content h4,
.entry-content h5,
/* h1–h6: shared heading color and weight inside entry content */
.entry-content h6 {
	color: var(--si-color-heading-alt);
	font-weight: 700;
}

/* h1: largest heading scale and spacing */
.entry-content h1 {
	margin: 48px 0 16px;
	font-size: clamp(1.75rem, 3vw, 32px);
	line-height: 1.25;
}

/* h2: section heading size and spacing */
.entry-content h2 {
	margin: 40px 0 16px;
	font-size: 24px;
	line-height: 36px;
}

/* h2:first-child: no top margin when h2 opens the article */
.entry-content h2:first-child {
	margin-top: 0;
}

/* h3: subsection heading size and spacing */
.entry-content h3 {
	margin: 32px 0 16px;
	font-size: 20px;
	line-height: 1.4;
}

/* h4: minor heading size and spacing */
.entry-content h4 {
	margin: 28px 0 12px;
	font-size: 18px;
	line-height: 1.4;
}

/* h5, h6: smallest heading scale */
.entry-content h5,
/* h5, h6: smallest heading scale */
.entry-content h6 {
	margin: 24px 0 12px;
	font-size: 16px;
	line-height: 1.4;
}

/* === Paragraphs & text === */

/* p, .wp-block-paragraph: standard paragraph bottom margin */
.entry-content p,
/* p, .wp-block-paragraph: standard paragraph bottom margin */
.entry-content .wp-block-paragraph {
	margin: 0 0 16px;
}

/* strong, b: bold text with heading color */
.entry-content strong,
/* strong, b: bold text with heading color */
.entry-content b {
	font-weight: 700;
	color: var(--si-color-heading-alt);
}

/* em, i: italic emphasis */
.entry-content em,
/* em, i: italic emphasis */
.entry-content i {
	font-style: italic;
}

/* mark: highlighted text with amber background */
.entry-content mark {
	padding: 0 0.15em;
	border-radius: 2px;
	background: #fff0cc;
	color: inherit;
}

/* del: strikethrough with muted color */
.entry-content del {
	text-decoration: line-through;
	color: var(--si-color-muted);
}

/* ins: underlined inserted text */
.entry-content ins {
	text-decoration: underline;
}

/* sub, sup: smaller superscript and subscript */
.entry-content sub,
/* sub, sup: smaller superscript and subscript */
.entry-content sup {
	font-size: 0.75em;
	line-height: 0;
}

/* === Links === */

/* a: primary-colored underlined links in prose */
.entry-content a {
	color: var(--si-color-primary);
	text-decoration: underline;
	text-underline-offset: 2px;
}

/* a:hover, a:focus-visible: darker primary on link interaction */
.entry-content a:hover,
/* a:hover, a:focus-visible: darker primary on link interaction */
.entry-content a:focus-visible {
	color: var(--si-color-primary-dark);
}

/* .wp-block-button a: remove underline from block button links */
.entry-content .wp-block-button a,
/* .wp-block-button a: remove underline from block button links */
.entry-content .wp-block-button a:hover {
	text-decoration: none;
}

/* === Lists === */

/* ul, ol, .wp-block-list: list margins and outside markers */
.entry-content ul,
.entry-content ol,
/* ul, ol, .wp-block-list: list margins and outside markers */
.entry-content .wp-block-list {
	margin: 0 0 16px;
	padding-left: 1.5rem;
	list-style-position: outside;
}

/* ul: disc bullets for unordered lists */
.entry-content ul,
/* ul: disc bullets for unordered lists */
.entry-content .wp-block-list ul {
	list-style-type: disc;
}

/* ol: decimal numbering for ordered lists */
.entry-content ol,
/* ol: decimal numbering for ordered lists */
.entry-content .wp-block-list ol {
	list-style-type: decimal;
}

/* li: spacing between list items */
.entry-content li {
	margin-bottom: 8px;
}

/* li > ul, li > ol: nested list top margin */
.entry-content li > ul,
/* li > ul, li > ol: nested list top margin */
.entry-content li > ol {
	margin-top: 8px;
	margin-bottom: 0;
}

/* === Blockquote & pullquote (Matching Photo 4 Email Script Callout) === */

.entry-content blockquote,
.entry-content .wp-block-quote,
.entry-content blockquote.wp-block-quote {
	margin: 28px 0;
	padding: 24px 28px;
	background: #f3f4f6 !important;
	border-radius: 8px !important;
	border: none !important;
	border-left: none !important;
	font-size: 15.5px;
	font-style: italic;
	font-weight: 400;
	line-height: 1.65;
	color: #374151;
	box-sizing: border-box;
}

/* blockquote p: clean spacing and italic script */
.entry-content blockquote p,
.entry-content .wp-block-quote p {
	margin: 0 0 12px;
	font-style: italic;
	line-height: 1.65;
}

.entry-content blockquote p:last-child,
.entry-content .wp-block-quote p:last-child {
	margin-bottom: 0;
}

.entry-content blockquote strong,
.entry-content .wp-block-quote strong {
	color: #111827;
	font-weight: 700;
	font-style: italic;
}

/* cite: attribution line below blockquote or pullquote */
.entry-content blockquote cite,
.entry-content .wp-block-quote cite,
.entry-content .wp-block-pullquote cite {
	display: block;
	margin-top: 14px;
	font-size: 13px;
	font-style: normal;
	font-weight: 500;
	color: #6b7280;
}

/* .wp-block-pullquote: clean pullquote without harsh borders */
.entry-content .wp-block-pullquote {
	margin: 32px 0;
	padding: 26px 28px;
	background: #f3f4f6;
	border-radius: 8px;
	border: none;
	text-align: left;
	box-sizing: border-box;
}

/* .wp-block-pullquote blockquote: reset inner quote inside pullquote */
.entry-content .wp-block-pullquote blockquote {
	margin: 0;
	padding: 0;
	background: transparent;
	border: none;
	font-size: 16px;
}

/* === Images & media === */

/* img: responsive images within entry content */
.entry-content img {
	max-width: 100%;
	height: auto;
}

/* figure: spacing above image figures */
.entry-content figure {
	margin: 40px 0 0;
}

/* figure img, .wp-block-image img: full-width rounded images */
.entry-content figure img,
/* figure img, .wp-block-image img: full-width rounded images */
.entry-content .wp-block-image img {
	display: block;
	width: 100%;
	height: auto;
	border-radius: var(--si-radius-lg);
}

/* figcaption: centered muted caption below media */
.entry-content figcaption,
.entry-content .wp-block-image figcaption,
.entry-content .wp-block-gallery figcaption,
.entry-content .wp-block-audio figcaption,
/* figcaption: centered muted caption below media */
.entry-content .wp-block-video figcaption {
	margin-top: 12px;
	font-size: 14px;
	line-height: 140%;
	color: var(--si-color-muted);
	text-align: center;
}

/* .alignleft: float image left with side margin */
.entry-content .alignleft {
	float: left;
	margin: 0 24px 16px 0;
	max-width: min(50%, 360px);
}

/* .alignright: float image right with side margin */
.entry-content .alignright {
	float: right;
	margin: 0 0 16px 24px;
	max-width: min(50%, 360px);
}

/* .alignleft img, .alignright img: auto width for floated images */
.entry-content .alignleft img,
.entry-content .alignright img,
.entry-content .wp-block-image .alignleft img,
/* .alignleft img, .alignright img: auto width for floated images */
.entry-content .wp-block-image .alignright img {
	width: auto;
	max-width: 100%;
}

/* .aligncenter: centered block image with clearfix */
.entry-content .aligncenter,
/* .aligncenter: centered block image with clearfix */
.entry-content .wp-block-image.aligncenter {
	display: table;
	margin-inline: auto;
	clear: both;
}

/* .alignwide: full column width for wide-aligned blocks */
.entry-content .wp-block-image.alignwide,
/* .alignwide: full column width for wide-aligned blocks */
.entry-content .wp-block-gallery.alignwide {
	width: 100%;
	max-width: 100%;
}

/* .wp-block-gallery: flex gallery with gap */
.entry-content .wp-block-gallery {
	display: flex;
	flex-wrap: wrap;
	gap: 16px;
	margin: 40px 0 0;
	padding: 0;
	list-style: none;
}

/* .wp-block-gallery .wp-block-image: flexible gallery item */
.entry-content .wp-block-gallery .wp-block-image {
	margin: 0;
	flex: 1 1 auto;
}

/* .wp-block-gallery img: medium border radius on gallery images */
.entry-content .wp-block-gallery .wp-block-image img {
	border-radius: var(--si-radius-md);
}

/* === Embeds & video === */

/* .wp-block-embed, .wp-block-video, .wp-block-audio: embed block spacing */
.entry-content .wp-block-embed,
.entry-content .wp-block-video,
/* .wp-block-embed, .wp-block-video, .wp-block-audio: embed block spacing */
.entry-content .wp-block-audio {
	margin: 40px 0 0;
}

/* embed wrapper and native media: rounded corners */
.entry-content .wp-block-embed__wrapper,
.entry-content .wp-block-video video,
/* embed wrapper and native media: rounded corners */
.entry-content .wp-block-audio audio {
	border-radius: var(--si-radius-md);
	overflow: hidden;
}

/* iframe: constrain embed width */
.entry-content .wp-block-embed iframe {
	max-width: 100%;
}

/* === Buttons === */

/* .wp-block-buttons: horizontal button group with gap */
.entry-content .wp-block-buttons {
	display: flex;
	flex-wrap: wrap;
	gap: 14px;
	margin: 24px 0;
}

/* .wp-block-button: remove default button block margin */
.entry-content .wp-block-button {
	margin: 0;
}

/* .wp-block-button__link: primary-filled block button */
.entry-content .wp-block-button__link {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 52px;
	padding: 14px 36px;
	border: 1.5px solid var(--si-color-primary);
	border-radius: var(--si-btn-radius);
	background: var(--si-color-primary);
	box-shadow: var(--si-btn-shadow-primary);
	font-family: inherit;
	font-size: 16px;
	font-weight: 700;
	line-height: 24px;
	color: #ffffff;
	text-decoration: none;
	cursor: pointer;
	transition: background 0.2s ease, border-color 0.2s ease, color 0.2s ease, box-shadow 0.2s ease;
}

/* .wp-block-button__link:hover: darker primary on button hover */
.entry-content .wp-block-button__link:hover,
/* .wp-block-button__link:hover: darker primary on button hover */
.entry-content .wp-block-button__link:focus-visible {
	background: var(--si-color-primary-dark);
	border-color: var(--si-color-primary-dark);
	color: #ffffff;
}

/* .is-style-outline .wp-block-button__link: outlined block button */
.entry-content .wp-block-button.is-style-outline .wp-block-button__link {
	background: var(--si-color-bg);
	color: var(--si-color-primary);
	box-shadow: none;
}

/* .is-style-outline hover: tinted fill on outline button */
.entry-content .wp-block-button.is-style-outline .wp-block-button__link:hover,
/* .is-style-outline hover: tinted fill on outline button */
.entry-content .wp-block-button.is-style-outline .wp-block-button__link:focus-visible {
	background: var(--si-color-bg-tint);
	color: var(--si-color-primary-dark);
	border-color: var(--si-color-primary-dark);
}

/* === Separator === */

/* hr, .wp-block-separator: horizontal rule divider */
.entry-content hr,
/* hr, .wp-block-separator: horizontal rule divider */
.entry-content .wp-block-separator {
	margin: 40px 0;
	border: 0;
	border-top: 1px solid #e5e7eb;
}

/* .is-style-wide: thicker separator line */
.entry-content .wp-block-separator.is-style-wide {
	border-top-width: 2px;
}

/* .is-style-dots: dot-style separator */
.entry-content .wp-block-separator.is-style-dots {
	border: 0;
	height: auto;
	text-align: center;
}

/* .is-style-dots::before: centered dot characters */
.entry-content .wp-block-separator.is-style-dots::before {
	content: "···";
	color: var(--si-color-muted);
	font-size: 24px;
	letter-spacing: 1em;
	padding-left: 1em;
}

/* === Code & preformatted === */

/* code: inline code with gray background */
.entry-content code,
/* code: inline code with gray background */
.entry-content .wp-block-code code {
	padding: 0.15em 0.4em;
	border-radius: 4px;
	background: #f3f4f6;
	font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
	font-size: 0.9em;
	color: #1f2937;
}

/* pre, .wp-block-code, .wp-block-preformatted: dark code block */
.entry-content pre,
.entry-content .wp-block-code,
/* pre, .wp-block-code, .wp-block-preformatted: dark code block */
.entry-content .wp-block-preformatted {
	margin: 24px 0;
	padding: 1.25rem 1.5rem;
	border-radius: var(--si-radius-md);
	background: #1f2937;
	color: #f9fafb;
	overflow-x: auto;
	font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
	font-size: 15px;
	line-height: 1.6;
}

/* pre code: inherit styles inside preformatted block */
.entry-content pre code,
/* pre code: inherit styles inside preformatted block */
.entry-content .wp-block-code code {
	padding: 0;
	background: transparent;
	color: inherit;
	font-size: inherit;
}

/* .wp-block-verse: poetry block with soft background */
.entry-content .wp-block-verse {
	margin: 24px 0;
	padding: 1.25rem 1.5rem;
	border-radius: var(--si-radius-md);
	background: #f9fafb;
	font-family: inherit;
	white-space: pre-wrap;
}

/* === Tables (Matching Photo 3 Design) === */

.entry-content .wp-block-table {
	width: 100%;
	margin: 36px 0;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
	border: none;
}

.entry-content table,
.entry-content .wp-block-table table {
	width: 100%;
	border-collapse: separate;
	border-spacing: 0;
	margin: 0;
	font-size: 15px;
	line-height: 1.6;
	border: none;
}

/* Header Row Bar - Rounded light gray background pill */
.entry-content thead tr,
.entry-content .wp-block-table thead tr,
.entry-content tr:first-child:has(th) {
	background: #f1f3f5;
}

.entry-content th,
.entry-content .wp-block-table th {
	background: #f1f3f5 !important;
	padding: 14px 24px !important;
	font-size: 12px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.06em;
	color: #4b5563;
	border: none !important;
	text-align: left;
	vertical-align: middle;
}

.entry-content thead tr th:first-child,
.entry-content tr:first-child th:first-child,
.entry-content .wp-block-table thead tr th:first-child {
	border-top-left-radius: 8px;
	border-bottom-left-radius: 8px;
}

.entry-content thead tr th:last-child,
.entry-content tr:first-child th:last-child,
.entry-content .wp-block-table thead tr th:last-child {
	border-top-right-radius: 8px;
	border-bottom-right-radius: 8px;
}

/* Body Cells - Spacious, clean horizontal dividers, no vertical borders */
.entry-content td,
.entry-content .wp-block-table td {
	padding: 14px 24px !important;
	border-top: none !important;
	border-left: none !important;
	border-right: none !important;
	border-bottom: 1px solid #e5e7eb !important;
	text-align: left;
	vertical-align: top;
	background: transparent;
	transition: background-color 0.2s ease;
}

/* First Column (e.g. "WHAT THE CLIENT SAYS") */
.entry-content tbody tr td:first-child,
.entry-content tr td:first-child {
	color: #1f2937;
	font-weight: 500;
	width: 38%;
}

/* Second Column (e.g. "A CALM REPLY") */
.entry-content tbody tr td:nth-child(2),
.entry-content tr td:nth-child(2) {
	color: #4b5563;
	font-weight: 400;
}

/* Hover on body row */
.entry-content tbody tr:hover td {
	background-color: #fafbfd;
}

/* Table Caption */
.entry-content .wp-block-table figcaption {
	margin-top: 12px;
	font-size: 13px;
	color: #6b7280;
	text-align: left;
}

/* === Blog FAQ Accordion Section (Matching Photo 2) === */
.blog-faq-section {
	width: 100%;
	margin: 48px 0;
	box-sizing: border-box;
}

.blog-faq__layout {
	display: grid;
	grid-template-columns: 280px 1fr;
	gap: 48px;
	align-items: flex-start;
}

.blog-faq__header {
	display: flex;
	flex-direction: column;
	gap: 12px;
}

.blog-faq__title {
	font-size: clamp(24px, 3vw, 32px);
	font-weight: 700;
	color: #0d0e1c;
	margin: 0;
	line-height: 1.25;
}

.blog-faq__subtitle {
	font-size: 15px;
	line-height: 1.6;
	color: #6b7280;
	margin: 0;
}

.blog-faq__accordion {
	display: flex;
	flex-direction: column;
	gap: 12px;
	width: 100%;
}

.blog-faq__item {
	background: #ffffff;
	border: 1px solid #e5e7eb;
	border-radius: 8px;
	overflow: hidden;
	transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.blog-faq__item:hover {
	border-color: #cbd5e1;
}

.blog-faq__item.is-open {
	border-color: #1e293b;
	box-shadow: 0 4px 14px rgba(0, 0, 0, 0.04);
}

.blog-faq__toggle {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	padding: 16px 20px;
	background: transparent;
	border: none;
	text-align: left;
	cursor: pointer;
	font: inherit;
	color: #0d0e1c;
}

.blog-faq__question {
	font-size: 16px;
	font-weight: 600;
	line-height: 1.4;
	color: #0d0e1c;
	flex: 1;
}

.blog-faq__icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	color: #64748b;
	transition: transform 0.25s ease, color 0.2s ease;
	flex-shrink: 0;
}

.blog-faq__item.is-open .blog-faq__icon {
	transform: rotate(180deg);
	color: #0d0e1c;
}

.blog-faq__answer {
	padding: 0 20px 18px;
}

.blog-faq__item:not(.is-open) .blog-faq__answer,
.blog-faq__answer[hidden] {
	display: none !important;
}

.blog-faq__item.is-open .blog-faq__answer {
	display: block !important;
}

.blog-faq__answer p {
	margin: 0;
	font-size: 15px;
	line-height: 1.65;
	color: #4b5563;
}

/* Core Details / Accordion block — same look as the FAQ section */
.entry-content details.wp-block-details {
	box-sizing: border-box;
	background: #ffffff;
	border: 1px solid #e2e2e2;
	border-radius: 18px;
	margin: 10px 0;
	padding: 0;
	overflow: hidden;
	box-shadow: none;
	transition: border-color 0.25s ease, box-shadow 0.25s ease;
}

.entry-content details.wp-block-details summary {
	position: relative;
	display: block;
	list-style: none;
	cursor: pointer;
	padding: 20px 67px 20px 24px;
	font-size: 18px;
	font-weight: 700;
	line-height: 23px;
	color: #0d0e1c;
}

.entry-content details.wp-block-details summary::-webkit-details-marker {
	display: none;
}

.entry-content details.wp-block-details summary::after {
	content: "";
	position: absolute;
	right: 20px;
	top: 50%;
	width: 27px;
	height: 27px;
	margin-top: -13.5px;
	border-radius: 50%;
	background: linear-gradient(#0d0e1c, #0d0e1c) center / 8px 1.4px no-repeat, linear-gradient(#0d0e1c, #0d0e1c) center / 1.4px 8px no-repeat, #fafafa;
}

.entry-content details.wp-block-details[open] summary::after {
	background: linear-gradient(#0d0e1c, #0d0e1c) center / 8px 1.4px no-repeat, #fafafa;
}

.entry-content details.wp-block-details > :not(summary) {
	margin: 0;
	padding: 0 24px;
	font-size: 16px;
	line-height: 24px;
	color: #6b7280;
}

.entry-content details.wp-block-details > :not(summary) + :not(summary) {
	margin-top: 12px;
}

.entry-content details.wp-block-details > ul:not(summary),
.entry-content details.wp-block-details > ol:not(summary) {
	padding-left: 44px;
}

.entry-content details.wp-block-details > :last-child:not(summary) {
	padding-bottom: 20px;
}

/* Core Accordion block — same look as the FAQ section */
.entry-content .wp-block-accordion {
	display: flex;
	flex-direction: column;
	gap: 10px;
	margin: 24px 0;
}

.entry-content .wp-block-accordion .wp-block-accordion-item {
	box-sizing: border-box;
	margin: 0;
	background: #ffffff;
	border: 1px solid #e2e2e2;
	border-radius: 18px;
	overflow: hidden;
	box-shadow: none;
	transition: border-color 0.25s ease, box-shadow 0.25s ease;
}

.entry-content .wp-block-accordion .wp-block-accordion-heading {
	margin: 0;
	font-size: inherit;
	line-height: inherit;
}

.entry-content .wp-block-accordion .wp-block-accordion-heading__toggle {
	gap: 20px;
	padding: 20px 20px 20px 24px;
	font-size: 18px;
	font-weight: 700;
	line-height: 23px;
	color: #0d0e1c;
	text-align: left;
	text-decoration: none;
}

.entry-content .wp-block-accordion .wp-block-accordion-heading__toggle:hover .wp-block-accordion-heading__toggle-title {
	text-decoration: none;
}

.entry-content .wp-block-accordion .wp-block-accordion-heading__toggle-icon {
	flex-shrink: 0;
	width: 27px;
	height: 27px;
	border-radius: 50%;
	font-size: 0;
	line-height: 0;
	background: linear-gradient(#0d0e1c, #0d0e1c) center / 8px 1.4px no-repeat, linear-gradient(#0d0e1c, #0d0e1c) center / 1.4px 8px no-repeat, #fafafa;
	transform: none;
}

.entry-content .wp-block-accordion .wp-block-accordion-item.is-open > .wp-block-accordion-heading .wp-block-accordion-heading__toggle-icon {
	background: linear-gradient(#0d0e1c, #0d0e1c) center / 8px 1.4px no-repeat, #fafafa;
	transform: none;
}

.entry-content .wp-block-accordion .wp-block-accordion-panel {
	margin: 0;
	padding: 0 24px 20px;
	font-size: 16px;
	line-height: 24px;
	color: #6b7280;
}

.entry-content .wp-block-accordion .wp-block-accordion-panel > * {
	margin: 0;
	font-size: inherit;
	line-height: inherit;
	color: inherit;
}

.entry-content .wp-block-accordion .wp-block-accordion-panel > * + * {
	margin-top: 12px;
}

.entry-content .wp-block-accordion .wp-block-accordion-panel li {
	margin-bottom: 6px;
}

/* FAQ Accordion block — same look as the FAQ section */
.blog-faq__accordion {
	gap: 10px;
}

.blog-faq__item {
	box-sizing: border-box;
	border: 1px solid #e2e2e2;
	border-radius: 18px;
	box-shadow: none;
}

.blog-faq__item:hover {
	border-color: #e2e2e2;
}

.blog-faq__item.is-open {
	border-color: #e2e2e2;
	box-shadow: none;
}

.blog-faq__toggle {
	gap: 20px;
	padding: 20px 20px 20px 24px;
}

.blog-faq__question {
	font-size: 18px;
	font-weight: 700;
	line-height: 23px;
	color: #0d0e1c;
}

.blog-faq__icon,
.blog-faq__item.is-open .blog-faq__icon {
	width: 27px;
	height: 27px;
	border-radius: 50%;
	transform: none;
}

.blog-faq__icon {
	background: linear-gradient(#0d0e1c, #0d0e1c) center / 8px 1.4px no-repeat, linear-gradient(#0d0e1c, #0d0e1c) center / 1.4px 8px no-repeat, #fafafa;
}

.blog-faq__item.is-open .blog-faq__icon {
	background: linear-gradient(#0d0e1c, #0d0e1c) center / 8px 1.4px no-repeat, #fafafa;
}

.blog-faq__icon svg {
	display: none;
}

.blog-faq__answer {
	padding: 0 24px 20px;
}

.blog-faq__answer p {
	font-size: 16px;
	line-height: 24px;
	color: #6b7280;
}

@media (max-width: 860px) {
	.blog-faq__layout {
		grid-template-columns: 1fr;
		gap: 24px;
	}

	.blog-faq__header {
		max-width: 100%;
	}
}

/* === Columns & layout blocks === */

/* .wp-block-columns: responsive multi-column row */
.entry-content .wp-block-columns {
	display: flex;
	flex-wrap: wrap;
	gap: 24px;
	margin: 32px 0;
}

/* .wp-block-column: equal-width flex column */
.entry-content .wp-block-column {
	flex: 1 1 0;
	min-width: 0;
}

/* .wp-block-group: grouped block vertical spacing */
.entry-content .wp-block-group {
	margin: 32px 0;
}

/* .wp-block-group.has-background: padded group with background */
.entry-content .wp-block-group.has-background {
	padding: 24px;
	border-radius: var(--si-radius-md);
}

/* .wp-block-media-text: image and text side-by-side grid */
.entry-content .wp-block-media-text {
	display: grid;
	gap: 24px;
	margin: 40px 0 0;
	align-items: center;
}

/* .wp-block-media-text__media img: rounded media in media-text block */
.entry-content .wp-block-media-text__media img {
	border-radius: var(--si-radius-lg);
}

/* .wp-block-cover: full-width cover image block */
.entry-content .wp-block-cover {
	margin: 40px 0 0;
	border-radius: var(--si-radius-lg);
	overflow: hidden;
	min-height: 280px;
}

/* .wp-block-cover__inner-container: padded content over cover image */
.entry-content .wp-block-cover__inner-container {
	padding: 32px;
}

/* === File, details, calendar === */

/* .wp-block-file: file download block spacing */
.entry-content .wp-block-file {
	margin: 24px 0;
}

/* .wp-block-file__button: primary download button */
.entry-content .wp-block-file a.wp-block-file__button {
	display: inline-flex;
	align-items: center;
	min-height: 44px;
	padding: 10px 20px;
	border-radius: var(--si-btn-radius);
	background: var(--si-color-primary);
	color: #ffffff;
	font-weight: 700;
	text-decoration: none;
}

/* .wp-block-file__button:hover: darker primary on download hover */
.entry-content .wp-block-file a.wp-block-file__button:hover {
	background: var(--si-color-primary-dark);
	color: #ffffff;
}

/* .wp-block-details: bordered expandable details block */
.entry-content .wp-block-details {
	margin: 24px 0;
	padding: 16px 20px;
	border: 1px solid #e5e7eb;
	border-radius: var(--si-radius-md);
}

/* summary: bold clickable details summary */
.entry-content .wp-block-details summary {
	font-weight: 700;
	color: var(--si-color-heading-alt);
	cursor: pointer;
}

/* details children: spacing below summary */
.entry-content .wp-block-details > *:not(summary) {
	margin-top: 12px;
}

/* .wp-block-calendar: calendar widget spacing */
.entry-content .wp-block-calendar {
	margin: 24px 0;
}

/* .wp-block-calendar table: remove extra table margin */
.entry-content .wp-block-calendar table {
	margin: 0;
}

/* === Spacer & clearfix === */

/* .wp-block-spacer: neutralize default spacer margin */
.entry-content .wp-block-spacer {
	margin: 0;
}

/* .entry-content::after: clear floats after aligned images */
.entry-content::after {
	content: "";
	display: table;
	clear: both;
}

/* === Wide / full alignment (within article column) === */

/* > .alignwide: direct child wide alignment full width */
.entry-content > .alignwide {
	width: 100%;
	max-width: 100%;
}

/* === Responsive === */

/* Tablet breakpoint — stack columns vertically */
@media (max-width: 1024px) {
	/* .wp-block-columns: stack columns vertically on tablet */
	.entry-content .wp-block-columns {
		flex-direction: column;
	}

	/* .wp-block-media-text: single column on tablet */
	.entry-content .wp-block-media-text {
		grid-template-columns: 1fr !important;
	}
}

/* Mobile breakpoint — unfloat images and full-width buttons */
@media (max-width: 640px) {
	/* .alignleft, .alignright: unfloat images on mobile */
	.entry-content .alignleft,
	/* .alignleft, .alignright: unfloat images on mobile */
	.entry-content .alignright {
		float: none;
		margin: 24px auto;
		max-width: 100%;
	}

	/* .wp-block-button__link: full-width buttons on mobile */
	.entry-content .wp-block-button__link {
		width: 100%;
	}
}