/* ==========================================================
   LawyerAI blog: app visual system
   Mirrors the product's light theme (app/static/css/brand.css):
   lavender atmosphere, white bordered panels, 16px cards,
   14px controls, quiet uppercase labels, no decorative effects.
   Loaded last on blog pages; scoped to body.lai-blog.
   ========================================================== */

body.lai-blog {
	--lai-purple: #7655e9;
	--lai-purple-deep: #6545e7;
	--lai-purple-hover: #6848df;
	--lai-gradient: linear-gradient(135deg, #7655e9 0%, #a66deb 100%);
	--lai-gradient-hover: linear-gradient(135deg, #6848df 0%, #985edf 100%);
	--lai-text: #251d42;
	--lai-text-2: #4e4568;
	--lai-text-sub: #5c5478;
	--lai-muted: #81768f;
	--lai-border: #ded8ef;
	--lai-border-soft: #e8e3f1;
	--lai-border-hover: rgba(118, 85, 233, 0.36);
	--lai-surface: #ffffff;
	--lai-surface-soft: #f8f6fc;
	--lai-control: #ede9fb;
	--lai-control-text: #5b4d8c;
	--lai-active: #e4ddfb;
	--lai-soft-hover: rgba(118, 85, 233, 0.075);
	--lai-focus: rgba(118, 85, 233, 0.18);
	--lai-radius-panel: 20px;
	--lai-radius-card: 16px;
	--lai-radius-control: 14px;
	--lai-radius-small: 10px;
	--lai-shadow-panel: 0 14px 34px rgba(82, 61, 141, 0.08), inset 0 1px 0 rgba(255, 255, 255, 0.8);
	--lai-shadow-control: 0 8px 18px rgba(118, 85, 233, 0.2);
	--lai-font: "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;

	background:
		radial-gradient(circle at top right, rgba(162, 132, 255, 0.22), transparent 30%),
		linear-gradient(155deg, #fbfbff 0%, #f0edff 100%) !important;
	background-attachment: fixed !important;
	color: var(--lai-text);
	font-family: var(--lai-font);
}

/* Let the atmosphere show through Divi and plugin wrappers. */
body.lai-blog #page-container,
body.lai-blog #et-main-area,
body.lai-blog #main-content,
body.lai-blog #main-content .container,
body.lai-blog .et-l--post,
body.lai-blog .et-l--post .et_pb_section,
body.lai-blog .sd-blog-section,
body.lai-blog .sd-blog-hub,
body.lai-blog .sd-blog-hub__section,
body.lai-blog .sd-blog-hub__section--soft,
body.lai-blog .sd-blog-hub__hero,
body.lai-blog .sd-blog-hub__cta-section,
body.lai-blog .sd-blog-archive__intro,
body.lai-blog .sd-cat-hero,
body.lai-blog .sd-cat-start,
body.lai-blog .sd-search-hero,
body.lai-blog .sd-topic-hub__hero {
	background: transparent !important;
}

/* ==========================================================
   Page width: match the site header container (1240px, 24px gutters)
   ========================================================== */

body.lai-blog .sd-blog-hub {
	--sd-bh-page-width: 1240px;
}

body.lai-blog .sd-blog-hub__container {
	width: min(var(--sd-bh-page-width), calc(100% - 48px));
}

body.lai-blog.sd-search {
	--sd-search-container: 1240px;
}

body.lai-blog.sd-search #main-content .sd-search-container,
body.lai-blog.sd-search .sd-search-container {
	width: min(calc(100% - 48px), var(--sd-search-container));
}

body.sd-blog-single.lai-blog .et_pb_section.sd-blog-section > .et_pb_row,
body.sd-blog-single.lai-blog.et_pb_gutters3 .et_pb_row.sd-article-grid,
body.sd-blog-single.lai-blog .et_pb_row.sd-article-grid {
	width: min(1240px, calc(100% - 48px)) !important;
	max-width: 1240px !important;
}

body.sd-blog-single.lai-blog.et_pb_pagebuilder_layout.single.et_full_width_page:not(.et-tb-has-body) .et_post_meta_wrapper,
body.sd-blog-single.lai-blog .sd-comments {
	max-width: 1240px;
}

@media (max-width: 980px) {
	body.sd-blog-single.lai-blog .et_pb_section.sd-blog-section > .et_pb_row,
	body.sd-blog-single.lai-blog.et_pb_gutters3 .et_pb_row.sd-article-grid,
	body.sd-blog-single.lai-blog .et_pb_row.sd-article-grid {
		width: min(1240px, calc(100% - 48px)) !important;
	}
}

@media (max-width: 768px) {
	body.lai-blog .sd-blog-hub__container,
	body.lai-blog.sd-search #main-content .sd-search-container,
	body.lai-blog.sd-search .sd-search-container {
		width: min(var(--sd-bh-page-width, 1240px), calc(100% - 28px));
	}

	body.sd-blog-single.lai-blog .et_pb_section.sd-blog-section > .et_pb_row,
	body.sd-blog-single.lai-blog.et_pb_gutters3 .et_pb_row.sd-article-grid,
	body.sd-blog-single.lai-blog .et_pb_row.sd-article-grid {
		width: min(1240px, calc(100% - 28px)) !important;
	}
}

/* ==========================================================
   Typography
   ========================================================== */

body.lai-blog .sd-blog-hub h1,
body.lai-blog .sd-blog-hub h2,
body.lai-blog .sd-blog-hub h3,
body.lai-blog .sd-blog-hub__hero-title,
body.lai-blog .sd-blog-hub__section-title,
body.lai-blog .sd-blog-archive__title,
body.lai-blog .sd-hero-title,
body.lai-blog .sd-cat-hero h1,
body.lai-blog .sd-search-hero h1,
body.lai-blog .sd-topic-hub__hero h1 {
	color: var(--lai-text);
	font-family: var(--lai-font);
	font-weight: 700;
	letter-spacing: -0.025em;
}

body.lai-blog .sd-blog-hub__hero-title {
	font-size: clamp(34px, 3.6vw, 48px);
	line-height: 1.06;
}

body.lai-blog .sd-blog-hub__section-title {
	font-size: clamp(24px, 2.4vw, 30px);
	line-height: 1.12;
}

body.lai-blog .sd-blog-hub__hero-copy,
body.lai-blog .sd-blog-hub__section-desc,
body.lai-blog .sd-blog-archive__desc {
	color: var(--lai-text-sub);
	font-size: 16px;
	line-height: 1.6;
}

/* App-style eyebrow labels: small uppercase, muted, no pill. */
body.lai-blog .sd-blog-hub__kicker,
body.lai-blog .sd-blog-card__eyebrow,
body.lai-blog .sd-hero-category,
body.lai-blog .sd-section-eyebrow,
body.lai-blog .sd-sidebar-kicker,
body.lai-blog .sd-sidebar-cta-label,
body.lai-blog .sd-content-cta-eyebrow,
body.lai-blog .sd-blog-hub__cta-eyebrow,
body.lai-blog .sd-short-answer-label,
body.lai-blog .sd-key-takeaway-label,
body.lai-blog .sd-callout-label,
body.lai-blog .sd-more-reads-kicker,
body.lai-blog .sd-author-label,
body.lai-blog .sd-toc-drawer-kicker,
body.lai-blog .sd-comments-eyebrow,
body.lai-blog .sd-comment-form-eyebrow,
body.lai-blog .sd-cat-label,
body.lai-blog .sd-search-result-type {
	display: inline-block;
	min-height: 0;
	margin-bottom: 8px;
	padding: 0;
	border: 0;
	border-radius: 0;
	background: none;
	box-shadow: none;
	color: var(--lai-muted);
	font-family: var(--lai-font);
	font-size: 11.5px;
	font-weight: 600;
	line-height: 1.3;
	letter-spacing: 0.06em;
	text-transform: uppercase;
}

body.lai-blog .sd-blog-hub__kicker::before,
body.lai-blog .sd-cat-hero__eyebrow::before,
body.lai-blog .sd-search-eyebrow-dot {
	display: none;
}

body.lai-blog .sd-hero-category {
	color: var(--lai-purple-deep);
}

/* ==========================================================
   Post header
   ========================================================== */

body.lai-blog .sd-editorial-hero {
	margin-bottom: 32px;
}

body.lai-blog .sd-hero-breadcrumbs {
	margin-bottom: 28px;
	color: var(--lai-muted);
}

body.lai-blog .sd-hero-intro {
	max-width: 940px;
	margin: 0 auto;
	text-align: center;
}

body.lai-blog .sd-hero-title {
	max-width: 940px;
	margin: 0 auto 16px;
	font-size: clamp(36px, 4.2vw, 54px);
	line-height: 1.06;
	text-align: center;
	text-wrap: balance;
}

body.lai-blog .sd-hero-meta {
	justify-content: center;
	margin: 0 auto 22px;
	color: var(--lai-muted);
	font-size: 13px;
}

body.lai-blog .sd-hero-meta-author,
body.lai-blog .sd-meta-author {
	color: var(--lai-text);
	font-weight: 600;
}

body.lai-blog .sd-hero-meta-dot {
	width: 3px;
	height: 3px;
	background: var(--lai-border);
}

body.lai-blog .sd-featured-wrap {
	width: 100%;
	max-width: 760px;
	margin: 30px auto 0;
}

body.lai-blog .sd-featured-wrap:has(.sd-featured-image--empty) {
	display: none;
}

body.lai-blog .sd-featured-frame {
	padding: 0;
	border: 1px solid var(--lai-border-soft);
	border-radius: var(--lai-radius-card);
	box-shadow: var(--lai-shadow-panel);
}

body.lai-blog .sd-featured-frame::before,
body.lai-blog .sd-featured-frame::after {
	content: none;
}

body.lai-blog .sd-featured-image {
	border-radius: 0;
}

/* Short answer: plain panel with a single accent rule. */
body.lai-blog .sd-short-answer {
	max-width: 860px;
	margin: 0;
	padding: 0;
	overflow: visible;
	border: 1px solid var(--lai-border-soft);
	border-left: 3px solid var(--lai-purple);
	border-radius: 12px;
	background: var(--lai-surface);
	box-shadow: none;
}

body.lai-blog .sd-short-answer::before,
body.lai-blog .sd-short-answer::after {
	content: none;
	animation: none;
}

body.lai-blog .sd-short-answer-inner {
	padding: 16px 20px;
}

body.lai-blog .sd-short-answer-text,
body.lai-blog .sd-short-answer-text p,
body.lai-blog .sd-short-answer p {
	color: var(--lai-text-2);
}

/* ==========================================================
   Article layout
   ========================================================== */

body.lai-blog .sd-article-grid {
	gap: 32px;
}

body.lai-blog #article-content {
	padding: 40px 44px !important;
	border: 1px solid var(--lai-border-soft);
	border-radius: var(--lai-radius-panel);
	background: var(--lai-surface);
	box-shadow: var(--lai-shadow-panel);
}

body.lai-blog .sd-article-body {
	color: var(--lai-text-2);
	font-size: 17px;
	line-height: 1.72;
}

body.lai-blog .sd-article-body h2 {
	color: var(--lai-text);
	font-size: clamp(24px, 2.4vw, 29px);
	font-weight: 700;
	line-height: 1.18;
	letter-spacing: -0.02em;
}

body.lai-blog .sd-article-body h3 {
	color: var(--lai-text);
	font-size: 20px;
	font-weight: 700;
	letter-spacing: -0.015em;
}

body.lai-blog .sd-article-body strong {
	color: var(--lai-text);
	font-weight: 700;
}

body.lai-blog .sd-article-body li::marker {
	color: var(--lai-purple);
}

body.lai-blog .sd-article-body blockquote {
	margin: 1.5em 0;
	padding: 2px 0 2px 20px;
	border-left: 3px solid var(--lai-purple);
	border-image: none;
	color: var(--lai-text);
	font-family: var(--lai-font);
	font-size: 19px;
	font-style: normal;
	font-weight: 500;
	line-height: 1.55;
	letter-spacing: 0;
}

/* Content blocks inside articles */
body.lai-blog .sd-key-takeaway-top,
body.lai-blog .sd-callout,
body.lai-blog .sd-related-inline,
body.lai-blog .sd-summary,
body.lai-blog .sd-shorthand,
body.lai-blog .sd-cycle,
body.lai-blog .sd-anecdote {
	border: 1px solid var(--lai-border-soft);
	border-radius: var(--lai-radius-card);
	background: var(--lai-surface-soft);
	box-shadow: none;
}

body.lai-blog .sd-key-takeaway-top {
	margin-bottom: 32px;
	padding: 24px 26px;
	border-left: 3px solid var(--lai-purple);
	background: var(--lai-surface);
}

body.lai-blog .sd-key-takeaway-top::before,
body.lai-blog .sd-summary::before {
	content: none;
}

body.lai-blog .sd-key-takeaway-top h2 {
	font-size: 22px;
	font-weight: 700;
	letter-spacing: -0.02em;
}

body.lai-blog .sd-key-takeaway-icon {
	min-width: 52px;
	min-height: 52px;
	width: 52px;
	height: 52px;
	border: 0;
	border-radius: 12px;
	background: var(--lai-control);
}

body.lai-blog .sd-key-takeaway-icon img {
	width: 28px;
	height: 28px;
}

body.lai-blog .sd-related-link:hover,
body.lai-blog .sd-more-reads-card:hover,
body.lai-blog .sd-blog-card__link:hover,
body.lai-blog .sd-topic-card__link:hover,
body.lai-blog .sd-glossary-card__link:hover,
body.lai-blog .sd-cat-card__link:hover,
body.lai-blog .sd-cat-lead__link:hover,
body.lai-blog .sd-search-result-card:hover {
	transform: none;
}

body.lai-blog .sd-article-body p:empty {
	display: none !important;
}

/* Tables */
body.lai-blog .lai-table-wrap {
	width: 100%;
	margin: 28px 0 32px;
	overflow-x: auto;
	border: 1px solid var(--lai-border-soft);
	border-radius: var(--lai-radius-card);
	background: var(--lai-surface);
	box-shadow: var(--lai-shadow-panel);
	-webkit-overflow-scrolling: touch;
}

body.lai-blog table.lai-table {
	width: 100%;
	min-width: 560px;
	margin: 0 !important;
	border: 0 !important;
	border-collapse: collapse;
	border-spacing: 0;
	font-family: var(--lai-font);
	table-layout: auto;
}

body.lai-blog table.lai-table th,
body.lai-blog table.lai-table td {
	padding: 15px 18px !important;
	border: 0 !important;
	border-bottom: 1px solid var(--lai-border-soft) !important;
	text-align: left;
	vertical-align: top;
}

body.lai-blog table.lai-table thead th {
	background: var(--lai-surface-soft);
	color: var(--lai-muted);
	font-size: 11.5px;
	font-weight: 600;
	line-height: 1.4;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	white-space: nowrap;
}

body.lai-blog table.lai-table tbody td {
	color: var(--lai-text-sub);
	font-size: 15px;
	line-height: 1.55;
}

body.lai-blog table.lai-table tbody td:first-child {
	color: var(--lai-text);
	font-weight: 600;
}

body.lai-blog table.lai-table tbody tr:last-child td {
	border-bottom: 0 !important;
}

body.lai-blog table.lai-table tbody tr:hover td {
	background: var(--lai-soft-hover);
}

@media (max-width: 767px) {
	body.lai-blog .lai-table-wrap {
		overflow: visible;
		border: 0;
		border-radius: 0;
		background: transparent;
		box-shadow: none;
	}

	body.lai-blog table.lai-table,
	body.lai-blog table.lai-table tbody,
	body.lai-blog table.lai-table tr,
	body.lai-blog table.lai-table td {
		display: block;
		width: 100%;
		min-width: 0;
	}

	body.lai-blog table.lai-table thead {
		position: absolute;
		width: 1px;
		height: 1px;
		overflow: hidden;
		clip: rect(0 0 0 0);
		white-space: nowrap;
	}

	body.lai-blog table.lai-table tbody tr {
		margin: 0 0 14px;
		padding: 4px 16px;
		border: 1px solid var(--lai-border-soft);
		border-radius: var(--lai-radius-card);
		background: var(--lai-surface);
		box-shadow: var(--lai-shadow-panel);
	}

	body.lai-blog table.lai-table tbody tr:last-child {
		margin-bottom: 0;
	}

	body.lai-blog table.lai-table tbody tr:hover td {
		background: transparent;
	}

	body.lai-blog table.lai-table tbody td {
		display: grid;
		grid-template-columns: minmax(96px, 40%) minmax(0, 1fr);
		gap: 14px;
		align-items: baseline;
		padding: 12px 0 !important;
		border-bottom: 1px solid var(--lai-border-soft) !important;
		text-align: right;
		font-size: 14.5px;
	}

	body.lai-blog table.lai-table tbody tr td:last-child {
		border-bottom: 0 !important;
	}

	body.lai-blog table.lai-table tbody td::before {
		content: attr(data-label);
		color: var(--lai-muted);
		font-size: 11px;
		font-weight: 600;
		line-height: 1.5;
		letter-spacing: 0.06em;
		text-align: left;
		text-transform: uppercase;
	}

	body.lai-blog table.lai-table tbody td:not([data-label])::before {
		content: none;
	}

	body.lai-blog table.lai-table tbody td:not([data-label]) {
		display: block;
	}
}

/* FAQ */
body.lai-blog .sd-faq-item {
	border-color: var(--lai-border-soft);
}

body.lai-blog .sd-faq-item summary::after {
	border-radius: 8px;
	background: var(--lai-control);
	color: var(--lai-control-text);
	transform: none;
}

/* FAQ pasted as plain <details>/<summary> markup in the FAQ module */
body.lai-blog .sd-faq-module .faq,
body.lai-blog .sd-faq-module > .et_pb_code_inner > section:not(.sd-faq) {
	margin-top: 56px;
	scroll-margin-top: var(--sd-scroll-offset, 112px);
}

body.lai-blog .sd-faq-module h2 {
	margin: 0 0 20px !important;
	padding: 0 !important;
	color: var(--lai-text);
	font-family: var(--lai-font);
	font-size: clamp(24px, 2.4vw, 29px);
	font-weight: 700;
	line-height: 1.18;
	letter-spacing: -0.02em;
}

body.lai-blog .sd-faq-module details:not(.sd-faq-item) {
	margin: 0 0 12px;
	border: 1px solid var(--lai-border-soft);
	border-radius: var(--lai-radius-card);
	background: var(--lai-surface);
	overflow: hidden;
	transition: border-color 0.16s ease, box-shadow 0.16s ease;
}

body.lai-blog .sd-faq-module details:not(.sd-faq-item):hover {
	border-color: var(--lai-border);
}

body.lai-blog .sd-faq-module details:not(.sd-faq-item)[open] {
	border-color: var(--lai-border);
	box-shadow: var(--lai-shadow-panel);
}

body.lai-blog .sd-faq-module details:not(.sd-faq-item) > summary {
	position: relative;
	display: block;
	padding: 20px 60px 20px 22px;
	color: var(--lai-text);
	font-family: var(--lai-font);
	font-size: 16px;
	font-weight: 700;
	line-height: 1.45;
	list-style: none;
	cursor: pointer;
	transition: background 0.16s ease;
}

body.lai-blog .sd-faq-module details:not(.sd-faq-item) > summary::-webkit-details-marker {
	display: none;
}

body.lai-blog .sd-faq-module details:not(.sd-faq-item) > summary::marker {
	content: "";
}

body.lai-blog .sd-faq-module details:not(.sd-faq-item) > summary::after {
	content: "+";
	position: absolute;
	top: 50%;
	right: 20px;
	display: grid;
	place-items: center;
	width: 26px;
	height: 26px;
	margin-top: -13px;
	border-radius: 8px;
	background: var(--lai-control);
	color: var(--lai-control-text);
	font-size: 18px;
	font-weight: 600;
	line-height: 1;
}

body.lai-blog .sd-faq-module details:not(.sd-faq-item) > summary:hover {
	background: var(--lai-soft-hover);
}

body.lai-blog .sd-faq-module details:not(.sd-faq-item)[open] > summary {
	background: var(--lai-surface-soft);
}

body.lai-blog .sd-faq-module details:not(.sd-faq-item)[open] > summary::after {
	content: "\2212";
	background: var(--lai-active);
}

body.lai-blog .sd-faq-module details:not(.sd-faq-item) > summary:focus-visible {
	outline: 3px solid var(--lai-focus);
	outline-offset: -3px;
}

body.lai-blog .sd-faq-module details:not(.sd-faq-item) > :not(summary) {
	margin: 0 !important;
	padding: 0 22px 14px !important;
	color: var(--lai-text-sub);
	font-size: 15.5px;
	line-height: 1.72;
}

body.lai-blog .sd-faq-module details:not(.sd-faq-item) > summary + * {
	padding-top: 16px !important;
}

body.lai-blog .sd-faq-module details:not(.sd-faq-item) > :last-child:not(summary) {
	padding-bottom: 22px !important;
}

@media (max-width: 767px) {
	body.lai-blog .sd-faq-module details:not(.sd-faq-item) > summary {
		padding: 18px 54px 18px 18px;
		font-size: 15.5px;
	}

	body.lai-blog .sd-faq-module details:not(.sd-faq-item) > summary::after {
		right: 16px;
	}

	body.lai-blog .sd-faq-module details:not(.sd-faq-item) > :not(summary) {
		padding-left: 18px !important;
		padding-right: 18px !important;
		font-size: 15px;
	}
}

/* ==========================================================
   Cards: author, more reads, CTAs, sidebar
   ========================================================== */

body.lai-blog .sd-author-box,
body.lai-blog .sd-more-reads,
body.lai-blog .sd-sidebar-card,
body.lai-blog .sd-content-cta,
body.lai-blog .sd-sidebar-cta,
body.lai-blog .sd-blog-hub__site-cta,
body.lai-blog .sd-cat-join__card,
body.lai-blog .sd-cat-tools,
body.lai-blog .sd-cat-step,
body.lai-blog .sd-cat-related,
body.lai-blog .sd-search-no-results {
	border: 1px solid var(--lai-border-soft);
	border-radius: var(--lai-radius-card);
	background: var(--lai-surface);
	box-shadow: var(--lai-shadow-panel);
}

body.lai-blog .sd-author-box,
body.lai-blog .sd-more-reads,
body.lai-blog .sd-content-cta {
	background: var(--lai-surface-soft);
	box-shadow: none;
}

body.lai-blog .sd-author-avatar,
body.lai-blog .sd-comment-avatar {
	background: var(--lai-purple);
	color: #ffffff;
	font-weight: 700;
}

body.lai-blog .sd-content-cta {
	gap: 20px;
	margin-top: 40px;
	padding: 24px 26px;
}

body.lai-blog .sd-content-cta h3,
body.lai-blog .sd-sidebar-cta h3,
body.lai-blog .sd-blog-hub__site-cta h2 {
	color: var(--lai-text);
	font-family: var(--lai-font);
	font-size: 20px;
	font-weight: 700;
	line-height: 1.25;
	letter-spacing: -0.015em;
}

body.lai-blog .sd-content-cta p,
body.lai-blog .sd-sidebar-cta p,
body.lai-blog .sd-blog-hub__site-cta p {
	color: var(--lai-text-sub);
	font-size: 14.5px;
	line-height: 1.55;
}

body.lai-blog .sd-sidebar-cta {
	padding: 20px;
}

body.lai-blog .sd-sidebar-section {
	padding: 20px 14px 12px 16px;
}

body.lai-blog .sd-sidebar-title {
	color: var(--lai-text);
	font-family: var(--lai-font);
	font-size: 17px;
	font-weight: 700;
	letter-spacing: -0.015em;
}

/* Table of contents: app navigation states. */
body.lai-blog .sd-sidebar-toc a,
body.lai-blog .sd-toc-drawer-link {
	border-radius: var(--lai-radius-small);
	color: var(--lai-text-sub);
}

body.lai-blog .sd-sidebar-toc a::before,
body.lai-blog .sd-toc-drawer-link::before,
body.lai-blog .sd-toc-drawer-link--takeaway::before {
	content: none;
}

body.lai-blog .sd-sidebar-toc a:hover,
body.lai-blog .sd-toc-drawer-link:hover {
	background: var(--lai-soft-hover);
	color: var(--lai-text);
}

body.lai-blog .sd-sidebar-toc a.is-active,
body.lai-blog .sd-toc-drawer-link.is-active {
	background: var(--lai-active);
	color: var(--lai-text);
	font-weight: 600;
}

body.lai-blog .sd-reading-progress-fill {
	border-radius: 0;
	background: var(--lai-purple);
	box-shadow: none;
}

/* ==========================================================
   Buttons
   ========================================================== */

body.lai-blog .sd-button,
body.lai-blog .sd-blog-hub__cta-button,
body.lai-blog .sd-cat-btn--primary,
body.lai-blog .sd-cat-cta--strong,
body.lai-blog .sd-comment-submit {
	min-height: 44px;
	padding: 11px 18px;
	border: 0;
	border-radius: var(--lai-radius-control);
	background: var(--lai-gradient);
	color: #ffffff !important;
	font-family: var(--lai-font);
	font-size: 14px;
	font-weight: 700;
	letter-spacing: 0;
	box-shadow: var(--lai-shadow-control);
	transform: none;
	transition: background 0.16s ease, box-shadow 0.16s ease;
}

body.lai-blog .sd-button:hover,
body.lai-blog .sd-blog-hub__cta-button:hover,
body.lai-blog .sd-cat-btn--primary:hover,
body.lai-blog .sd-cat-cta--strong:hover,
body.lai-blog .sd-comment-submit:hover {
	background: var(--lai-gradient-hover);
	color: #ffffff !important;
	box-shadow: 0 10px 24px rgba(118, 85, 233, 0.24);
	transform: none;
}

body.lai-blog .sd-cat-btn--secondary,
body.lai-blog .sd-cat-btn--ghost,
body.lai-blog .sd-comment-reply,
body.lai-blog .sd-comment-card .comment-reply-link,
body.lai-blog .sd-toc-toggle,
body.lai-blog .sd-toc-drawer-footer-close {
	border: 0;
	border-radius: var(--lai-radius-small);
	background: var(--lai-control);
	color: var(--lai-control-text) !important;
	font-weight: 600;
	box-shadow: none;
	transform: none;
}

/* ==========================================================
   Comments
   ========================================================== */

body.lai-blog .sd-comment-form-wrap,
body.lai-blog .sd-comments #respond {
	border: 1px solid var(--lai-border-soft);
	border-radius: var(--lai-radius-card);
	background: var(--lai-surface-soft);
	box-shadow: none;
}

body.lai-blog .sd-comment-form-wrap::before,
body.lai-blog .sd-comments #respond::before {
	content: none;
}

