.content-container h2 {
    font-size: 28px;
}

/* Match the blank-line gap the old <br /><br /> breaks gave between paragraphs */
.content-container p {
    margin-bottom: var(--spacing-lg);
}

/* Markdown wraps the logo in a <p>; keep the logo's own smaller gap */
.content-container p:has(.body-logo) {
    margin-bottom: 0;
}

.channel-link {
  display: flex;           /* enables Flexbox */
  align-items: center;     /* vertically centers the text with the image */
  gap: 12px;               /* space between image and text */
  font-size: 1.2rem;       /* optional: adjust text size */
}

.channel-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--spacing-md);
  margin-top: var(--spacing-md);
}