/* /blogroll page-specific styles */

#blogroll {
  text-align: left;
  line-height: 1.65;
}

#blogroll > * + :not(.section-separator) {
  margin-top: var(--space-content);
}

#blogroll a {
  text-decoration: underline;
  text-underline-offset: 2px;
}

/* Feed cards, one per category in assets/blogroll.opml (card chrome: .card in pages.css). */
.roll-grid {
  display: grid;
  gap: var(--space-section);
}

.roll-list {
  list-style: none;
  margin: 0;
  padding: 0;
}

.roll-list li + li {
  margin-top: var(--space-small);
}

.roll-separator {
  margin-inline: 0.35rem;
  color: var(--text-subtle);
}

/* The feed icon repeats the entry's link, so it needs no underline (and outweighs #blogroll a). */
#blogroll .roll-feed {
  color: var(--text-subtle);
  text-decoration: none;
}

.roll-feed:hover {
  color: var(--text);
}