/* Article-scoped styles for /journal/guest-communication-before-arrival/.
   Everything else on the page is the Journal's own components.

   Only one thing is borrowed: the dark stat pull-quote used on the recent
   articles (mobile speed, social, AI Mode). It is copied rather than shared so
   no article can quietly restyle another.

   The "What this means for you" passages deliberately use journal.css's own
   .bw-prose blockquote — the light tinted block with a green rule — so they
   read as a quieter aside beside the dark stat quotes, with no new component. */

.bw-prose blockquote.gc-pull {
  background: var(--bw-ink, #0C2A1C);
  border-left: 4px solid var(--bw-accent-mid, #7FC98B);
  border-radius: var(--bw-r-md, 18px);
  padding: 30px 32px; margin: 30px 0 28px;
}
.bw-prose blockquote.gc-pull p {
  font-family: 'Schibsted Grotesk', system-ui, sans-serif;
  font-size: clamp(19px, 1.9vw, 24px); line-height: 1.4; letter-spacing: -0.015em;
  font-weight: 600; color: var(--bw-cream, #F2F6EE); margin: 0;
}
.bw-prose blockquote.gc-pull strong { color: var(--bw-accent-soft, #9FDCA9); font-weight: 800; }
/* .bw-prose a (0,1,1) would paint a link dark green on this dark ground */
.bw-prose blockquote.gc-pull a {
  color: var(--bw-white, #FFFFFF); font-weight: 700;
  border-bottom: 1.5px solid rgba(159, 220, 169, 0.6);
}
.bw-prose blockquote.gc-pull a:hover,
.bw-prose blockquote.gc-pull a:focus-visible {
  color: var(--bw-accent-soft, #9FDCA9); border-bottom-color: var(--bw-accent-soft, #9FDCA9);
}

@media (max-width: 560px) {
  .bw-prose blockquote.gc-pull { padding: 24px 20px; border-radius: var(--bw-r-sm, 12px); }
  .bw-prose blockquote.gc-pull p { font-size: 18px; }
}

/* Closing CTA measure — the approved treatment from the last three articles:
   in a stacked in-article card the component's 46ch leaves a third of the dark
   panel empty. Scoped by id; the component default is untouched elsewhere. */
#guest-comms-form .pgform__lede { max-width: 64ch; }