/* Contact Us — page-specific styles (minimal additions, leveraging base.css) */
.page-hero { padding-block: var(--space-12) var(--space-9); text-align: center; }
.page-hero p { color: var(--color-text-muted); margin-top: var(--space-4); }

.contact-grid { align-items: start; }
@media (max-width: 980px) { .contact-grid { grid-template-columns: 1fr !important; } }

.contact-card .info-list { display: grid; gap: 8px; }
.info-list li { color: var(--gray-100); }

.meta { color: var(--gray-200); font-style: normal; }

.form-actions { display: flex; gap: var(--space-4); align-items: center; }
.form-status { min-height: 1.5em; color: var(--gray-200); }
.form-status.success { color: var(--color-success); }
.form-status.error { color: var(--color-danger); }

.social-list { display: flex; flex-wrap: wrap; gap: var(--space-5); margin-top: var(--space-4); }
.social-list a { color: var(--gray-100); border-bottom: 1px dashed rgba(201, 162, 39, 0.3); padding-bottom: 2px; }
.social-list a:hover { color: #e4c978; border-bottom-color: transparent; }

.faq-list details { border: 1px solid rgba(201, 162, 39, 0.14); border-radius: var(--radius-md); padding: var(--space-4) var(--space-5); background: linear-gradient(180deg, rgba(255,255,255,0.02), rgba(0,0,0,0.22)); }
.faq-list details + details { margin-top: var(--space-4); }
.faq-list summary { cursor: pointer; font-weight: 600; color: var(--gray-100); list-style: none; }
.faq-list summary::-webkit-details-marker { display: none; }
.faq-list details[open] { box-shadow: var(--shadow-sm); }
.faq-list details p { margin-top: var(--space-3); color: var(--color-text); }