/* Related-reading pattern: same dark surface as the author card. */
:is(.prose, .editor-styles-wrapper) .promo {
  display:grid;
  grid-template-columns:minmax(0,1fr) 220px;
  align-items:center;
  gap:28px;
  width:100%;
  box-sizing:border-box;
  margin:36px 0;
  padding:32px;
  border:1px solid #354a50;
  border-radius:16px;
  background:#23373d;
  color:#fff;
  overflow:hidden;
}
:is(.prose, .editor-styles-wrapper) .promo::after { display:none; }
:is(.prose, .editor-styles-wrapper) .promo p { color:#c5d2d4; margin:0 0 18px; }
:is(.prose, .editor-styles-wrapper) .promo .promo__badge { padding:0; background:none; border-radius:0; color:#64d6bf; font:500 .75rem/1.4 var(--mono,monospace); letter-spacing:.08em; text-transform:uppercase; margin-bottom:12px; }
:is(.prose, .editor-styles-wrapper) .promo .promo__title { color:#fff; font:600 clamp(1.5rem,2.6vw,1.9rem)/1.2 var(--serif,Georgia,serif); margin-bottom:16px; }
:is(.prose, .editor-styles-wrapper) .promo .btn { display:inline-flex; align-items:center; gap:12px; padding:12px 20px; background:#ee6658; border:1px solid #ee6658; border-radius:8px; color:#fff; font:600 .95rem/1.4 var(--sans,system-ui,sans-serif); text-decoration:none; }
:is(.prose, .editor-styles-wrapper) .promo .btn:hover { background:#d85449; border-color:#d85449; color:#fff; }
:is(.prose, .editor-styles-wrapper) .promo__art { display:flex; align-items:center; justify-content:center; width:220px; height:190px; background:transparent; border:0; border-radius:0; box-shadow:none; overflow:visible; }
:is(.prose, .editor-styles-wrapper) .promo__art img { display:block; width:100%; height:100%; object-fit:contain; margin:0; background:transparent; }
@media(max-width:599px) {
  :is(.prose, .editor-styles-wrapper) .promo { grid-template-columns:minmax(0,1fr); gap:18px; padding:24px; }
  :is(.prose, .editor-styles-wrapper) .promo__art { grid-row:auto; justify-self:center; width:180px; height:145px; }
}