/* Edge Within email signup: shared styles for the footer form and /feed/ */
.signup-form { margin: 0; font-family: var(--sans); text-align: left; }
.signup-fields { display: flex; flex-wrap: wrap; gap: 10px; align-items: flex-end; }
.signup-field { flex: 1 1 170px; display: flex; flex-direction: column; gap: 6px; min-width: 0; }
.signup-field label {
  font-family: var(--sans); font-size: 14px; letter-spacing:0.01em;
   color: #a3a3a3;
}
.signup-field label .opt { text-transform: none; letter-spacing: 0.04em; color: #8a8a8a; }
.signup-input {
  width: 100%; min-height: 48px; padding: 12px 14px;
  background: #0A0A0A; color: #FFFFFF; border: 1px solid #3a3a3a; border-radius: 6px;
  font-family: var(--sans); font-size: 16px; line-height: 1.3;
  transition: border-color 0.2s;
  -webkit-appearance: none; appearance: none;
}
.signup-input::placeholder { color: #8a8a8a; opacity: 1; }
.signup-input:hover { border-color: #555555; }
.signup-input:focus { border-color: #b8860b; outline: 2px solid #b8860b; outline-offset: 2px; }
.signup-btn {
  flex: 0 0 auto; min-height: 48px; padding: 0 24px;
  background: #b8860b; color: #0A0A0A; border: none; border-radius: 6px; cursor: pointer;
  font-family: var(--sans); font-size: 15px; font-weight: 700; letter-spacing: 0.02em;
  transition: background 0.2s, transform 0.2s;
}
.signup-btn:hover { background: #D5A117; }
.signup-btn:active { transform: translateY(1px); }
.signup-btn:focus-visible { outline: 2px solid #FFFFFF; outline-offset: 3px; }
.signup-btn[disabled] { opacity: 0.7; cursor: progress; }
.signup-note { margin-top: 10px; font-size: 14px; line-height: 1.6; color: #8a8a8a; }
.signup-status { margin-top: 10px; font-size: 14px; line-height: 1.6; color: #d9d9d9; }
.signup-status:empty { display: none; }
.signup-status.is-info { color: #e6e6e6; border-left: 3px solid #b8860b; padding-left: 12px; }
.signup-status.is-error { color: #ffb4a8; border-left: 3px solid #e06c5a; padding-left: 12px; }
.signup-status.is-success { color: #FFFFFF; font-size: 16px; font-weight: 700; border-left: 3px solid #D5A117; padding-left: 12px; }
.signup-status:focus { outline: none; }
.signup-form.is-done .signup-fields,
.signup-form.is-done .signup-note { display: none; }
/* Honeypot: hidden from people and screen readers, still visible to most bots */
.signup-hp { position: absolute !important; left: -10000px; top: auto; width: 1px; height: 1px; overflow: hidden; }

/* ── Footer signup band ── */
.footer-signup {
  width: 100%; flex: none; max-width: 1100px; margin: 0 auto 40px; padding-bottom: 40px;
  border-bottom: 1px solid #222222;
  display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.7fr); gap: 32px; align-items: center;
  text-align: left;
}
.footer-signup .signup-eyebrow {
  font-family: var(--sans); font-size: 14px; letter-spacing:0.01em;
   color: #b8860b; margin: 0 0 8px;
}
.footer-signup .signup-title {
  font-family: var(--serif); font-size: 24px; font-weight: 400; line-height: 1.2; color: #FFFFFF; margin: 0;
}
.footer-signup .signup-lead {
  font-family: var(--sans); font-size: 14px; line-height: 1.7; color: #8a8a8a; margin: 8px 0 0;
}
@media (max-width: 900px) {
  .footer-signup { grid-template-columns: 1fr; gap: 18px; margin-bottom: 32px; padding-bottom: 32px; }
}
@media (max-width: 560px) {
  .footer-signup .signup-field { flex-basis: 100%; }
  .footer-signup .signup-btn { width: 100%; }
}

/* Support The Show (Buy Me a Coffee) footer button */
.support-btn{display:inline-flex;align-items:center;gap:8px;align-self:flex-start;margin-top:8px;padding:10px 16px;background:#000;color:#b8860b;border:1px solid #b8860b;border-radius:2px;font-family:'Anton',Impact,sans-serif;font-weight:400;font-size:15px;letter-spacing:0.08em;text-transform:uppercase;text-decoration:none;line-height:1;transition:background .2s,color .2s}
.support-btn:hover,.support-btn:focus-visible{background:#b8860b;color:#000}
.support-btn svg{width:16px;height:16px;flex:none}
.foot .support-btn{color:#b8860b;margin:0 0 12px}
.foot .support-btn:hover{color:#000;text-decoration:none}
@media (max-width:600px){.support-btn{font-size:14px;padding:12px 16px}}
