/* Contact Us page styles — minimal, leveraging base.css */
.page-hero {
  background: linear-gradient(135deg, color-mix(in oklab, var(--color-primary) 18%, transparent), transparent), var(--color-surface);
  border-bottom: 1px solid var(--gray-300);
  padding-block: var(--space-10);
}
.page-hero .hero-lead {  color: var(--gray-700); }

.section-gap { margin-block: var(--space-10); }

.contact-list { list-style: none; padding-left: 0; display: grid; gap: var(--space-3); }
.contact-list i { color: var(--color-primary); margin-right: var(--space-2); }

.social-block { margin-top: var(--space-6); }
.social-list { list-style: none; padding-left: 0; display: flex; flex-wrap: wrap; gap: var(--space-3); }
.social-list .btn i { font-size: 1rem; }

.form-actions { display: flex; gap: var(--space-3); align-items: center; flex-wrap: wrap; margin-top: var(--space-3); }
.status { margin-top: var(--space-3); color: var(--color-primary-900); font-weight: 600; }

.rating-group { display: inline-flex; gap: var(--space-3); margin-top: var(--space-2); }

/* Details accordion tweaks */
details { border: 1px solid var(--gray-300); border-radius: var(--radius-1); padding: var(--space-3) var(--space-4); background: var(--color-surface); box-shadow: var(--shadow-1); }
details + details { margin-top: var(--space-3); }
details[open] { border-color: var(--color-primary); }
details summary { cursor: pointer; font-weight: 600; }

/* Newsletter layout */
.newsletter { display: grid; gap: var(--space-2); }

/* Small responsive adjustments */
@media (max-width: 640px) {
  .form-actions { justify-content: flex-start; }
}