body.lai-blog .sd-comments-count {
	border-radius: 8px;
	background: var(--lai-control);
	color: var(--lai-control-text);
}

body.lai-blog .sd-comment-form input[type="text"],
body.lai-blog .sd-comment-form input[type="email"],
body.lai-blog .sd-comment-form input[type="url"],
body.lai-blog .sd-comment-form textarea {
	border: 1px solid rgba(118, 85, 233, 0.2);
	border-radius: 12px;
	background: rgba(255, 255, 255, 0.88);
	color: var(--lai-text);
	font-family: var(--lai-font);
}

body.lai-blog .sd-comment-form input:focus,
body.lai-blog .sd-comment-form textarea:focus {
	border-color: var(--lai-purple);
	box-shadow: 0 0 0 3px var(--lai-focus);
	outline: none;
}

/* ==========================================================
   Hub, category, topic and search listings
   ========================================================== */

body.lai-blog .sd-blog-hub__hero {
	padding: 56px 0 40px;
}

body.lai-blog .sd-blog-card,
body.lai-blog .sd-topic-card,
body.lai-blog .sd-glossary-card,
body.lai-blog .sd-cat-card,
body.lai-blog .sd-cat-lead__link,
body.lai-blog .sd-search-result-card,
body.lai-blog .sd-more-reads-card {
	border-color: var(--lai-border-soft);
	border-radius: var(--lai-radius-card);
	box-shadow: none;
}

