/* Contact Us page styles (lean, extend base.css) */
.page-header {
  padding-block: var(--space-16) var(--space-10);
  background: linear-gradient(180deg, rgba(18,26,45,0.6), rgba(10,13,20,0));
}
.section { padding-block: var(--space-12); }
.section--alt { background-color: var(--color-surface-1); }

/* Form layout */
.form-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--space-6);
}
.form-grid--full { grid-column: 1 / -1; }

.consent-row { margin-block: var(--space-5) 0; }
.consent { display: inline-flex; align-items: flex-start; gap: var(--space-3); }

.cta-row { display: flex; gap: var(--space-4); flex-wrap: wrap; align-items: center; }

/* Lists */
.meta-list { list-style: none; padding: 0; margin: 0 0 var(--space-4) 0; }
.meta-list li { display: flex; align-items: center; gap: var(--space-3); margin-block: var(--space-2); color: var(--color-text); }
.meta-list i { color: var(--color-primary-400); }

.social-list { list-style: none; padding: 0; margin: 0; display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: var(--space-3); }
.social-list a { display: inline-flex; align-items: center; gap: var(--space-3); }

/* Newsletter */
.newsletter-form { display: grid; gap: var(--space-4); }
.form-inline { display: grid; grid-template-columns: 1fr auto; gap: var(--space-4); }

/* FAQ */
.faq details { border: 1px solid var(--gray-700); border-radius: var(--radius-md); padding: var(--space-4); background-color: var(--color-surface-2); margin-bottom: var(--space-4); }
.faq summary { cursor: pointer; font-weight: 600; }
.faq p { margin-top: var(--space-3); }

/* Responsive adjustments */
@media (max-width: 720px) {
  .form-grid { grid-template-columns: 1fr; }
  .form-inline { grid-template-columns: 1fr; }
}