/* ============================================================
   AI Article Rewriter — FAQ section styling
   Text is intentionally hardcoded to dark/near-black so it reads
   correctly on a light/white post theme regardless of whatever
   dark-mode colors the surrounding theme CSS might set elsewhere.
   ============================================================ */

.aar-faq-section {
	margin-top: 44px;
	padding-top: 28px;
	border-top: 2px solid #e2222a;
	max-width: 100%;
}

.aar-faq-section h2 {
	margin: 0 0 20px;
	font-size: 24px;
	line-height: 1.3;
	font-weight: 700;
	color: #111111 !important;
}

.aar-faq-item {
	background: #fafafa;
	border: 1px solid #e6e6e6;
	border-radius: 10px;
	padding: 18px 20px;
	margin-bottom: 14px;
	transition: border-color .15s ease, box-shadow .15s ease;
}

.aar-faq-item:hover {
	border-color: #d8d8d8;
	box-shadow: 0 2px 8px rgba(0, 0, 0, .05);
}

.aar-faq-item:last-child {
	margin-bottom: 0;
}

.aar-faq-question {
	margin: 0 0 10px;
	font-size: 17px;
	line-height: 1.45;
	font-weight: 600;
	color: #111111 !important;
	border-left: 3px solid #e2222a;
	padding-left: 12px;
}

.aar-faq-answer p {
	margin: 0;
	padding-left: 15px;
	font-size: 15.5px;
	line-height: 1.75;
	color: #333333 !important;
}

@media (max-width: 640px) {
	.aar-faq-section { margin-top: 32px; padding-top: 22px; }
	.aar-faq-section h2 { font-size: 20px; }
	.aar-faq-item { padding: 14px 16px; }
	.aar-faq-question { font-size: 15.5px; }
	.aar-faq-answer p { font-size: 14.5px; padding-left: 12px; }
}