/* Contact Us page-specific styles (lean, builds on base.css) */
.page-hero {
  padding: var(--space-24) 0 var(--space-12);
  text-align: center;
  background: radial-gradient(1200px 600px at 50% -10%, rgba(201,169,97,0.08), transparent),
              linear-gradient(180deg, rgba(26,77,62,0.08), transparent 50%);
  border-bottom: 1px solid var(--color-border-subtle);
}

.section { padding: var(--space-12) 0; }

.contact-meta {
  display: grid;
  gap: var(--space-2);
  color: var(--color-text-muted);
}

.form-status {
  padding: var(--space-4);
  border: 1px dashed var(--color-border);
  border-radius: var(--radius-base);
  background-color: var(--color-background-elevated);
}

/* FAQ details */
details { padding: var(--space-3) 0; }
details + details { border-top: 1px solid var(--color-border-subtle); }
details summary { cursor: pointer; outline: none; }
details summary::-webkit-details-marker { display: none; }
details summary::after { content: "+"; float: right; color: var(--color-gold); }
details[open] summary::after { content: "–"; }

/* Helpers */
.mt-6 { margin-top: var(--space-6); }
.gap-6 { gap: var(--space-6); }

@media (max-width: 1024px) {
  .page-hero { padding: var(--space-16) 0 var(--space-10); }
}

@media (max-width: 640px) {
  .section { padding: var(--space-10) 0; }
}