body.lai-blog .sd-blog-card__link,
body.lai-blog .sd-topic-card__link,
body.lai-blog .sd-glossary-card__link,
body.lai-blog .sd-cat-card__link,
body.lai-blog .sd-cat-lead__link,
body.lai-blog .sd-search-result-card {
	transition: border-color 0.16s ease, box-shadow 0.16s ease;
}

body.lai-blog .sd-blog-card__link:hover,
body.lai-blog .sd-topic-card__link:hover,
body.lai-blog .sd-glossary-card__link:hover,
body.lai-blog .sd-cat-card__link:hover,
body.lai-blog .sd-cat-lead__link:hover,
body.lai-blog .sd-search-result-card:hover {
	border-color: var(--lai-border-hover);
	box-shadow: var(--lai-shadow-panel);
}

body.lai-blog .sd-blog-card__title,
body.lai-blog .sd-more-reads-card-title {
	color: var(--lai-text);
	font-weight: 700;
	letter-spacing: -0.015em;
}

body.lai-blog .sd-blog-hub__img-fallback,
body.lai-blog .sd-more-reads-media--empty,
body.lai-blog .sd-search-result-image--empty {
	background: var(--lai-surface-soft);
}

/* Chips and filters: app controls, not bubbles. */
body.lai-blog .sd-blog-hub__pill,
body.lai-blog .sd-cat-pill,
body.lai-blog .sd-search-filter-pill,
body.lai-blog .sd-search-related-link {
	border: 1px solid var(--lai-border);
	border-radius: var(--lai-radius-small);
	background: var(--lai-surface);
	color: var(--lai-control-text);
	font-weight: 600;
	box-shadow: none;
	transform: none;
}

