/* Subscribe section: email is the primary button; RSS + LinkedIn are small,
   muted icon-only links. Shared by the post sidebar (blog-post.html override)
   and the home-page callout. */

.wtf-subscribe .md-button {
  display: inline-flex;
  align-items: center;
  gap: .4rem;
  margin: 0;
}

.wtf-subscribe .md-button svg,
.wtf-subscribe .md-button .twemoji {
  width: 1.1em;
  height: 1.1em;
  flex-shrink: 0;
  fill: currentColor;
}

/* Small icon-only links (RSS, LinkedIn). */
.wtf-subscribe__icons {
  display: flex;
  align-items: center;
  gap: .6rem;
}

.wtf-icon {
  display: inline-flex;
  color: var(--md-default-fg-color--light);
  transition: color .15s;
}

.wtf-icon:hover,
.wtf-icon:focus {
  color: var(--md-accent-fg-color);
}

.wtf-icon svg,
.wtf-icon .twemoji {
  width: 1.25rem;
  height: 1.25rem;
  fill: currentColor;
}

/* Sidebar: primary button stacked over the icon row, under the avatar. */
.wtf-subscribe--sidebar {
  display: flex;
  flex-direction: column;
  gap: .5rem;
  margin: .3rem .6rem 1rem;
}

.wtf-subscribe--sidebar .wtf-subscribe__primary {
  justify-content: center;
  padding: .3rem .6rem;
  font-size: .64rem;
  line-height: 1.3;
}

.wtf-subscribe--sidebar .wtf-subscribe__icons {
  padding-left: .15rem;
}

/* Home callout: primary button and icons on one row. */
.wtf-subscribe--callout {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: .8rem;
  margin-top: .8rem;
}