/* New-article extras (Oct 15, 2026): in-article screenshots, pull quote, inline code, rule, AI editor credit.
   Linked only from article/systeme-io-review.html and article/start-marketing-consulting-business.html. Theme variables, light + dark. */
.prose figure.shot { margin: 1.6em 0 1.8em; scroll-margin-top: 170px; }
.prose figure.shot img {
  display: block; width: 100%; height: auto; max-width: 100%;
  border: 1px solid var(--rule, rgba(140,135,126,.35)); border-radius: var(--r, 10px);
  background: var(--card, #fff);
}
.prose figure.shot figcaption {
  display: block; text-align: left; margin-top: 10px;
  font: 400 15px/1.5 var(--body, inherit); color: var(--muted);
}
.prose figure.shot figcaption em, .prose figure.shot figcaption strong { color: var(--ink2); }
.prose blockquote.pull {
  margin: 1.4em 0; padding: .2em 0 .2em 18px; border-left: 3px solid #C5A059;
  font-size: 1.05em; color: var(--ink);
}
.prose blockquote.pull footer { margin-top: .5em; font-size: 15px; color: var(--muted); }
.prose code {
  font: 500 .82em/1.4 var(--mono, ui-monospace, monospace); padding: .1em .35em; border-radius: 5px;
  background: rgba(140,135,126,.14); overflow-wrap: anywhere;
}
.prose hr { border: 0; border-top: 1px solid var(--rule, rgba(140,135,126,.35)); margin: 2em 0 1.2em; }
.prose .ai-credit { font-size: 15px; line-height: 1.55; color: var(--muted); }
.prose .ai-credit em { color: var(--ink2); }
.prose .body p, .prose .body li { overflow-wrap: anywhere; }   /* long bare source URLs wrap on phones */