/* ─── Inline article subscribe widget ──────────────────────────
   Used on article pages, which don't load /styles.css (they carry
   their own embedded stylesheet). Relies on the CSS custom
   properties already defined on :root in the article template
   (--navy, --terra, --cream, --cream2, --gold, --mont, --corm,
   --rule, --muted) — same tokens, same values, as the site-wide
   sheet, so this drops in without redefining brand colour. */

.asc-artsub {
  max-width: 680px;
  margin: 2.8rem auto 0;
  padding: 30px 28px;
  background: var(--cream2, #ECE7DD);
  border: 1px solid var(--rule, rgba(0,26,61,.12));
  border-radius: 2px;
  text-align: center;
}
.asc-artsub-eyebrow {
  font-family: var(--mont), 'Montserrat', sans-serif;
  font-size: .6rem; font-weight: 700; letter-spacing: .16em;
  text-transform: uppercase; color: var(--gold, #B8942A);
  margin: 0 0 .5rem;
}
.asc-artsub-h {
  font-family: var(--corm), 'Cormorant Garamond', serif;
  font-weight: 500; font-size: 1.5rem; color: var(--navy, #001A3D);
  margin: 0 0 .4rem;
}
.asc-artsub-sf {
  font-family: var(--corm), 'Cormorant Garamond', serif;
  font-style: italic; font-size: 1rem; color: var(--muted, #6B6B6B);
  margin: 0 0 1.3rem;
}
.asc-artsub-row {
  display: flex; max-width: 420px; margin: 0 auto;
}
.asc-artsub-input {
  flex: 1; font-family: var(--mont), 'Montserrat', sans-serif; font-size: 13px;
  padding: 13px 15px; background: #fff;
  border: 1px solid rgba(0,26,61,0.18); border-right: none;
  color: var(--navy, #001A3D); outline: none;
}
.asc-artsub-input::placeholder { color: rgba(0,26,61,0.32); }
.asc-artsub-btn {
  font-family: var(--mont), 'Montserrat', sans-serif; font-size: 11px; font-weight: 700;
  letter-spacing: .09em; text-transform: uppercase;
  padding: 13px 20px; background: var(--terra, #C05C3A); color: var(--cream, #F5F2ED);
  border: none; cursor: pointer; white-space: nowrap; transition: background .15s;
}
.asc-artsub-btn:hover { background: #a04a2a; }
.asc-artsub-btn:disabled { opacity: .6; cursor: default; }
.asc-artsub-success {
  display: none;
  font-family: var(--corm), 'Cormorant Garamond', serif;
  font-style: italic; font-size: 1.1rem; color: var(--navy, #001A3D);
  margin: 0;
}
.asc-artsub.is-submitted .asc-artsub-form-inner { display: none; }
.asc-artsub.is-submitted .asc-artsub-success { display: block; }

@media (max-width: 520px) {
  .asc-artsub { margin: 2.2rem 16px 0; padding: 24px 18px; }
  .asc-artsub-row { flex-direction: column; }
  .asc-artsub-input { border-right: 1px solid rgba(0,26,61,0.18); border-bottom: none; }
  .asc-artsub-btn { padding: 14px; }
}