/* Newsletter signup (layouts/partials/subscribe.html). Kept out of the theme's
   style.css, which is vendored and not edited. Colours match the theme: #5badf0
   accent, #757575 muted text, #f2f2f2 tag background. */
/* Home page: no box. One muted line after the post list, above the pagination,
   with a short centred input and a hairline divider from the last post. */
.subscribe {
  max-width: 580px; /* matches #list-page */
  margin: 40px auto 24px;
  padding-top: 32px;
  border-top: 1px solid #e8e8e8;
  text-align: center;
}
/* The /subscribe/ page: left-aligned under the title, full column width. */
#section .subscribe {
  max-width: none;
  margin: 24px 0 32px;
  padding-top: 0;
  border-top: 0;
  text-align: left;
}
#section .subscribe-row {
  max-width: none;
}
.subscribe-copy {
  margin: 0 0 12px;
  color: #757575;
  font-size: 14px;
  line-height: 1.5;
}
.subscribe-row {
  max-width: 380px;
  margin: 0 auto;
}
/* End of a post: boxed and left-aligned, filling the article column. The box
   separates the post from the series/related lists that follow. */
#single .subscribe {
  max-width: none;
  margin: 36px 0 0;
  padding: 20px 22px;
  border: 1px solid #e8e8e8;
  border-radius: 4px;
  background: #fafafa;
  text-align: left;
}
#single .subscribe-copy {
  font-size: 15px;
}
#single .subscribe-row {
  max-width: none;
}
.subscribe-copy a {
  color: #5badf0;
}
.subscribe-copy a:hover {
  color: #0366d6;
}
.subscribe-row {
  display: flex;
  gap: 8px;
}
.subscribe-row input {
  flex: 1;
  min-width: 0;
  padding: 8px 10px;
  font: inherit;
  font-size: 15px;
  color: #404040;
  border: 1px solid #d9d9d9;
  border-radius: 3px;
  background: #fff;
}
/* Keep a visible focus ring: the accent border alone is 2.4:1 on white. */
.subscribe-row input:focus-visible,
.subscribe-row button:focus-visible {
  outline: 2px solid #0366d6;
  outline-offset: 2px;
}
.subscribe-row input:focus {
  border-color: #5badf0;
}
.subscribe-row button {
  padding: 8px 14px;
  font: inherit;
  font-size: 14px;
  color: #fff;
  /* The darker accent, not #5badf0: white on #5badf0 is 2.4:1, below the
     4.5:1 WCAG AA minimum for 14px text. #0366d6 is 5.4:1. */
  background: #0366d6;
  border: 0;
  border-radius: 3px;
  cursor: pointer;
}
.subscribe-row button:hover {
  background: #024ea4;
}
/* Honeypot and the visually hidden label. Not display:none, which some bots
   skip and which hides the label from screen readers. */
.subscribe-hidden {
  position: absolute;
  left: -10000px;
  width: 1px;
  height: 1px;
  overflow: hidden;
}
@media (max-width: 480px) {
  .subscribe-row {
    flex-direction: column;
  }
}

/* Footer author link (layouts/partials/footer.html): stay footer grey, not the
   accent blue, so the line reads as a signature rather than a call to action. */
#footer .copyright a {
  color: inherit;
}
#footer .copyright a:hover {
  color: #0366d6;
}

/* Site header (themes/mini profile.html). The theme sets a 20px regular title
   meant to sit under an avatar; with no avatar it floats. Heavier, in the code
   font since it is a domain, with the bio line from params.bio underneath. */
.profile {
  margin-top: 48px;
}
.profile .site-title {
  font-family: SFMono-Regular, Consolas, Liberation Mono, Menlo, Courier, monospace;
  font-size: 26px;
  font-weight: 600;
  letter-spacing: -0.5px;
  color: #404040;
  margin: 0;
}
.profile .site-title a {
  color: inherit;
}
.profile .bio {
  font-size: 15px;
  font-weight: 400;
  color: #757575;
  margin: 6px auto 0;
  max-width: 580px;
}

/* The theme hides the nav button under 324px. It used to be a second RSS link;
   now it is the only nav route to /subscribe/, so keep it. */
@media (max-width: 324px) {
  nav.navigation a.button {
    display: inline-block;
  }
}

/* Page title on the tags index and tag pages (layouts/_default/terms.html and
   taxonomy.html), which the theme left without a heading. */
.tags-title {
  max-width: 580px;
  margin: 32px auto 0;
  font-size: 22px;
  font-weight: 400;
  color: #404040;
}