/**
 * Contact Page Styles
 *
 * Layout for contact header and form container.
 * Follows the same 720px column pattern as about.css.
 *
 * @package CPDC_Sovereign_Debt_Hub
 * @since 0.2.0
 */

/* ==========================================================================
   SHARED COLUMN
   ========================================================================== */

.contact-header__container,
.contact-form__container {
	max-width: 720px;
	margin-inline: auto;
	padding-inline: var(--wp--preset--spacing--md);
}

/* ==========================================================================
   HEADER
   ========================================================================== */

.contact-header {
	padding-block-start: var(--wp--preset--spacing--2xl);
	padding-block-end: var(--wp--preset--spacing--xl);
}

.contact-header__title {
	font-family: var(--wp--preset--font-family--heading-serif, 'Playfair Display', Georgia, serif);
	font-size: 2.25rem;
	font-weight: 700;
	line-height: 1.2;
	letter-spacing: -0.01em;
	margin: 0;
}

.contact-header__rule {
	width: 48px;
	height: 3px;
	border-radius: 2px;
	margin-block-start: 0.75rem;
	margin-block-end: var(--wp--preset--spacing--lg);
}

.contact-header__text {
	font-size: 1.125rem;
	line-height: 1.75;
	margin: 0;
}

/* ==========================================================================
   FORM SECTION
   ========================================================================== */

.contact-form {
	padding-block-end: var(--wp--preset--spacing--2xl);
}