/* Optional email signup in the existing GhostHeart reading space. */
.ghx-site .journal-article h1 { overflow-wrap: anywhere; }
.journal-signup { margin-block: 2.5rem; padding: clamp(1.25rem, 4vw, 2rem); max-width: 65ch; border: 1px solid var(--ghx-line, #573333); border-radius: .4rem; background: #121112; }
.journal-signup h2 { margin: 0 0 .75rem; font-size: clamp(1.6rem, 3vw, 2rem); }
.journal-signup > p { color: #e0dcd6; line-height: 1.7; }
.journal-signup .g-form { margin-top: 1.5rem; }
.journal-signup label { display: block; margin-bottom: .5rem; font-weight: 650; }
.journal-signup .g-form-row { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: .75rem; }
.journal-signup input[type="email"] { box-sizing: border-box; width: 100%; min-width: 0; min-height: 48px; padding: .75rem; border: 1px solid #8f8f95; border-radius: .3rem; background: #171719; color: #fff; font: inherit; font-size: 1rem; }
.journal-signup button { min-height: 48px; padding: .75rem 1rem; border: 1px solid #e5c5bc; border-radius: .3rem; background: #411d1d; color: #fff; font: inherit; font-weight: 650; cursor: pointer; }
.journal-signup :is(input, button, a):focus-visible { outline: 3px solid #f0b2a2; outline-offset: 4px; }
.journal-signup .g-honeypot { position: absolute; left: -10000px; width: 1px; height: 1px; overflow: hidden; }
.journal-signup .g-small, .journal-signup-fallback, .journal-signup .g-form-status { font-size: .9rem; line-height: 1.7; overflow-wrap: anywhere; }
.journal-signup .g-form-status:empty { display: none; }
@media (max-width: 600px) {
  .ghx-site .journal-article h1 { font-size: clamp(2rem, 8vw, 3rem); }
  .journal-signup .g-form-row { grid-template-columns: minmax(0, 1fr); }
  .journal-signup button { width: 100%; }
}