/* contact.css — contact page panels */

.contact-lede {
  margin-bottom: 1.5rem;
  color: var(--text-soft);
  line-height: 1.7;
  max-width: 720px;
}

.contact-card {
  background: var(--surface-strong);
  padding: 1.5rem 1.75rem;
  border-radius: var(--radius-md);
  border: 1px solid var(--border);
  box-shadow: var(--shadow-sm);
  margin-top: 1rem;
}

.contact-card h3 {
  margin-bottom: 0.75rem;
  color: var(--accent-strong);
}

.contact-card p,
.contact-links {
  color: var(--text-soft);
  line-height: 1.7;
}

.contact-links {
  padding-left: 1.25rem;
}

.contact-links a {
  color: var(--accent);
}

.contact-links a:hover {
  color: var(--accent-strong);
}