body.lai-blog .sd-blog-hub__pill:hover,
body.lai-blog .sd-cat-pill:hover,
body.lai-blog .sd-search-filter-pill:hover,
body.lai-blog .sd-search-related-link:hover {
	border-color: var(--lai-border-hover);
	background: var(--lai-soft-hover);
	color: var(--lai-text);
}

body.lai-blog .sd-blog-hub__pill.is-active,
body.lai-blog .sd-cat-pill.is-active,
body.lai-blog .sd-search-filter-pill.is-active {
	border-color: transparent;
	background: var(--lai-active);
	color: var(--lai-text);
}

body.lai-blog .sd-search-filters {
	border-radius: var(--lai-radius-control);
}

body.lai-blog .sd-blog-archive .nav-links a,
body.lai-blog .sd-blog-archive .nav-links span,
body.lai-blog .sd-cat .sd-cat-pagination .page-numbers,
body.lai-blog .sd-page-number {
	border-radius: var(--lai-radius-small);
}

body.lai-blog .sd-blog-archive .nav-links .page-numbers.current,
body.lai-blog .sd-page-number.is-active,
body.lai-blog .sd-page-number.is-active:hover {
	background: var(--lai-active);
	color: var(--lai-text);
}

/* Search field: app composer style. */
body.lai-blog .sd-suggest__field,
body.lai-blog .sd-cat .sd-cat-search__input {
	border: 1px solid rgba(118, 85, 233, 0.18);
	border-radius: var(--lai-radius-control);
	background: rgba(255, 255, 255, 0.94);
	box-shadow: var(--lai-shadow-panel);
}

