/* ── What to Expect (city FAQ) ────────────────────────────────────
 * Shared by the Los Angeles and New York page templates: a white band
 * wrapping the shared .faq-section / .accordion components
 * (faq-accordion.css + accordion.css must be enqueued too) with the
 * section-title convention and a centered "get in touch" footnote.
 * Markup lives in template-parts/city-faq.php. Extracted from
 * la-page.css when the NY page adopted the same section.
 * ────────────────────────────────────────────────────────────────── */

.city-faq__title {
	margin: 0 0 var(--space-05);
	font-size: 4.115rem; /* 65.84px — family + tracking from .kodansha-black */
	line-height: 1.1;
	color: var(--color-text);
}

.city-faq {
	background: var(--color-white);
	padding: var(--space-07) 0;
}

/* The shared .faq-section ships a centered header + top border/spacing for
   stacking on the support center. On the LA page it stands alone, so drop
   the border and left-align the header to match the other section titles. */
.city-faq .faq-section {
	margin-top: 0;
	padding-top: 0;
	border-top: none;
}

.city-faq .faq-section__header {
	margin-bottom: var(--space-05);
	text-align: left;
}

.city-faq__footnote {
	margin: var(--space-06) 0 0;
	text-align: center;
	font-size: 1rem;
	line-height: 1.6;
}

.city-faq__footnote a {
	color: var(--color-text);
	text-underline-offset: 0.2rem;
}
