.night-topics {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1.12fr) minmax(0, 1.34fr);
  gap: clamp(8px, 3vw, 24px);
  max-width: 540px;
  border-bottom: 1px solid #e1b79852;
}
.night-topics a {
  display: flex;
  align-items: center;
  gap: clamp(3px, 1vw, 9px);
  min-height: 48px;
  padding: 6px 0 9px;
  color: #ffe2c1;
  font: 650 clamp(.75rem, 2.3vw, 1rem)/1.2 var(--font-display);
  text-decoration: none;
  text-shadow: 0 1px 6px #0b080b;
}
.night-topics a:hover {
  color: var(--text);
  text-decoration: underline;
  text-underline-offset: 4px;
}
.night-topics a span:first-child { text-wrap: balance; }
.night-topics a span:last-child { color: #ffc5dc; }