header { margin-top: 4rem; }
nav a { margin-right: 1.4rem; }
.profile { border-radius: 50%; aspect-ratio: 1; object-fit: cover; }
.pub { margin-bottom: 1.8rem; }
.pub p { margin-bottom: 1.25rem; }   /* half-line gap below the venue (Skeleton default is 2.5rem) */
.me { font-weight: 600; }
.date { display: inline-block; min-width: 7rem; color: #999; }
.thumb { width: 100%; height: auto; }
.tip { border-bottom: 1px dotted #ccc; cursor: help; position: relative; }
.tip::after {
  content: attr(data-tip);
  position: absolute; left: 50%; bottom: 150%; transform: translateX(-50%);
  white-space: nowrap; background: #333; color: #fff;
  font-size: 1.2rem; padding: 3px 8px; border-radius: 4px;
  opacity: 0; pointer-events: none; transition: opacity .12s;
}
.tip:hover::after { opacity: 1; }