.author-trigger {
  align-self: flex-start;
  padding: 9px 14px;
  background: transparent;
  color: #205c44;
  font: inherit;
}
.author-trigger:hover { background: #e6eee7; }
#author-card {
  position: fixed;
  inset: 0;
  margin: auto;
  width: min(340px, calc(100vw - 32px));
  max-height: 90dvh;
  padding: 0;
  border: 1px solid #d6e2d8;
  border-radius: 18px;
  background: #fafbf7;
  color: #16392d;
  box-shadow: 0 18px 60px #17392e30;
}
#author-card::backdrop { background: #16392d45; }
#author-card img {
  display: block;
  width: 100%;
  height: min(300px, 46dvh);
  object-fit: cover;
  object-position: center 32%;
}
.author-info { padding: 18px 22px 22px; }
.author-info h2 { margin: 0 0 4px; font-size: 1.5rem; }
.author-close {
  position: absolute;
  top: 10px;
  right: 10px;
  width: 36px;
  height: 36px;
  padding: 0;
  border-radius: 50%;
  background: #fafbf7;
  color: #204838;
  font: 24px/1 system-ui;
}
@media (max-width: 680px) {
  nav a, .author-trigger { padding: 8px 5px; font-size: 14px; }
  .author-trigger { align-self: center; }
}