/* Email signup in the write-ups under /thoughts/. Deliberately quiet: no
   box, no fill, just a hairline under the field and the word "Subscribe".
   Uses the write-up shell's own tokens, so it follows light/dark. Behaviour
   lives in /static/js/signup.js. */
.thought-signup {
  margin: var(--s7, 40px) 0 0;
  max-width: 420px;
}
/* Mid-article: centred in the column, label centred over the field. */
.thought-signup--centre { margin-left: auto; margin-right: auto; text-align: center; }
.thought-signup--centre .signup__row { text-align: left; }
.thought-signup__label {
  display: block;
  font-size: 14px;
  color: var(--text-tertiary);
}
.thought-signup .signup__row {
  display: flex;
  align-items: baseline;
  gap: var(--s4, 16px);
  border-bottom: 1px solid var(--border);
  transition: border-color var(--transition, 160ms ease);
}
.thought-signup .signup__row:focus-within { border-color: var(--text-tertiary); }
.thought-signup .signup__input {
  flex: 1;
  min-width: 0;
  padding: var(--s2, 8px) 0;
  background: none;
  border: 0;
  border-radius: 0;
  color: var(--text);
  font: inherit;
  font-size: 15px;
}
.thought-signup .signup__input::placeholder { color: var(--text-disabled); }
.thought-signup .signup__input:focus { outline: none; }
.thought-signup .signup__btn {
  padding: var(--s2, 8px) 0;
  background: none;
  border: 0;
  color: var(--text-secondary);
  font: inherit;
  font-size: 15px;
  cursor: pointer;
  transition: color var(--transition, 160ms ease);
}
.thought-signup .signup__btn:hover,
.thought-signup .signup__btn:focus-visible { color: var(--text); outline: none; }
.thought-signup .signup__btn:disabled { opacity: 0.5; cursor: default; }
.thought-signup .signup__hp { position: absolute; left: -9999px; width: 1px; height: 1px; opacity: 0; }
.thought-signup .signup__status { margin: var(--s2, 8px) 0 0; font-size: 14px; color: var(--text-tertiary); }
.thought-signup .signup__status:empty { display: none; }
.thought-signup.is-done .signup__row { display: none; }