/* ==========================================================================
   FAQ page (page-faq.php) — matches scrshot/faq-hostinger.png.
   Loaded only on the FAQ page (see functions.php); scoped to .rdnb-faq-*
   so it can never bleed into other templates.
   ========================================================================== */

.rdnb-faq-hero {
	background: var(--rdnb-about-bg);
	padding: 4rem 1.5rem 4.5rem;
}

.rdnb-faq-hero-inner {
	max-width: 1140px;
	margin: 0 auto;
}

.rdnb-faq-hero h1 {
	color: var(--rdnb-about-heading);
	font-size: clamp(1.9rem, 3.8vw, 2.6rem);
	margin: 0;
}

.rdnb-faq-section {
	background: #fff;
	padding: 4rem 1.5rem;
}

.rdnb-faq-columns {
	max-width: 1140px;
	margin: 0 auto;
	column-count: 2;
	column-gap: 3rem;
}

.rdnb-faq-fallback {
	max-width: 1140px;
	margin: 0 auto;
}

/* Each question + its answers is one atomic unit so the column break can
   never separate a heading from its answer or land mid-paragraph. */
.rdnb-faq-item {
	break-inside: avoid-column;
	-webkit-column-break-inside: avoid;
	margin-bottom: 2.25rem;
}

.rdnb-faq-section h3,
.rdnb-faq-section p {
	font-family: Georgia, 'Times New Roman', Times, serif;
	color: var(--rdnb-about-body);
}

.rdnb-faq-section h3 {
	font-size: 1.1rem;
	font-weight: 700;
	text-decoration: underline;
	line-height: 1.4;
	margin: 0 0 0.9rem;
}

.rdnb-faq-section p {
	font-size: 0.92rem;
	line-height: 1.7;
	text-align: justify;
	margin: 0 0 1.1rem;
}

.rdnb-faq-section p:last-child {
	margin-bottom: 0;
}

.rdnb-faq-section strong {
	font-weight: 700;
}

@media (max-width: 780px) {
	.rdnb-faq-hero {
		padding: 3rem 1.5rem 3.5rem;
	}

	.rdnb-faq-section {
		padding: 3rem 1.5rem;
	}

	.rdnb-faq-columns {
		column-count: 1;
	}
}