/* Shared layout for individual /features/* detail pages.
   theme-2026.css must load first. */
.t26 .sec { padding: 72px 0; }
.t26 .btn { padding: 13px 24px; }

.t26.feature-detail .prose {
	max-width: 760px;
	margin: 0 auto;
}
.t26.feature-detail .prose p {
	margin: 0 0 1.1em;
	font-size: 16px;
	line-height: 1.65;
	color: #5f5a54;
}
.t26.feature-detail .prose p:last-child { margin-bottom: 0; }
.t26.feature-detail .prose a {
	color: var(--mah);
	font-weight: 600;
	text-decoration: underline;
	text-underline-offset: 2px;
}
.t26.feature-detail .prose a:hover { color: var(--skd); }

.t26.feature-detail .media-split {
	display: grid;
	grid-template-columns: minmax(0, 1.05fr) minmax(0, .95fr);
	gap: 48px;
	align-items: center;
	margin: 40px auto 0;
	max-width: 1000px;
}
.t26.feature-detail .media-split__img {
	margin: 0;
	display: flex;
	align-items: center;
	justify-content: center;
}
.t26.feature-detail .media-split__img img {
	display: block;
	max-width: min(100%, 420px);
	width: auto;
	height: auto;
	border-radius: 14px;
	box-shadow: 0 14px 34px rgba(23, 31, 33, .12);
}

.t26.feature-detail .faq-grid {
	margin-top: 40px;
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 20px 22px;
	align-items: stretch;
}
.t26.feature-detail .faq-grid .card {
	padding: 28px 32px;
	display: flex;
	flex-direction: column;
	gap: 12px;
}
/* Odd last card spans full width so it doesn't look stranded */
.t26.feature-detail .faq-grid .card:last-child:nth-child(odd) {
	grid-column: 1 / -1;
	max-width: 640px;
	justify-self: center;
	width: 100%;
}
.t26.feature-detail .faq-q {
	font-weight: 700;
	font-size: 16px;
	line-height: 1.35;
	margin: 0;
	color: var(--char);
}
.t26.feature-detail .faq-a {
	margin: 0;
	font-size: 14px;
	line-height: 1.6;
	color: #5f5a54;
}
.t26.feature-detail .faq-a a {
	color: var(--mah);
	font-weight: 600;
}

.t26.feature-detail .partner-logo {
	margin-top: 36px;
	text-align: center;
}
.t26.feature-detail .partner-logo img {
	max-width: 250px;
	height: auto;
}

@media (max-width: 900px) {
	.t26.feature-detail .media-split {
		grid-template-columns: 1fr;
		gap: 28px;
		margin-top: 32px;
	}
	.t26.feature-detail .media-split__img { order: -1; }
	.t26.feature-detail .media-split__img img {
		max-width: min(100%, 340px);
	}
	.t26.feature-detail .faq-grid {
		grid-template-columns: 1fr;
		gap: 14px;
	}
	.t26.feature-detail .faq-grid .card:last-child:nth-child(odd) {
		max-width: none;
	}
	.t26.feature-detail .faq-grid .card {
		padding: 22px 20px;
	}
}