/*
 * footer.css — Acknowledgement + Contact sections
 */

/* ─── ACKNOWLEDGEMENT ─── */
/* Padding comes from .content-split; only border-top is set here */
.acknowledgement {
  border-top: 1px solid var(--border);
}

.acknowledgement .ack-opener {
  font-family: var(--font-display);
  font-size: var(--text-ack);
  font-weight: var(--weight-light);
  font-style: italic;
  color: var(--text-faint);
  margin-bottom: 2em;
}

.acknowledgement .body-p {
  font-size: var(--text-base);
  color: var(--text-body);
}

/* ─── CONTACT ─── */
.contact-headline {
  font-size: var(--text-small);
  color: var(--muted);
  text-align: center;
  padding: var(--space-lg) 0 var(--space-md);
  border-top: 1px solid var(--border);
  transition: color var(--transition-fast), border-color var(--transition-fast);
}

.contact-headline a {
  color: var(--accent);
  text-decoration: none;
  border-bottom: 1px solid var(--link-underline);
  transition: color var(--transition-fast), border-color var(--transition-fast);
}

.contact-headline a:hover {
  color: var(--text);
  border-color: var(--link-underline-hover);
}

.contact-linkedin {
  display: inline-flex;
  align-items: center;
  margin-left: 0.5em;
  border-bottom: none !important;
  vertical-align: middle;
  opacity: 0.6;
  transition: opacity var(--transition-fast);
}

.contact-linkedin:hover {
  opacity: 1;
  border-color: transparent !important;
}

.contact {
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: end;
  gap: var(--space-md);
  padding-bottom: var(--space-lg);
}

.photo-credit {
  font-size: 0.75rem;
  color: var(--text-faint);
  opacity: 0.5;
}

.photo-credit a {
  color: var(--text-faint);
  text-decoration: none;
  border-bottom: 1px solid var(--border);
  transition: color var(--transition-fast), border-color var(--transition-fast);
}

.photo-credit a:hover {
  color: var(--muted);
  border-color: var(--muted);
}

.photo-credit--right {
  text-align: right;
}