/**
 * WellAheadLife archive styles
 */

/* --------------------------------------------------------------
   Author avatar
-------------------------------------------------------------- */

.author-archive__avatar {
  display: block;

  width: 120px;
  height: 120px;
  margin: 0 auto var(--wal-space-5);

  border: 4px solid var(--wal-white);
  border-radius: 50%;

  box-shadow: var(--wal-shadow);
}

.author-archive__disclosure {
  margin: var(--wal-space-4) 0 0;
}

.author-archive__disclosure a {
  color: var(--wal-teal);
  font-weight: 600;

  transition: color var(--wal-transition);
}

.author-archive__disclosure a:hover,
.author-archive__disclosure a:focus-visible {
  color: var(--wal-navy);
}

.author-archive__disclosure a:focus-visible {
  outline: 3px solid var(--wal-focus);
  outline-offset: 3px;
  border-radius: var(--wal-radius-sm);
}

/* --------------------------------------------------------------
   Archive content
-------------------------------------------------------------- */

.archive-content {
  padding-top: clamp(2rem, 4vw, 3rem);
}