body.lai-blog .sd-suggest__field:focus-within,
body.lai-blog .sd-cat .sd-cat-search__input:focus {
	border-color: var(--lai-purple);
	box-shadow: 0 0 0 3px var(--lai-focus);
}

body.lai-blog .sd-suggest__submit {
	border-radius: 12px;
	background: var(--lai-gradient);
	box-shadow: none;
}

body.lai-blog .sd-topic-hub__short {
	background: var(--lai-surface);
	border: 1px solid var(--lai-border-soft);
	border-left: 3px solid var(--lai-purple);
	border-radius: 12px;
}

body.lai-blog .sd-topic-hub__point::before {
	border-radius: 2px;
}

/* ==========================================================
   Responsive
   ========================================================== */

@media (max-width: 980px) {
	body.lai-blog #article-content {
		padding: 28px 22px !important;
	}
}

@media (max-width: 600px) {
	body.lai-blog #article-content {
		padding: 22px 16px !important;
		border-radius: var(--lai-radius-card);
	}

	body.lai-blog .sd-hero-title {
		font-size: 32px;
	}
}

@media (max-width: 767px) {
	body.lai-blog .sd-hero-intro,
	body.lai-blog .sd-hero-title {
		text-align: center;
	}

	body.lai-blog .sd-hero-meta {
		justify-content: center;
	}

	body.lai-blog .sd-featured-wrap {
		width: 90%;
		max-width: 90%;
		margin-left: auto;
		margin-right: auto;
	}

	body.lai-blog .sd-hero-breadcrumbs {
		width: 90%;
		max-width: 90%;
		margin-left: auto;
		margin-right: auto;
	}

	body.sd-blog-single .et_pb_section.sd-blog-section--body {
		padding-bottom: 0 !important;
	}

	body.lai-blog .et_post_meta_wrapper {
		margin-top: 0 !important;
		padding-top: 0 !important;
	}

	body.sd-blog-single .sd-comments {
		margin-top: 36px;
	}
}