:root {
		--qa-bg: #ffffff;
		--qa-text: #111827;
		--qa-muted: #4b5563;
		--qa-soft: #6b7280;
		--qa-line: #e5e7eb;
		--qa-line-strong: #d1d5db;
		--qa-surface: #f8fafc;
		--qa-surface-2: #f3f4f6;
		--qa-accent: #0f172a;
		--qa-accent-2: #1d4ed8;
		--qa-radius: 18px;
		--qa-shadow: 0 1px 2px rgba(15, 23, 42, .04), 0 8px 24px rgba(15, 23, 42, .06);
		--qa-content-max: 1100px;
		--qa-inner-max: 1100px;
		--qa-mobile-gutter: 10px;
		--qa-mobile-gutter-max: 12px;
	}

	html {
		scroll-behavior: smooth;
	}

	body.single .site,
	body.single #page,
	body.single .site-main,
	body.single #primary {
		min-width: 0;
	}

	.qa-wrap,
	.qa-wrap * {
		box-sizing: border-box;
	}

	.qa-wrap {
		width: 100%;
		max-width: none;
		margin: 0;
		padding: 0;
		color: var(--qa-text);
		background: transparent;
		overflow-x: clip;
	}

	.qa-container {
		width: min(100%, var(--qa-content-max));
		max-width: var(--qa-content-max);
		margin: 0 auto;
		padding: 24px 20px 44px;
	}

	.qa-article {
		width: 100%;
		max-width: var(--qa-inner-max);
		margin: 0 auto;
		min-width: 0;
	}

	.qa-breadcrumb {
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		gap: 6px;
		margin: 0 0 18px;
		font-size: 14px;
		line-height: 1.5;
		color: var(--qa-soft);
	}

	.qa-breadcrumb__link {
		color: inherit;
		text-decoration: none;
	}

	.qa-breadcrumb__link:hover {
		color: var(--qa-accent);
	}

	.qa-breadcrumb__current {
		color: var(--qa-text);
		word-break: break-word;
	}

	.qa-header {
		margin: 0 0 24px;
		padding: 0 0 18px;
		border-bottom: 1px solid var(--qa-line);
	}

	.qa-title {
		margin: 0 0 14px;
		font-size: clamp(30px, 4vw, 44px);
		line-height: 1.16;
		letter-spacing: -.02em;
		word-break: break-word;
		overflow-wrap: anywhere;
	}

	.qa-meta,
	.qa-byline,
	.qa-review {
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		gap: 8px;
		font-size: 14px;
		line-height: 1.65;
		color: var(--qa-muted);
	}

	.qa-meta {
		margin-bottom: 8px;
	}

	.qa-chip {
		display: inline-flex;
		align-items: center;
		padding: 3px 10px;
		border: 1px solid var(--qa-line-strong);
		border-radius: 999px;
		background: #fff;
		color: var(--qa-text);
		font-size: 13px;
		line-height: 1.4;
		white-space: nowrap;
	}

	.qa-meta__dot,
	.qa-byline__sep,
	.qa-review__sep {
		color: var(--qa-line-strong);
	}

	.qa-byline__link,
	.qa-back,
	.qa-related__card,
	.qa-sources__item a {
		transition: color .2s ease, border-color .2s ease, background-color .2s ease, box-shadow .2s ease, transform .2s ease;
	}

	.qa-byline__link {
		color: var(--qa-accent);
		text-decoration: none;
	}

	.qa-byline__link:hover {
		color: var(--qa-accent-2);
	}

	.qa-section-title,
	.qa-callout__title,
	.qa-trust__title {
		margin: 0 0 12px;
		font-size: 18px;
		line-height: 1.35;
		font-weight: 700;
		color: var(--qa-text);
	}

	.qa-callout,
	.qa-takeaways,
	.qa-sources,
	.qa-trust,
	.qa-related {
		margin: 22px 0 0;
	}

	.qa-callout__body,
	.qa-trust__text {
		font-size: 16px;
		line-height: 1.85;
		color: var(--qa-text);
	}

	.qa-takeaways__list,
	.qa-sources__list {
		margin: 0;
		padding: 0;
	}

	.qa-takeaways__list {
		padding-left: 1.2em;
	}

	.qa-takeaways__list li,
	.qa-sources__item {
		font-size: 16px;
		line-height: 1.8;
		color: var(--qa-text);
	}

	.qa-takeaways__list li + li,
	.qa-sources__item + .qa-sources__item {
		margin-top: 8px;
	}

	.qa-content {
		margin-top: 24px;
		min-width: 0;
		font-size: 17px;
		line-height: 1.9;
		color: var(--qa-text);
	}

	.qa-content > *:first-child {
		margin-top: 0;
	}

	.qa-content > *:last-child {
		margin-bottom: 0;
	}

	.qa-content h2,
	.qa-content h3,
	.qa-content h4,
	.qa-content h5,
	.qa-content h6 {
		margin: 1.8em 0 .7em;
		line-height: 1.3;
		color: var(--qa-text);
		scroll-margin-top: 88px;
	}

	.qa-content h2 {
		font-size: clamp(24px, 3.2vw, 34px);
	}

	.qa-content h3 {
		font-size: clamp(21px, 2.8vw, 28px);
	}

	.qa-content h4 {
		font-size: clamp(18px, 2.2vw, 22px);
	}

	.qa-content p,
	.qa-content ul,
	.qa-content ol,
	.qa-content blockquote,
	.qa-content pre,
	.qa-content table,
	.qa-content figure {
		margin: 0 0 1.15em;
	}

	.qa-content ul,
	.qa-content ol {
		padding-left: 1.4em;
	}

	.qa-content li + li {
		margin-top: .45em;
	}

	.qa-content a {
		color: var(--qa-accent-2);
		text-decoration-thickness: .08em;
		text-underline-offset: .14em;
		word-break: break-word;
	}

	.qa-content strong {
		font-weight: 700;
	}

	.qa-content blockquote {
		padding: 14px 16px;
		border-left: 3px solid var(--qa-accent);
		background: var(--qa-surface);
		color: var(--qa-text);
	}

	.qa-content code,
	.qa-content kbd,
	.qa-content samp {
		font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace;
		font-size: .92em;
	}

	.qa-content :not(pre) > code {
		padding: .18em .42em;
		border-radius: 8px;
		background: var(--qa-surface-2);
		word-break: break-word;
	}

	.qa-content pre {
		padding: 14px 16px;
		border-radius: 14px;
		background: #0f172a;
		color: #f8fafc;
		overflow: auto;
		-webkit-overflow-scrolling: touch;
	}

	.qa-content img {
		display: block;
		max-width: 100%;
		height: auto;
		border-radius: 14px;
	}

	.qa-content figure {
		max-width: 100%;
	}

	.qa-content figcaption {
		margin-top: 10px;
		font-size: 14px;
		line-height: 1.6;
		color: var(--qa-muted);
	}

	.qa-content table {
		width: 100%;
		min-width: 100%;
		border-collapse: collapse;
		font-size: 15px;
		line-height: 1.7;
	}

	.qa-content table caption {
		margin-bottom: 10px;
		text-align: left;
		font-weight: 600;
		color: var(--qa-text);
	}

	.qa-content table th,
	.qa-content table td {
		padding: 12px 14px;
		border: 1px solid var(--qa-line);
		vertical-align: top;
		text-align: left;
	}

	.qa-content table th {
		background: var(--qa-surface);
		font-weight: 700;
	}

	.qa-content .table-scroll,
	.qa-table-scroll {
		width: 100%;
		max-width: 100%;
		overflow-x: auto;
		overflow-y: hidden;
		padding-bottom: 2px;
		-webkit-overflow-scrolling: touch;
		scrollbar-gutter: stable both-edges;
	}

	.qa-content .table-scroll:focus-visible,
	.qa-table-scroll:focus-visible {
		outline: 2px solid var(--qa-accent-2);
		outline-offset: 2px;
		border-radius: 10px;
	}

	.qa-sources__list {
		padding-left: 1.3em;
	}

	.qa-sources__item a {
		color: var(--qa-accent);
		text-decoration: none;
		word-break: break-word;
	}

	.qa-sources__item a:hover {
		color: var(--qa-accent-2);
	}

	.qa-related__grid {
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 12px;
	}

	.qa-related__card {
		display: block;
		padding: 16px;
		border: 1px solid var(--qa-line);
		border-radius: 16px;
		background: #fff;
		color: inherit;
		text-decoration: none;
		min-width: 0;
	}

	.qa-related__card:hover {
		border-color: var(--qa-line-strong);
		box-shadow: var(--qa-shadow);
		transform: translateY(-1px);
	}

	.qa-related__title {
		font-size: 16px;
		line-height: 1.6;
		font-weight: 600;
		color: var(--qa-text);
		word-break: break-word;
		overflow-wrap: anywhere;
	}

	.qa-related__meta {
		margin-top: 8px;
		font-size: 13px;
		line-height: 1.5;
		color: var(--qa-muted);
	}

	.qa-footer {
		margin-top: 28px;
		padding-top: 18px;
		border-top: 1px solid var(--qa-line);
	}

	.qa-back {
		display: inline-flex;
		align-items: center;
		gap: 6px;
		color: var(--qa-accent);
		text-decoration: none;
		font-weight: 600;
	}

	.qa-back:hover {
		color: var(--qa-accent-2);
	}

	.qa-content a:focus-visible,
	.qa-breadcrumb__link:focus-visible,
	.qa-byline__link:focus-visible,
	.qa-sources__item a:focus-visible,
	.qa-related__card:focus-visible,
	.qa-back:focus-visible {
		outline: 2px solid var(--qa-accent-2);
		outline-offset: 3px;
		border-radius: 8px;
	}

	.qa-pages {
		display: flex;
		flex-wrap: wrap;
		gap: 8px;
		margin-top: 22px;
	}

	.qa-pages .post-page-numbers {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		min-width: 38px;
		padding: 8px 12px;
		border: 1px solid var(--qa-line);
		border-radius: 999px;
		text-decoration: none;
		color: var(--qa-text);
		background: #fff;
	}

	.qa-pages .current {
		border-color: var(--qa-accent);
		background: var(--qa-accent);
		color: #fff;
	}

	@media (max-width: 1100px) {
		.qa-container {
			width: 100%;
			max-width: none;
		}
	}

	@media (max-width: 767px) {
		.qa-wrap {
			padding: 0;
		}

		.qa-container {
			width: 100%;
			max-width: none;
			margin: 0;
			padding: 14px clamp(var(--qa-mobile-gutter), 2.8vw, var(--qa-mobile-gutter-max)) 28px;
		}

		.qa-article {
			max-width: none;
			margin: 0;
		}

		.qa-header {
			margin-bottom: 18px;
			padding-bottom: 14px;
		}

		.qa-title {
			margin-bottom: 12px;
			font-size: clamp(26px, 7vw, 34px);
			line-height: 1.2;
		}

		.qa-content {
			margin-top: 18px;
			font-size: 16px;
			line-height: 1.82;
		}

		.qa-content h2 {
			font-size: 24px;
		}

		.qa-content h3 {
			font-size: 20px;
		}

		.qa-content h4 {
			font-size: 18px;
		}

		.qa-callout,
		.qa-takeaways,
		.qa-sources,
		.qa-trust,
		.qa-related {
			margin-top: 18px;
		}

		.qa-callout__body,
		.qa-trust__text,
		.qa-takeaways__list li,
		.qa-sources__item {
			font-size: 15px;
			line-height: 1.8;
		}

		.qa-related__grid {
			grid-template-columns: 1fr;
			gap: 10px;
		}

		.qa-related__card {
			padding: 14px;
			border-radius: 14px;
		}

		.qa-content table {
			min-width: 640px;
		}
	}

	@media (prefers-reduced-motion: reduce) {
		html {
			scroll-behavior: auto;
		}

		.qa-byline__link,
		.qa-back,
		.qa-related__card,
		.qa-sources__item a {
			transition: none;
		}
	}