/*
 * Prompting Trust — MASTER Post-Body Components CSS (Sheet 2)
 * Candidate updated: 2026-08-19 — canonical article-card / article-image-card
 * names plus In Closing 3px #8CB7FF chrome gradient (no inner h4)
 *
 * Paste this entire file (including the surrounding style wrapper) into the Beehiiv post template
 * Custom HTML embed — website-only, email-hidden — at the top of the post body
 * template (same delivery pattern as the laboratory scope marker).
 *
 * Requires Sheet 1 first: MASTER-beehiiv-global-footer.css in Global Footer
 * (tokens, post-header, forms, nav, post-body button primitives — blue + grey ring rollovers).
 *
 * Scope: .rendered-post .dream-post-content-doc (all posts).
 * Laboratory specimen may still carry #prompting-trust-channel-lab; not required
 * for production once this sheet is live.
 *
 * Source lineage: beehiiv-web.css §37 (channel design laboratory bridges).
 * Button fill/halo/hover live in Sheet 1 only. Do not re-paint buttons here.
 * Callout CTAs are Recap primary unless Beehiiv authors grey.
 */

/* Token contract is owned by Sheet 1. Sheet 2 contains component bridges only. */

/* Gradient frame. Beehiiv strips data-pt-component on rendered web.
 * Email keys the same chrome (3px #8CB7FF, 12px radius) without requiring
 * an inner h4. In Closing is body copy + CTA; its H6 sits in a sibling
 * section, so the H4+anchor Supercharger never matches. */
.rendered-post .dream-post-content-doc :is(.pt-channel-callout, [data-pt-component="gradient-callout"]),
.rendered-post .dream-post-content-doc div[style*="--post-section-border-color: #8CB7FF"][style*="--post-section-border-top-width: 3px"][style*="--post-section-border-top-left-radius: 12px"],
.rendered-post .dream-post-content-doc div[style*="--post-section-border-color:#8CB7FF"][style*="--post-section-border-top-width:3px"][style*="--post-section-border-top-left-radius:12px"] {
  background:
    linear-gradient(var(--pt-color-surface), var(--pt-color-surface)) padding-box,
    linear-gradient(100deg, var(--pt-color-callout-gradient-start), var(--pt-color-callout-gradient-end)) border-box !important;
  border: 3px solid transparent !important;
  border-radius: var(--pt-radius-post-card, 12px) !important;
  box-shadow: var(--pt-shadow-callout) !important;
  margin: 32px 0 !important;
  /* visible so Sheet 1 button box-shadow rings are not clipped (form-row failure mode) */
  overflow: visible !important;
}

.rendered-post .dream-post-content-doc :is(.pt-channel-callout, [data-pt-component="gradient-callout"]) > div:has(> h4),
.rendered-post .dream-post-content-doc div[style*="--post-section-border-top-width: 3px"][style*="--post-section-border-top-left-radius: 12px"]:has(> div > h4):has(a[data-type="button"], a[type="button"]):not(:has(h3)):not(:has(h6)) > div:has(> h4) {
  padding: 0 !important;
}

.rendered-post .dream-post-content-doc :is(.pt-channel-callout, [data-pt-component="gradient-callout"]) > div:has(> a[data-type="button"], a[type="button"]),
.rendered-post .dream-post-content-doc div[style*="--post-section-border-top-width: 3px"][style*="--post-section-border-top-left-radius: 12px"]:has(> div > h4):has(a[data-type="button"], a[type="button"]):not(:has(h3)):not(:has(h6)) > div:has(> a[data-type="button"], a[type="button"]),
.rendered-post .dream-post-content-doc div[style*="--post-section-border-color: #8CB7FF"][style*="--post-section-border-top-width: 3px"][style*="--post-section-border-top-left-radius: 12px"] > div:has(> :is(a[data-type="button"], a[type="button"], button[type="button"])),
.rendered-post .dream-post-content-doc div[style*="--post-section-border-color:#8CB7FF"][style*="--post-section-border-top-width:3px"][style*="--post-section-border-top-left-radius:12px"] > div:has(> :is(a[data-type="button"], a[type="button"], button[type="button"])) {
  /* Extra bottom air for Sheet 1 4px halo */
  overflow: visible !important;
  padding: 16px 24px 20px !important;
}

.rendered-post .dream-post-content-doc :is(.pt-channel-callout, [data-pt-component="gradient-callout"]) h4,
.rendered-post .dream-post-content-doc div[style*="--post-section-border-top-width: 3px"][style*="--post-section-border-top-left-radius: 12px"]:has(> div > h4):has(a[data-type="button"], a[type="button"]):not(:has(h3)):not(:has(h6)) h4 {
  font-size: 26px !important;
  margin: 32px 24px 0 !important;
  max-width: 640px !important;
}

.rendered-post .dream-post-content-doc :is(
  .pt-channel-article-card,
  [data-pt-component="article-card"],
  [data-pt-component="article-image-card"],
  [data-pt-component="article-card-narrative"],
  #pt-article-card,
  #pt-article-image-card,
  #pt-article-card-narrative
) {
  background: var(--pt-color-surface) !important;
  border: 1px solid var(--pt-color-border) !important;
  border-radius: var(--pt-radius-post-card, 12px) !important;
  box-shadow: var(--pt-card-shadow, var(--pt-shadow-callout)) !important;
  margin: 32px 0 !important;
  overflow: hidden !important;
  padding: 24px !important;
}

.rendered-post .dream-post-content-doc :is(
  .pt-channel-article-card,
  [data-pt-component="article-image-card"],
  #pt-article-image-card,
  [data-pt-component="article-card"]:has(figure[data-type="imageBlock"], .dream-post-content-imageBlock),
  #pt-article-card:has(figure[data-type="imageBlock"], .dream-post-content-imageBlock)
) {
  padding: 0 !important;
}

.rendered-post .dream-post-content-doc :is(
  .pt-channel-article-card,
  [data-pt-component="article-card"],
  [data-pt-component="article-image-card"],
  [data-pt-component="article-card-narrative"],
  #pt-article-card,
  #pt-article-image-card,
  #pt-article-card-narrative
) h6 {
  margin: 0 0 12px !important;
}

.rendered-post .dream-post-content-doc :is(
  .pt-channel-article-card,
  [data-pt-component="article-card"],
  [data-pt-component="article-image-card"],
  [data-pt-component="article-card-narrative"],
  #pt-article-card,
  #pt-article-image-card,
  #pt-article-card-narrative
) h3 {
  margin-top: 0 !important;
}

/* Image-led Article Card: use the pre-cropped 16:9 asset contract. */
.rendered-post .dream-post-content-doc :is(
  .pt-channel-article-card,
  [data-pt-component="article-image-card"],
  #pt-article-image-card,
  [data-pt-component="article-card"]:has(figure[data-type="imageBlock"], .dream-post-content-imageBlock),
  #pt-article-card:has(figure[data-type="imageBlock"], .dream-post-content-imageBlock)
) figure[data-type="imageBlock"] img {
  aspect-ratio: 16 / 9 !important;
  height: auto !important;
  object-fit: cover !important;
  object-position: center !important;
  width: 100% !important;
}

/* The native quote copy carrier can suppress the normal link colour; restore
   the governed inline CTA for the canonical image card and its legacy alias. */
.rendered-post .dream-post-content-doc :is(
  [data-pt-component="article-image-card"],
  #pt-article-image-card,
  [data-pt-component="article-card"]:has(figure[data-type="imageBlock"], .dream-post-content-imageBlock),
  #pt-article-card:has(figure[data-type="imageBlock"], .dream-post-content-imageBlock)
) figure[data-type="blockquoteFigure"] a {
  color: var(--pt-color-link, #206bea) !important;
}

/* Key Moments mirrors Recap 2.0 Supercharger's flat widget: a 10px bordered
   surface, numbered markers and a mobile-first title colour. The legacy class
   selectors remain as a compatibility layer for earlier governed markup. */
.rendered-post .dream-post-content-doc :is(.pt-channel-key-moments, [data-pt-component="key-moments"]) {
  background: var(--pt-color-surface) !important;
  border: 1px solid var(--pt-color-border) !important;
  border-radius: var(--pt-radius-widget) !important;
  box-shadow: none !important;
  color: var(--pt-color-text-primary) !important;
  margin: 32px 0 !important;
  overflow: hidden !important;
  padding: 40px !important;
}

.rendered-post .dream-post-content-doc :is(.pt-channel-key-moments, [data-pt-component="key-moments"]) :is(h2, h3, p) {
  margin: 0 !important;
}

.rendered-post .dream-post-content-doc .pt-key-moments__heading {
  font-size: 20px !important;
  margin-bottom: 16px !important;
}

.rendered-post .dream-post-content-doc .pt-key-moments__list {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

.rendered-post .dream-post-content-doc .pt-key-moments__item {
  align-items: flex-start !important;
  border-top: 1px solid var(--pt-color-border) !important;
  display: flex !important;
  gap: 12px !important;
  padding: 16px 0 !important;
}

.rendered-post .dream-post-content-doc .pt-key-moments__item:first-child {
  border-top: 0 !important;
}

.rendered-post .dream-post-content-doc .pt-key-moments__item:last-child {
  padding-bottom: 0 !important;
}

.rendered-post .dream-post-content-doc .pt-key-moments__number {
  align-items: center !important;
  background: var(--pt-color-control-primary) !important;
  border-radius: 50% !important;
  color: #ffffff !important;
  display: inline-flex !important;
  flex: 0 0 24px !important;
  font-family: var(--pt-font-family-reading) !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  height: 24px !important;
  justify-content: center !important;
  line-height: 1 !important;
  margin-top: 3px !important;
  width: 24px !important;
}

.rendered-post .dream-post-content-doc .pt-key-moments__content {
  flex: 1 1 auto !important;
  min-width: 0 !important;
}

.rendered-post .dream-post-content-doc .pt-key-moments__title {
  color: var(--pt-color-text-primary) !important;
  font-size: 18px !important;
  line-height: 1.2 !important;
}

.rendered-post .dream-post-content-doc .pt-key-moments__description {
  color: var(--pt-color-text-secondary) !important;
  font-family: var(--pt-font-family-reading) !important;
  font-size: 16px !important;
  line-height: 1.5 !important;
  margin-top: 4px !important;
}

.rendered-post .dream-post-content-doc .pt-key-moments__arrow {
  align-self: center !important;
  color: var(--pt-color-control-primary) !important;
  display: inline-block !important;
  font-size: 20px !important;
  line-height: 1 !important;
  margin-left: 12px !important;
}

@media (max-width: 575.98px) {
  .rendered-post .dream-post-content-doc :is(.pt-channel-key-moments, [data-pt-component="key-moments"]) {
    padding: 24px !important;
  }

  .rendered-post .dream-post-content-doc .pt-key-moments__title {
    color: var(--pt-color-link) !important;
  }

  .rendered-post .dream-post-content-doc .pt-key-moments__arrow {
    display: none !important;
  }
}

:root[data-scheme="dark"] .rendered-post .dream-post-content-doc :is(.pt-channel-key-moments, [data-pt-component="key-moments"]) .pt-key-moments__number {
  background: #161616 !important;
  color: #ffffff !important;
}

@media (prefers-color-scheme: dark) {
  :root[data-scheme="auto"] .rendered-post .dream-post-content-doc :is(.pt-channel-key-moments, [data-pt-component="key-moments"]) .pt-key-moments__number {
    background: #161616 !important;
    color: #ffffff !important;
  }
}

/* Beehiiv native-web Key Moments bridge.
   The editor anchor is available in the local specimen, while Beehiiv's final
   web render strips it and retains only the authored section geometry plus the
   direct ordered list. The structural selector resolves exactly once in the
   captured laboratory draft and avoids Beehiiv's generated class names. */
.rendered-post .dream-post-content-doc > :is(
  div[data-anchor-id="pt-key-moments"],
  div[style*="--post-section-border-top-left-radius: 10px"][style*="--post-section-border-top-width: 1px"]:has(> div > ol[start="1"])
) {
  background: var(--pt-color-surface) !important;
  border: 1px solid var(--pt-color-border) !important;
  border-radius: var(--pt-radius-widget) !important;
  box-shadow: none !important;
  color: var(--pt-color-text-primary) !important;
  margin: 32px 0 !important;
  overflow: hidden !important;
  padding: 40px !important;
}

.rendered-post .dream-post-content-doc > :is(
  div[data-anchor-id="pt-key-moments"],
  div[style*="--post-section-border-top-left-radius: 10px"][style*="--post-section-border-top-width: 1px"]:has(> div > ol[start="1"])
) h2 {
  font-size: 20px !important;
  margin: 0 0 16px !important;
}

.rendered-post .dream-post-content-doc > :is(
  div[data-anchor-id="pt-key-moments"],
  div[style*="--post-section-border-top-left-radius: 10px"][style*="--post-section-border-top-width: 1px"]:has(> div > ol[start="1"])
) ol {
  counter-reset: pt-key-moments !important;
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

.rendered-post .dream-post-content-doc > :is(
  div[data-anchor-id="pt-key-moments"],
  div[style*="--post-section-border-top-left-radius: 10px"][style*="--post-section-border-top-width: 1px"]:has(> div > ol[start="1"])
) ol > li {
  border-top: 1px solid var(--pt-color-border) !important;
  column-gap: 12px !important;
  counter-increment: pt-key-moments !important;
  display: grid !important;
  grid-template-columns: 24px minmax(0, 1fr) !important;
  list-style: none !important;
  padding: 16px 0 !important;
}

.rendered-post .dream-post-content-doc > :is(
  div[data-anchor-id="pt-key-moments"],
  div[style*="--post-section-border-top-left-radius: 10px"][style*="--post-section-border-top-width: 1px"]:has(> div > ol[start="1"])
) ol > li:first-child {
  border-top: 0 !important;
  padding-top: 0 !important;
}

.rendered-post .dream-post-content-doc > :is(
  div[data-anchor-id="pt-key-moments"],
  div[style*="--post-section-border-top-left-radius: 10px"][style*="--post-section-border-top-width: 1px"]:has(> div > ol[start="1"])
) ol > li:last-child {
  padding-bottom: 0 !important;
}

.rendered-post .dream-post-content-doc > :is(
  div[data-anchor-id="pt-key-moments"],
  div[style*="--post-section-border-top-left-radius: 10px"][style*="--post-section-border-top-width: 1px"]:has(> div > ol[start="1"])
) ol > li::before {
  align-items: center !important;
  align-self: start !important;
  background: var(--pt-color-control-primary) !important;
  border-radius: 50% !important;
  color: #ffffff !important;
  content: counter(pt-key-moments) !important;
  display: inline-flex !important;
  font-family: var(--pt-font-family-reading) !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  height: 24px !important;
  justify-content: center !important;
  line-height: 1 !important;
  margin-top: 3px !important;
  width: 24px !important;
}

.rendered-post .dream-post-content-doc > :is(
  div[data-anchor-id="pt-key-moments"],
  div[style*="--post-section-border-top-left-radius: 10px"][style*="--post-section-border-top-width: 1px"]:has(> div > ol[start="1"])
) ol > li > div {
  min-width: 0 !important;
}

.rendered-post .dream-post-content-doc > :is(
  div[data-anchor-id="pt-key-moments"],
  div[style*="--post-section-border-top-left-radius: 10px"][style*="--post-section-border-top-width: 1px"]:has(> div > ol[start="1"])
) ol > li p {
  color: var(--pt-color-text-secondary) !important;
  font-family: var(--pt-font-family-reading) !important;
  font-size: 16px !important;
  line-height: 1.5 !important;
  margin: 0 !important;
}

.rendered-post .dream-post-content-doc > :is(
  div[data-anchor-id="pt-key-moments"],
  div[style*="--post-section-border-top-left-radius: 10px"][style*="--post-section-border-top-width: 1px"]:has(> div > ol[start="1"])
) ol > li strong {
  color: var(--pt-color-text-primary) !important;
  font-family: var(--pt-font-family-heading) !important;
  font-size: 18px !important;
  font-weight: 600 !important;
  letter-spacing: -0.06em !important;
  line-height: 1.2 !important;
}

@media (max-width: 575.98px) {
  .rendered-post .dream-post-content-doc > :is(
    div[data-anchor-id="pt-key-moments"],
    div[style*="--post-section-border-top-left-radius: 10px"][style*="--post-section-border-top-width: 1px"]:has(> div > ol[start="1"])
  ) {
    padding: 24px !important;
  }

  .rendered-post .dream-post-content-doc > :is(
    div[data-anchor-id="pt-key-moments"],
    div[style*="--post-section-border-top-left-radius: 10px"][style*="--post-section-border-top-width: 1px"]:has(> div > ol[start="1"])
  ) ol > li strong {
    color: var(--pt-color-link) !important;
  }
}

/* Numbered Poll Card.
   Beehiiv owns the poll, response links and participation state. The bridge
   maps its native web structure onto the same surface, rhythm, typography and
   numbered markers as Key Moments. Generated class names are deliberately not
   used: the poll is identified by its stable option-list structure and either
   tracked choice links or authenticated choice buttons. Number markers are
   decorative; only the text-width native response control is interactive. */
.rendered-post .dream-post-content-doc > div > div:has(
  ul > li > :is(a[data-skip-tracking="true"], button[type="button"])
) {
  background: var(--pt-color-surface) !important;
  border: 1px solid var(--pt-color-border) !important;
  border-radius: var(--pt-radius-widget) !important;
  box-shadow: none !important;
  color: var(--pt-color-text-primary) !important;
  margin: 32px 0 !important;
  overflow: hidden !important;
  padding: 40px !important;
}

.rendered-post .dream-post-content-doc > div > div:has(
  ul > li > :is(a[data-skip-tracking="true"], button[type="button"])
) > div:first-child > div:first-child h3 {
  color: var(--pt-color-text-primary) !important;
  font-family: var(--pt-font-family-heading) !important;
  font-size: 20px !important;
  font-weight: 600 !important;
  letter-spacing: -0.06em !important;
  line-height: 1.2 !important;
  margin: 0 0 8px !important;
}

.rendered-post .dream-post-content-doc > div > div:has(
  ul > li > :is(a[data-skip-tracking="true"], button[type="button"])
) > div:first-child > div:first-child > div {
  color: var(--pt-color-text-secondary) !important;
  font-family: var(--pt-font-family-reading) !important;
  font-size: 16px !important;
  line-height: 1.5 !important;
}

.rendered-post .dream-post-content-doc > div > div:has(
  ul > li > :is(a[data-skip-tracking="true"], button[type="button"])
) ul {
  box-sizing: border-box !important;
  counter-reset: pt-numbered-poll !important;
  flex-direction: column !important;
  list-style: none !important;
  margin: 16px 0 0 28px !important;
  max-width: none !important;
  padding: 0 !important;
  width: calc(100% - 28px) !important;
}

.rendered-post .dream-post-content-doc > div > div:has(
  ul > li > :is(a[data-skip-tracking="true"], button[type="button"])
) ul > li {
  border: 0 !important;
  border-top: 1px solid var(--pt-color-border) !important;
  border-radius: 0 !important;
  column-gap: 12px !important;
  counter-increment: pt-numbered-poll !important;
  display: grid !important;
  grid-template-columns: 24px minmax(0, 1fr) !important;
  list-style: none !important;
  margin: 0 !important;
  padding: 16px 0 !important;
  text-decoration: none !important;
  width: 100% !important;
}

.rendered-post .dream-post-content-doc > div > div:has(
  ul > li > :is(a[data-skip-tracking="true"], button[type="button"])
) ul > li:first-child {
  border-top: 0 !important;
  padding-top: 0 !important;
}

.rendered-post .dream-post-content-doc > div > div:has(
  ul > li > :is(a[data-skip-tracking="true"], button[type="button"])
) ul > li:last-child {
  padding-bottom: 0 !important;
}

.rendered-post .dream-post-content-doc > div > div:has(
  ul > li > :is(a[data-skip-tracking="true"], button[type="button"])
) ul > li::before {
  align-items: center !important;
  align-self: start !important;
  background: var(--pt-color-control-primary) !important;
  border-radius: 50% !important;
  color: #ffffff !important;
  content: counter(pt-numbered-poll) !important;
  display: inline-flex !important;
  font-family: var(--pt-font-family-reading) !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  height: 24px !important;
  justify-content: center !important;
  line-height: 1 !important;
  margin-top: 1px !important;
  text-decoration: none !important;
  width: 24px !important;
}

.rendered-post .dream-post-content-doc > div > div:has(
  ul > li > :is(a[data-skip-tracking="true"], button[type="button"])
) ul > li > :is(a[data-skip-tracking="true"], button[type="button"]) {
  color: var(--pt-color-link) !important;
  cursor: pointer !important;
  font-family: var(--pt-font-family-heading) !important;
  font-size: 16px !important;
  font-weight: 600 !important;
  justify-self: start !important;
  letter-spacing: -0.06em !important;
  line-height: 1.2 !important;
  min-width: 0 !important;
  text-align: left !important;
  text-decoration: underline !important;
  text-decoration-thickness: 1px !important;
  text-underline-offset: 2px !important;
  width: fit-content !important;
}

.rendered-post .dream-post-content-doc > div > div:has(
  ul > li > :is(a[data-skip-tracking="true"], button[type="button"])
) ul > li {
  transition: background-color 0.2s ease !important;
}

.rendered-post .dream-post-content-doc > div > div:has(
  ul > li > :is(a[data-skip-tracking="true"], button[type="button"])
) ul > li:is(:hover, :focus-within) {
  background-color: var(--pt-color-surface-muted) !important;
}

.rendered-post .dream-post-content-doc > div > div:has(
  ul > li > :is(a[data-skip-tracking="true"], button[type="button"])
) ul > li > :is(a[data-skip-tracking="true"], button[type="button"]):is(:hover, :focus-visible) {
  color: var(--pt-color-control-primary-hover) !important;
  text-decoration-thickness: 2px !important;
}

.rendered-post .dream-post-content-doc > div > div:has(
  ul > li > :is(a[data-skip-tracking="true"], button[type="button"])
) ul > li > :is(a[data-skip-tracking="true"], button[type="button"]):focus-visible {
  outline: 2px solid var(--pt-color-control-primary) !important;
  outline-offset: 4px !important;
}

.rendered-post .dream-post-content-doc > div > div:has(
  ul > li > :is(a[data-skip-tracking="true"], button[type="button"])
) > div:last-child:not(:first-child) {
  border-top: 1px solid var(--pt-color-border) !important;
  margin: 16px 0 0 !important;
  padding: 16px 0 0 !important;
}

.rendered-post .dream-post-content-doc > div > div:has(
  ul > li > :is(a[data-skip-tracking="true"], button[type="button"])
) > div:last-child:not(:first-child) p {
  color: var(--pt-color-text-secondary) !important;
  font-family: var(--pt-font-family-reading) !important;
  font-size: 13px !important;
  line-height: 1.5 !important;
  margin: 0 !important;
}

@media (max-width: 575.98px) {
  .rendered-post .dream-post-content-doc > div > div:has(
    ul > li > :is(a[data-skip-tracking="true"], button[type="button"])
  ) {
    padding: 24px !important;
  }

  .rendered-post .dream-post-content-doc > div > div:has(
    ul > li > :is(a[data-skip-tracking="true"], button[type="button"])
  ) ul > li > :is(a[data-skip-tracking="true"], button[type="button"]) {
    color: var(--pt-color-link) !important;
  }
}

/* Recap 2.0 Supercharger component family. These selectors map the source
   theme's authored flat-preset geometry onto governed Beehiiv HTML snippets. */
.rendered-post .dream-post-content-doc :is(.pt-channel-highlight, [data-pt-component="paragraph-highlight"]) {
  background: var(--pt-color-surface) !important;
  border: 1px solid var(--pt-color-border) !important;
  border-left: 2px solid var(--pt-color-control-primary) !important;
  border-radius: 0 var(--pt-radius-widget) var(--pt-radius-widget) 0 !important;
  box-shadow: none !important;
  color: var(--pt-color-text-primary) !important;
  margin: 32px 0 !important;
  padding: 40px !important;
}

.rendered-post .dream-post-content-doc .pt-highlight__inner {
  color: inherit !important;
  display: block !important;
  font-family: var(--pt-font-family-reading) !important;
  font-size: 18px !important;
  line-height: 1.6 !important;
}

.rendered-post .dream-post-content-doc :is(.pt-channel-quote-puller, [data-pt-component="quote-puller"]) {
  background: var(--pt-color-surface) !important;
  border-radius: var(--pt-radius-widget) !important;
  box-shadow: none !important;
  color: var(--pt-color-text-primary) !important;
  margin: 32px 0 !important;
}

.rendered-post .dream-post-content-doc .pt-quote-puller__inner {
  padding: 40px !important;
}

.rendered-post .dream-post-content-doc .pt-quote-puller__blockquote {
  align-items: flex-start !important;
  background: none !important;
  border: 0 !important;
  display: flex !important;
  gap: 16px !important;
  margin: 0 !important;
  padding: 0 !important;
}

.rendered-post .dream-post-content-doc .pt-quote-puller__icon {
  display: block !important;
  flex: 0 0 32px !important;
  height: 32px !important;
  margin-top: 8px !important;
  width: 32px !important;
}

.rendered-post .dream-post-content-doc .pt-quote-puller__icon svg {
  display: block !important;
  height: 31px !important;
  width: 32px !important;
}

.rendered-post .dream-post-content-doc .pt-quote-puller__fallback {
  display: none !important;
}

.rendered-post .dream-post-content-doc .pt-quote-puller__text {
  color: var(--pt-color-text-primary) !important;
  display: block !important;
  font-family: var(--pt-font-family-reading) !important;
  font-size: 18px !important;
  line-height: 1.6 !important;
}

.rendered-post .dream-post-content-doc :is(
  .pt-channel-inline-recommendations,
  [data-pt-component="inline-recommendations"],
  .pt-channel-recommendations,
  [data-pt-component="recommendations"],
  .pt-channel-key-questions,
  [data-pt-component="key-questions"]
) {
  background: var(--pt-color-surface) !important;
  border: 1px solid var(--pt-color-border) !important;
  border-radius: var(--pt-radius-widget) !important;
  box-shadow: none !important;
  color: var(--pt-color-text-primary) !important;
  margin: 32px 0 !important;
  padding: 40px !important;
}

.rendered-post .dream-post-content-doc :is(
  .pt-inline-recommendations__heading,
  .pt-recommendations__heading,
  .pt-key-questions__heading
) {
  color: var(--pt-color-text-primary) !important;
  font-size: 20.25px !important;
  line-height: 1.2 !important;
  margin: 0 0 16px !important;
}

.rendered-post .dream-post-content-doc :is(.pt-inline-recommendations__list, .pt-recommendations__list, .pt-key-questions__list) {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

.rendered-post .dream-post-content-doc .pt-inline-recommendations__list {
  display: flex !important;
  flex-direction: column !important;
  gap: 16px !important;
}

.rendered-post .dream-post-content-doc .pt-inline-recommendations__link {
  align-items: center !important;
  color: var(--pt-color-text-primary) !important;
  display: flex !important;
  gap: 16px !important;
  text-decoration: none !important;
}

.rendered-post .dream-post-content-doc .pt-inline-recommendations__image {
  border-radius: var(--pt-radius-widget) !important;
  display: block !important;
  flex: 0 0 64px !important;
  height: 64px !important;
  object-fit: cover !important;
  width: 64px !important;
}

.rendered-post .dream-post-content-doc .pt-inline-recommendations__content {
  display: flex !important;
  flex: 1 1 auto !important;
  flex-direction: column !important;
  gap: 8px !important;
  min-width: 0 !important;
}

.rendered-post .dream-post-content-doc .pt-inline-recommendations__title {
  color: var(--pt-color-text-primary) !important;
  font-size: 16px !important;
  font-weight: 600 !important;
  letter-spacing: -0.06em !important;
  line-height: 1.2 !important;
  margin: 0 !important;
}

.rendered-post .dream-post-content-doc .pt-recommendation-meta {
  color: var(--pt-color-text-secondary) !important;
  font-family: var(--pt-font-family-reading) !important;
  font-size: 12px !important;
  line-height: 1.4 !important;
  margin: 0 !important;
}

.rendered-post .dream-post-content-doc .pt-recommendations__list {
  display: flex !important;
  flex-direction: column !important;
  gap: 16px !important;
}

.rendered-post .dream-post-content-doc .pt-recommendations__item {
  display: flex !important;
  gap: 16px !important;
}

.rendered-post .dream-post-content-doc .pt-recommendations__thumbnail {
  aspect-ratio: 16 / 10 !important;
  border-radius: var(--pt-radius-widget) !important;
  display: block !important;
  flex: 1 1 0 !important;
  overflow: hidden !important;
}

.rendered-post .dream-post-content-doc .pt-recommendations__thumbnail img {
  display: block !important;
  height: 100% !important;
  object-fit: cover !important;
  transition: transform 0.2s ease !important;
  width: 100% !important;
}

.rendered-post .dream-post-content-doc .pt-recommendations__item:hover .pt-recommendations__thumbnail img {
  transform: scale(1.05) !important;
}

.rendered-post .dream-post-content-doc .pt-recommendations__content {
  display: flex !important;
  flex: 1 1 0 !important;
  flex-direction: column !important;
  gap: 8px !important;
  min-width: 0 !important;
}

.rendered-post .dream-post-content-doc .pt-recommendations__title {
  font-size: 20.25px !important;
  line-height: 1.2 !important;
  margin: 0 !important;
}

.rendered-post .dream-post-content-doc .pt-recommendations__title a {
  background-image: none !important;
  border-bottom: 0 !important;
  box-shadow: none !important;
  color: var(--pt-color-text-primary) !important;
  text-decoration: none !important;
  text-decoration-line: none !important;
}

.rendered-post .dream-post-content-doc .pt-recommendations__excerpt {
  color: var(--pt-color-text-secondary) !important;
  font-family: var(--pt-font-family-reading) !important;
  font-size: 14px !important;
  line-height: 1.7 !important;
  margin: 0 !important;
}

.rendered-post .dream-post-content-doc .pt-key-questions__item {
  align-items: flex-start !important;
  border-radius: var(--pt-radius-widget) !important;
  display: flex !important;
  gap: 12px !important;
  margin: 0 -18px !important;
  padding: 16px 18px !important;
  transition: background 0.2s ease !important;
}

.rendered-post .dream-post-content-doc .pt-key-questions__item:hover {
  background: var(--pt-color-surface-muted) !important;
}

.rendered-post .dream-post-content-doc .pt-key-questions__bullet {
  background: var(--pt-color-control-primary) !important;
  border-radius: 50% !important;
  display: block !important;
  flex: 0 0 9px !important;
  height: 9px !important;
  margin-top: 6px !important;
  width: 9px !important;
}

.rendered-post .dream-post-content-doc .pt-key-questions__content {
  flex: 1 1 auto !important;
  min-width: 0 !important;
}

.rendered-post .dream-post-content-doc .pt-key-questions__question {
  color: var(--pt-color-text-primary) !important;
  font-size: 18px !important;
  line-height: 1.2 !important;
  margin: 0 !important;
}

.rendered-post .dream-post-content-doc .pt-key-questions__preview {
  color: var(--pt-color-text-secondary) !important;
  font-family: var(--pt-font-family-reading) !important;
  font-size: 16px !important;
  line-height: 1.6 !important;
  margin: 4px 0 0 !important;
}

.rendered-post .dream-post-content-doc .pt-key-questions__arrow {
  align-self: center !important;
  color: var(--pt-color-text-secondary) !important;
  display: block !important;
  font-size: 24px !important;
  line-height: 1 !important;
  margin-left: 28px !important;
}

.rendered-post .dream-post-content-doc :is(.pt-channel-content-summarizer, [data-pt-component="content-summarizer"]) {
  margin: 32px 0 !important;
}

.rendered-post .dream-post-content-doc .pt-content-summary__details {
  background: var(--pt-color-control-primary) !important;
  border: 0 !important;
  border-radius: var(--pt-radius-widget) !important;
  overflow: hidden !important;
}

.rendered-post .dream-post-content-doc .pt-content-summary__summary {
  align-items: center !important;
  cursor: pointer !important;
  display: flex !important;
  gap: 16px !important;
  justify-content: space-between !important;
  list-style: none !important;
  padding: 16px 40px !important;
}

.rendered-post .dream-post-content-doc .pt-content-summary__summary::-webkit-details-marker {
  display: none !important;
}

.rendered-post .dream-post-content-doc .pt-content-summary__prompt {
  color: #ffffff !important;
  font-size: 20.25px !important;
  font-weight: 600 !important;
  letter-spacing: -0.06em !important;
  line-height: 1.2 !important;
  margin: 0 !important;
}

.rendered-post .dream-post-content-doc .pt-content-summary__button {
  background: #ffffff !important;
  border-radius: var(--pt-radius-control, 8px) !important;
  color: var(--pt-color-control-primary) !important;
  display: inline-flex !important;
  flex: 0 0 auto !important;
  font-family: var(--pt-font-family-reading) !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  gap: 8px !important;
  line-height: 1.2 !important;
  padding: 12px 16px !important;
}

.rendered-post .dream-post-content-doc .pt-content-summary__content {
  background: var(--pt-color-surface) !important;
  border: 2px solid var(--pt-color-control-primary) !important;
  border-top: 0 !important;
  color: var(--pt-color-text-primary) !important;
  padding: 24px 40px !important;
}

.rendered-post .dream-post-content-doc .pt-content-summary__content :is(h3, p) {
  color: var(--pt-color-text-primary) !important;
  margin: 0 !important;
}

.rendered-post .dream-post-content-doc .pt-content-summary__content h3 {
  font-size: 22px !important;
  line-height: 1.7 !important;
}

.rendered-post .dream-post-content-doc .pt-content-summary__content p {
  margin-top: 8px !important;
}

.rendered-post .dream-post-content-doc .pt-content-summary__email {
  display: none !important;
}

@media (max-width: 575.98px) {
  .rendered-post .dream-post-content-doc :is(
    .pt-channel-highlight,
    [data-pt-component="paragraph-highlight"],
    .pt-channel-inline-recommendations,
    [data-pt-component="inline-recommendations"],
    .pt-channel-recommendations,
    [data-pt-component="recommendations"],
    .pt-channel-key-questions,
    [data-pt-component="key-questions"]
  ),
  .rendered-post .dream-post-content-doc .pt-quote-puller__inner {
    padding: 24px !important;
  }

  .rendered-post .dream-post-content-doc .pt-recommendations__item {
    flex-direction: column !important;
  }

  .rendered-post .dream-post-content-doc .pt-key-questions__question {
    color: var(--pt-color-link) !important;
  }

  .rendered-post .dream-post-content-doc .pt-key-questions__arrow {
    display: none !important;
  }

  .rendered-post .dream-post-content-doc .pt-content-summary__summary {
    align-items: stretch !important;
    flex-direction: column !important;
    padding: 16px 24px !important;
    text-align: center !important;
  }

  .rendered-post .dream-post-content-doc .pt-content-summary__button {
    justify-content: center !important;
  }

  .rendered-post .dream-post-content-doc .pt-content-summary__content {
    padding: 24px !important;
  }
}

.rendered-post .dream-post-content-doc .pt-channel-image-placeholder {
  align-items: center !important;
  aspect-ratio: 16 / 9 !important;
  background: var(--pt-color-surface-muted) !important;
  border-radius: var(--pt-radius-control, 8px) !important;
  color: var(--pt-color-text-secondary) !important;
  display: flex !important;
  font-family: var(--pt-font-family-reading) !important;
  font-size: 14px !important;
  justify-content: center !important;
  margin-bottom: 20px !important;
}

.rendered-post .dream-post-content-doc .pt-lab-columns {
  display: grid !important;
  gap: 24px !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

@media (max-width: 767.98px) {
  .rendered-post .dream-post-content-doc :is(.pt-channel-callout, [data-pt-component="gradient-callout"]) > div:has(> h4),
  .rendered-post .dream-post-content-doc div[style*="--post-section-border-top-width: 3px"][style*="--post-section-border-top-left-radius: 12px"]:has(> div > h4):has(a[data-type="button"], a[type="button"]):not(:has(h3)):not(:has(h6)) > div:has(> h4) {
    padding: 0 !important;
  }

  .rendered-post .dream-post-content-doc :is(.pt-channel-callout, [data-pt-component="gradient-callout"]) h4,
  .rendered-post .dream-post-content-doc div[style*="--post-section-border-top-width: 3px"][style*="--post-section-border-top-left-radius: 12px"]:has(> div > h4):has(a[data-type="button"], a[type="button"]):not(:has(h3)):not(:has(h6)) h4 {
    font-size: 20px !important;
    margin: 24px 24px 0 !important;
  }

  .rendered-post .dream-post-content-doc :is(.pt-channel-callout, [data-pt-component="gradient-callout"]) > div:has(> a[data-type="button"], a[type="button"]),
  .rendered-post .dream-post-content-doc div[style*="--post-section-border-top-width: 3px"][style*="--post-section-border-top-left-radius: 12px"]:has(> div > h4):has(a[data-type="button"], a[type="button"]):not(:has(h3)):not(:has(h6)) > div:has(> a[data-type="button"], a[type="button"]) {
    overflow: visible !important;
    padding: 16px 24px 20px !important;
  }

  .rendered-post .dream-post-content-doc .pt-lab-columns {
    grid-template-columns: 1fr !important;
  }
}

/* Beehiiv's native section parser stores the callout heading as a direct child,
   while the web renderer may introduce one additional wrapper. Support both
   verified shapes without relying on Beehiiv's generated class names. */
.rendered-post .dream-post-content-doc div[style*="--post-section-border-top-width: 3px"][style*="--post-section-border-top-left-radius: 12px"]:has(> h4):has(a[data-type="button"], a[type="button"]):not(:has(h3)):not(:has(h6)) {
  background:
    linear-gradient(var(--pt-color-surface), var(--pt-color-surface)) padding-box,
    linear-gradient(100deg, var(--pt-color-callout-gradient-start), var(--pt-color-callout-gradient-end)) border-box !important;
  border: 3px solid transparent !important;
  border-radius: var(--pt-radius-post-card, 12px) !important;
  box-shadow: var(--pt-shadow-callout) !important;
  margin: 32px 0 !important;
  overflow: visible !important;
  padding: 32px 24px 20px !important;
}

.rendered-post .dream-post-content-doc div[style*="--post-section-border-top-width: 3px"][style*="--post-section-border-top-left-radius: 12px"]:has(> h4):has(a[data-type="button"], a[type="button"]):not(:has(h3)):not(:has(h6)) > h4 {
  font-size: 26px !important;
  margin: 0 0 16px !important;
  max-width: 640px !important;
}

@media (max-width: 767.98px) {
  .rendered-post .dream-post-content-doc div[style*="--post-section-border-top-width: 3px"][style*="--post-section-border-top-left-radius: 12px"]:has(> h4):has(a[data-type="button"], a[type="button"]):not(:has(h3)):not(:has(h6)) {
    padding: 24px !important;
  }

  .rendered-post .dream-post-content-doc div[style*="--post-section-border-top-width: 3px"][style*="--post-section-border-top-left-radius: 12px"]:has(> h4):has(a[data-type="button"], a[type="button"]):not(:has(h3)):not(:has(h6)) > h4 {
    font-size: 20px !important;
  }
}

/* Key Questions — native authoring + verified final Beehiiv web structure.
   The final post removes the authoring anchor, so the last selector identifies
   its unique white 10px-radius section with bold question/answer list items. */
:is(
  .rendered-post .dream-post-content-doc #pt-key-questions,
  .rendered-post .dream-post-content-doc [data-anchor-id="pt-key-questions"],
  .rendered-post .dream-post-content-doc > div[style*="--post-section-border-top-width: 1px"][style*="--post-section-border-top-left-radius: 10px"]:has(> div > h2):has(> div[class*="dream-post-content-bulletList"] > ul > li > div > p > strong)
) {
  background: var(--pt-color-surface) !important;
  border: 1px solid var(--pt-color-border) !important;
  border-radius: var(--pt-radius-widget) !important;
  box-shadow: none !important;
  color: var(--pt-color-text-primary) !important;
  margin: 32px 0 !important;
  padding: 40px !important;
}

:is(
  .rendered-post .dream-post-content-doc #pt-key-questions,
  .rendered-post .dream-post-content-doc [data-anchor-id="pt-key-questions"],
  .rendered-post .dream-post-content-doc > div[style*="--post-section-border-top-width: 1px"][style*="--post-section-border-top-left-radius: 10px"]:has(> div > h2):has(> div[class*="dream-post-content-bulletList"] > ul > li > div > p > strong)
) h2 {
  color: var(--pt-color-text-primary) !important;
  font-family: var(--pt-font-family-heading) !important;
  font-size: 20.25px !important;
  font-weight: 600 !important;
  line-height: 1.2 !important;
  margin: 0 0 16px !important;
}

:is(
  .rendered-post .dream-post-content-doc #pt-key-questions,
  .rendered-post .dream-post-content-doc [data-anchor-id="pt-key-questions"],
  .rendered-post .dream-post-content-doc > div[style*="--post-section-border-top-width: 1px"][style*="--post-section-border-top-left-radius: 10px"]:has(> div > h2):has(> div[class*="dream-post-content-bulletList"] > ul > li > div > p > strong)
) ul {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

:is(
  .rendered-post .dream-post-content-doc #pt-key-questions,
  .rendered-post .dream-post-content-doc [data-anchor-id="pt-key-questions"],
  .rendered-post .dream-post-content-doc > div[style*="--post-section-border-top-width: 1px"][style*="--post-section-border-top-left-radius: 10px"]:has(> div > h2):has(> div[class*="dream-post-content-bulletList"] > ul > li > div > p > strong)
) li {
  border-radius: var(--pt-radius-widget) !important;
  list-style: none !important;
  margin: 0 -18px !important;
  padding: 16px 42px 16px 38px !important;
  position: relative !important;
  transition: background 0.2s ease !important;
}

:is(
  .rendered-post .dream-post-content-doc #pt-key-questions,
  .rendered-post .dream-post-content-doc [data-anchor-id="pt-key-questions"],
  .rendered-post .dream-post-content-doc > div[style*="--post-section-border-top-width: 1px"][style*="--post-section-border-top-left-radius: 10px"]:has(> div > h2):has(> div[class*="dream-post-content-bulletList"] > ul > li > div > p > strong)
) li::before {
  background: var(--pt-color-control-primary) !important;
  border-radius: 50% !important;
  content: "" !important;
  height: 9px !important;
  left: 18px !important;
  position: absolute !important;
  top: 26px !important;
  width: 9px !important;
}

:is(
  .rendered-post .dream-post-content-doc #pt-key-questions,
  .rendered-post .dream-post-content-doc [data-anchor-id="pt-key-questions"],
  .rendered-post .dream-post-content-doc > div[style*="--post-section-border-top-width: 1px"][style*="--post-section-border-top-left-radius: 10px"]:has(> div > h2):has(> div[class*="dream-post-content-bulletList"] > ul > li > div > p > strong)
) li::after {
  color: var(--pt-color-text-secondary) !important;
  content: "→" !important;
  font-size: 24px !important;
  line-height: 1 !important;
  position: absolute !important;
  right: 18px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
}

:is(
  .rendered-post .dream-post-content-doc #pt-key-questions,
  .rendered-post .dream-post-content-doc [data-anchor-id="pt-key-questions"],
  .rendered-post .dream-post-content-doc > div[style*="--post-section-border-top-width: 1px"][style*="--post-section-border-top-left-radius: 10px"]:has(> div > h2):has(> div[class*="dream-post-content-bulletList"] > ul > li > div > p > strong)
) li:hover { background: var(--pt-color-surface-muted) !important; }

:is(
  .rendered-post .dream-post-content-doc #pt-key-questions,
  .rendered-post .dream-post-content-doc [data-anchor-id="pt-key-questions"],
  .rendered-post .dream-post-content-doc > div[style*="--post-section-border-top-width: 1px"][style*="--post-section-border-top-left-radius: 10px"]:has(> div > h2):has(> div[class*="dream-post-content-bulletList"] > ul > li > div > p > strong)
) :is(p, p span) {
  color: var(--pt-color-text-secondary) !important;
  font-family: var(--pt-font-family-reading) !important;
  font-size: 16px !important;
  line-height: 1.6 !important;
  margin: 0 !important;
}

:is(
  .rendered-post .dream-post-content-doc #pt-key-questions,
  .rendered-post .dream-post-content-doc [data-anchor-id="pt-key-questions"],
  .rendered-post .dream-post-content-doc > div[style*="--post-section-border-top-width: 1px"][style*="--post-section-border-top-left-radius: 10px"]:has(> div > h2):has(> div[class*="dream-post-content-bulletList"] > ul > li > div > p > strong)
) strong {
  color: var(--pt-color-text-primary) !important;
  display: block !important;
  font-family: var(--pt-font-family-heading) !important;
  font-size: 18px !important;
  font-weight: 600 !important;
  line-height: 1.2 !important;
  margin: 0 0 4px !important;
}

:is(
  .rendered-post .dream-post-content-doc #pt-key-questions,
  .rendered-post .dream-post-content-doc [data-anchor-id="pt-key-questions"],
  .rendered-post .dream-post-content-doc > div[style*="--post-section-border-top-width: 1px"][style*="--post-section-border-top-left-radius: 10px"]:has(> div > h2):has(> div[class*="dream-post-content-bulletList"] > ul > li > div > p > strong)
) p br { display: none !important; }

@media (max-width: 767.98px) {
  :is(.rendered-post .dream-post-content-doc #pt-key-questions, .rendered-post .dream-post-content-doc [data-anchor-id="pt-key-questions"]) { padding: 24px !important; }
  .rendered-post .dream-post-content-doc > div[style*="--post-section-border-top-width: 1px"][style*="--post-section-border-top-left-radius: 10px"]:has(> div > h2):has(> div[class*="dream-post-content-bulletList"] > ul > li > div > p > strong) { padding: 24px !important; }

  :is(.rendered-post .dream-post-content-doc #pt-key-questions, .rendered-post .dream-post-content-doc [data-anchor-id="pt-key-questions"]) li,
  .rendered-post .dream-post-content-doc > div[style*="--post-section-border-top-width: 1px"][style*="--post-section-border-top-left-radius: 10px"]:has(> div > h2):has(> div[class*="dream-post-content-bulletList"] > ul > li > div > p > strong) li {
    margin-inline: -12px !important;
    padding-inline: 32px 36px !important;
  }
  :is(.rendered-post .dream-post-content-doc #pt-key-questions, .rendered-post .dream-post-content-doc [data-anchor-id="pt-key-questions"]) li::before,
  .rendered-post .dream-post-content-doc > div[style*="--post-section-border-top-width: 1px"][style*="--post-section-border-top-left-radius: 10px"]:has(> div > h2):has(> div[class*="dream-post-content-bulletList"] > ul > li > div > p > strong) li::before { left: 12px !important; }
  :is(.rendered-post .dream-post-content-doc #pt-key-questions, .rendered-post .dream-post-content-doc [data-anchor-id="pt-key-questions"]) li::after,
  .rendered-post .dream-post-content-doc > div[style*="--post-section-border-top-width: 1px"][style*="--post-section-border-top-left-radius: 10px"]:has(> div > h2):has(> div[class*="dream-post-content-bulletList"] > ul > li > div > p > strong) li::after { right: 12px !important; }
}

/* The final renderer wraps the bold question in a span. Keep this bridge
   independent of generated class names and scoped to the laboratory post. */
.rendered-post .dream-post-content-doc > div[style*="--post-section-background-color: #FFFFFF"][style*="--post-section-border-top-width: 1px"][style*="--post-section-border-top-left-radius: 10px"]:has(> div > h2):has(ul > li strong){background:var(--pt-color-surface)!important;border:1px solid var(--pt-color-border)!important;border-radius:var(--pt-radius-widget)!important;box-shadow:none!important;color:var(--pt-color-text-primary)!important;margin:32px 0!important;padding:40px!important;}
.rendered-post .dream-post-content-doc > div[style*="--post-section-background-color: #FFFFFF"][style*="--post-section-border-top-width: 1px"][style*="--post-section-border-top-left-radius: 10px"]:has(> div > h2):has(ul > li strong) h2{color:var(--pt-color-text-primary)!important;font-family:var(--pt-font-family-heading)!important;font-size:20.25px!important;font-weight:600!important;line-height:1.2!important;margin:0 0 16px!important;}
.rendered-post .dream-post-content-doc > div[style*="--post-section-background-color: #FFFFFF"][style*="--post-section-border-top-width: 1px"][style*="--post-section-border-top-left-radius: 10px"]:has(> div > h2):has(ul > li strong) ul{list-style:none!important;margin:0!important;padding:0!important;}
.rendered-post .dream-post-content-doc > div[style*="--post-section-background-color: #FFFFFF"][style*="--post-section-border-top-width: 1px"][style*="--post-section-border-top-left-radius: 10px"]:has(> div > h2):has(ul > li strong) li{border-radius:var(--pt-radius-widget)!important;list-style:none!important;margin:0 -18px!important;padding:16px 42px 16px 38px!important;position:relative!important;transition:background .2s ease!important;}
.rendered-post .dream-post-content-doc > div[style*="--post-section-background-color: #FFFFFF"][style*="--post-section-border-top-width: 1px"][style*="--post-section-border-top-left-radius: 10px"]:has(> div > h2):has(ul > li strong) li::before{background:var(--pt-color-control-primary)!important;border-radius:50%!important;content:""!important;height:9px!important;left:18px!important;position:absolute!important;top:26px!important;width:9px!important;}
.rendered-post .dream-post-content-doc > div[style*="--post-section-background-color: #FFFFFF"][style*="--post-section-border-top-width: 1px"][style*="--post-section-border-top-left-radius: 10px"]:has(> div > h2):has(ul > li strong) li::after{color:var(--pt-color-text-secondary)!important;content:"→"!important;font-size:24px!important;line-height:1!important;position:absolute!important;right:18px!important;top:50%!important;transform:translateY(-50%)!important;}
.rendered-post .dream-post-content-doc > div[style*="--post-section-background-color: #FFFFFF"][style*="--post-section-border-top-width: 1px"][style*="--post-section-border-top-left-radius: 10px"]:has(> div > h2):has(ul > li strong) li:hover{background:var(--pt-color-surface-muted)!important;}
.rendered-post .dream-post-content-doc > div[style*="--post-section-background-color: #FFFFFF"][style*="--post-section-border-top-width: 1px"][style*="--post-section-border-top-left-radius: 10px"]:has(> div > h2):has(ul > li strong) :is(p,p span){color:var(--pt-color-text-secondary)!important;font-family:var(--pt-font-family-reading)!important;font-size:16px!important;line-height:1.6!important;margin:0!important;}
.rendered-post .dream-post-content-doc > div[style*="--post-section-background-color: #FFFFFF"][style*="--post-section-border-top-width: 1px"][style*="--post-section-border-top-left-radius: 10px"]:has(> div > h2):has(ul > li strong) strong{color:var(--pt-color-text-primary)!important;display:block!important;font-family:var(--pt-font-family-heading)!important;font-size:18px!important;font-weight:600!important;line-height:1.2!important;margin:0 0 4px!important;}
.rendered-post .dream-post-content-doc > div[style*="--post-section-background-color: #FFFFFF"][style*="--post-section-border-top-width: 1px"][style*="--post-section-border-top-left-radius: 10px"]:has(> div > h2):has(ul > li strong) p br{display:none!important;}
@media (max-width:767.98px){
  .rendered-post .dream-post-content-doc > div[style*="--post-section-background-color: #FFFFFF"][style*="--post-section-border-top-width: 1px"][style*="--post-section-border-top-left-radius: 10px"]:has(> div > h2):has(ul > li strong){padding:24px!important;}
  .rendered-post .dream-post-content-doc > div[style*="--post-section-background-color: #FFFFFF"][style*="--post-section-border-top-width: 1px"][style*="--post-section-border-top-left-radius: 10px"]:has(> div > h2):has(ul > li strong) li{margin-inline:-12px!important;padding-inline:32px 36px!important;}
  .rendered-post .dream-post-content-doc > div[style*="--post-section-background-color: #FFFFFF"][style*="--post-section-border-top-width: 1px"][style*="--post-section-border-top-left-radius: 10px"]:has(> div > h2):has(ul > li strong) li::before{left:12px!important;}
  .rendered-post .dream-post-content-doc > div[style*="--post-section-background-color: #FFFFFF"][style*="--post-section-border-top-width: 1px"][style*="--post-section-border-top-left-radius: 10px"]:has(> div > h2):has(ul > li strong) li::after{right:12px!important;}
}

/* Key Questions is a Key Moments sibling: identical surface, heading and row
   rhythm, with an unordered blue bullet in place of the numbered circle. */
:is(.rendered-post .dream-post-content-doc #pt-key-questions,.rendered-post .dream-post-content-doc [data-anchor-id="pt-key-questions"],.rendered-post .dream-post-content-doc > div[style*="--post-section-background-color: #FFFFFF"][style*="--post-section-border-top-width: 1px"][style*="--post-section-border-top-left-radius: 10px"]:has(> div > h2):has(ul > li strong)) { overflow:hidden!important; }
:is(.rendered-post .dream-post-content-doc #pt-key-questions,.rendered-post .dream-post-content-doc [data-anchor-id="pt-key-questions"],.rendered-post .dream-post-content-doc > div[style*="--post-section-background-color: #FFFFFF"][style*="--post-section-border-top-width: 1px"][style*="--post-section-border-top-left-radius: 10px"]:has(> div > h2):has(ul > li strong)) ul { list-style:none!important;margin:0!important;padding:0!important; }
:is(.rendered-post .dream-post-content-doc #pt-key-questions,.rendered-post .dream-post-content-doc [data-anchor-id="pt-key-questions"],.rendered-post .dream-post-content-doc > div[style*="--post-section-background-color: #FFFFFF"][style*="--post-section-border-top-width: 1px"][style*="--post-section-border-top-left-radius: 10px"]:has(> div > h2):has(ul > li strong)) li { border-radius:0!important;border-top:1px solid var(--pt-color-border)!important;column-gap:12px!important;display:grid!important;grid-template-columns:24px minmax(0,1fr)!important;list-style:none!important;margin:0!important;padding:16px 0!important; }
:is(.rendered-post .dream-post-content-doc #pt-key-questions,.rendered-post .dream-post-content-doc [data-anchor-id="pt-key-questions"],.rendered-post .dream-post-content-doc > div[style*="--post-section-background-color: #FFFFFF"][style*="--post-section-border-top-width: 1px"][style*="--post-section-border-top-left-radius: 10px"]:has(> div > h2):has(ul > li strong)) li:first-child { border-top:0!important;padding-top:0!important; }
:is(.rendered-post .dream-post-content-doc #pt-key-questions,.rendered-post .dream-post-content-doc [data-anchor-id="pt-key-questions"],.rendered-post .dream-post-content-doc > div[style*="--post-section-background-color: #FFFFFF"][style*="--post-section-border-top-width: 1px"][style*="--post-section-border-top-left-radius: 10px"]:has(> div > h2):has(ul > li strong)) li:last-child { padding-bottom:0!important; }
:is(.rendered-post .dream-post-content-doc #pt-key-questions,.rendered-post .dream-post-content-doc [data-anchor-id="pt-key-questions"],.rendered-post .dream-post-content-doc > div[style*="--post-section-background-color: #FFFFFF"][style*="--post-section-border-top-width: 1px"][style*="--post-section-border-top-left-radius: 10px"]:has(> div > h2):has(ul > li strong)) li::before { align-self:start!important;height:9px!important;left:auto!important;margin-top:7px!important;position:static!important;top:auto!important;width:9px!important; }
:is(.rendered-post .dream-post-content-doc #pt-key-questions,.rendered-post .dream-post-content-doc [data-anchor-id="pt-key-questions"],.rendered-post .dream-post-content-doc > div[style*="--post-section-background-color: #FFFFFF"][style*="--post-section-border-top-width: 1px"][style*="--post-section-border-top-left-radius: 10px"]:has(> div > h2):has(ul > li strong)) li > :is(p,div) { grid-column:2!important;min-width:0!important;width:auto!important; }
:is(.rendered-post .dream-post-content-doc #pt-key-questions,.rendered-post .dream-post-content-doc [data-anchor-id="pt-key-questions"],.rendered-post .dream-post-content-doc > div[style*="--post-section-background-color: #FFFFFF"][style*="--post-section-border-top-width: 1px"][style*="--post-section-border-top-left-radius: 10px"]:has(> div > h2):has(ul > li strong)) li::after { content:none!important;display:none!important; }
:is(.rendered-post .dream-post-content-doc #pt-key-questions,.rendered-post .dream-post-content-doc [data-anchor-id="pt-key-questions"],.rendered-post .dream-post-content-doc > div[style*="--post-section-background-color: #FFFFFF"][style*="--post-section-border-top-width: 1px"][style*="--post-section-border-top-left-radius: 10px"]:has(> div > h2):has(ul > li strong)) li:hover { background:transparent!important; }
:is(.rendered-post .dream-post-content-doc #pt-key-questions,.rendered-post .dream-post-content-doc [data-anchor-id="pt-key-questions"],.rendered-post .dream-post-content-doc > div[style*="--post-section-background-color: #FFFFFF"][style*="--post-section-border-top-width: 1px"][style*="--post-section-border-top-left-radius: 10px"]:has(> div > h2):has(ul > li strong)) :is(p,p span) { line-height:1.5!important; }
:is(.rendered-post .dream-post-content-doc #pt-key-questions,.rendered-post .dream-post-content-doc [data-anchor-id="pt-key-questions"],.rendered-post .dream-post-content-doc > div[style*="--post-section-background-color: #FFFFFF"][style*="--post-section-border-top-width: 1px"][style*="--post-section-border-top-left-radius: 10px"]:has(> div > h2):has(ul > li strong)) strong { letter-spacing:-0.06em!important; }
@media (max-width:575.98px){
  :is(.rendered-post .dream-post-content-doc #pt-key-questions,.rendered-post .dream-post-content-doc [data-anchor-id="pt-key-questions"],.rendered-post .dream-post-content-doc > div[style*="--post-section-background-color: #FFFFFF"][style*="--post-section-border-top-width: 1px"][style*="--post-section-border-top-left-radius: 10px"]:has(> div > h2):has(ul > li strong)) strong { color:var(--pt-color-link)!important; }
}

/* Beehiiv emits Related Posts as three fixed-width flex children. Let the
   card own their available width, rather than allowing that native width to
   spill through the right edge of the Recap surface. */
.rendered-post .dream-post-content-doc > div[style*="--post-section-background-color: #FFFFFF"][style*="--post-section-border-top-left-radius: 10px"]:has(> div > h2):has(> div > div:nth-child(3):last-child > .dream-post-content-imageBlock) > div:has(> div > .dream-post-content-imageBlock){display:flex!important;flex-wrap:nowrap!important;gap:16px!important;min-width:0!important;}
.rendered-post .dream-post-content-doc > div[style*="--post-section-background-color: #FFFFFF"][style*="--post-section-border-top-left-radius: 10px"]:has(> div > h2):has(> div > div:nth-child(3):last-child > .dream-post-content-imageBlock) > div:has(> div > .dream-post-content-imageBlock) > div:has(> .dream-post-content-imageBlock){flex:1 1 0!important;min-width:0!important;width:auto!important;}
@media (max-width:575.98px){
  .rendered-post .dream-post-content-doc > div[style*="--post-section-background-color: #FFFFFF"][style*="--post-section-border-top-left-radius: 10px"]:has(> div > h2):has(> div > div:nth-child(3):last-child > .dream-post-content-imageBlock) > div:has(> div > .dream-post-content-imageBlock){flex-direction:column!important;}
}

/* Quote Puller — source-aligned white editorial surface with the governed SVG
   quotation mark. Beehiiv strips the source anchor on rendered web, so the
   bridge also recognises a standalone Side quote immediately after the governed
   2px paragraph highlight. Accept both serialisations of the inline variable. */
:is(.rendered-post .dream-post-content-doc figure[data-anchor-id="pt-quote-puller"],.rendered-post .dream-post-content-doc > div[style*="--post-section-border-left-width: 2px"] + .dream-post-content-blockquoteFigure,.rendered-post .dream-post-content-doc > div[style*="--post-section-border-left-width:2px"] + .dream-post-content-blockquoteFigure){background:var(--pt-color-surface)!important;border:0!important;border-radius:var(--pt-radius-widget)!important;box-shadow:none!important;color:var(--pt-color-text-primary)!important;margin:32px 0!important;padding:40px!important;}
:is(.rendered-post .dream-post-content-doc figure[data-anchor-id="pt-quote-puller"],.rendered-post .dream-post-content-doc > div[style*="--post-section-border-left-width: 2px"] + .dream-post-content-blockquoteFigure,.rendered-post .dream-post-content-doc > div[style*="--post-section-border-left-width:2px"] + .dream-post-content-blockquoteFigure) :is(blockquote,.dream-post-content-quote){align-items:flex-start!important;background:none!important;border:0!important;display:flex!important;gap:16px!important;margin:0!important;padding:0!important;}
.rendered-post .dream-post-content-doc figure[data-anchor-id="pt-quote-puller"] blockquote::before,.rendered-post .dream-post-content-doc > div[style*="--post-section-border-left-width: 2px"] + .dream-post-content-blockquoteFigure .dream-post-content-quote>div:first-child,.rendered-post .dream-post-content-doc > div[style*="--post-section-border-left-width:2px"] + .dream-post-content-blockquoteFigure .dream-post-content-quote>div:first-child{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 290 290'%3E%3Cpath d='M267.88 145V47.35h-97.65V145h48.82c0 26.92-21.9 48.82-48.82 48.82v48.82c53.93.01 97.65-43.71 97.65-97.64zM22.12 193.82v48.82c53.93 0 97.65-43.72 97.65-97.65V47.35H22.12V145h48.82c.01 26.92-21.89 48.82-48.82 48.82z' fill='%238CB7FF'/%3E%3C/svg%3E")!important;background-position:center!important;background-repeat:no-repeat!important;background-size:contain!important;content:""!important;display:block!important;flex:0 0 32px!important;font-size:0!important;height:32px!important;line-height:0!important;margin-top:8px!important;width:32px!important;}
:is(.rendered-post .dream-post-content-doc figure[data-anchor-id="pt-quote-puller"] blockquote p,.rendered-post .dream-post-content-doc > div[style*="--post-section-border-left-width: 2px"] + .dream-post-content-blockquoteFigure .dream-post-content-quote p,.rendered-post .dream-post-content-doc > div[style*="--post-section-border-left-width:2px"] + .dream-post-content-blockquoteFigure .dream-post-content-quote p){color:var(--pt-color-text-primary)!important;font-family:var(--pt-font-family-reading)!important;font-size:18px!important;line-height:1.6!important;margin:0!important;}
/* TEST-DISABLED 2026-08-11: global image captions (center + meta type).
.rendered-post .dream-post-content-doc :is(
  .dream-post-content-figcaption,
  .dream-post-content-imageBlock figcaption,
  .dream-post-content-imageBlock .dream-post-content-figcaption
),
.rendered-post .dream-post-content-doc :is(
  .dream-post-content-figcaption,
  .dream-post-content-imageBlock figcaption,
  .dream-post-content-imageBlock .dream-post-content-figcaption
) :is(p, span.hxnnnr0) {
  color: var(--pt-color-text-secondary) !important;
  font-family: var(--pt-font-family-reading) !important;
  font-size: 12px !important;
  font-style: normal !important;
  font-weight: 500 !important;
  letter-spacing: -0.24px !important;
  line-height: 1.4 !important;
  text-align: center !important;
}
*/

@media (max-width:575.98px){:is(.rendered-post .dream-post-content-doc figure[data-anchor-id="pt-quote-puller"],.rendered-post .dream-post-content-doc > div[style*="--post-section-border-left-width: 2px"] + .dream-post-content-blockquoteFigure){padding:24px!important;}}

/* Article Card — exact final Beehiiv section bridge.  The native source class
   does not survive rendering, so this identifies the bordered, image-led
   section with its editorial heading and link. */
.rendered-post .dream-post-content-doc > div[style*="--post-section-border-top-left-radius: 12px"][style*="--post-section-border-top-width: 1px"]:has(> .dream-post-content-imageBlock):is(:has(h3),:has(blockquote),:has(.dream-post-content-blockquoteFigure)):has(a),
.rendered-post .dream-post-content-doc > div[style*="--post-section-border-top-left-radius:12px"][style*="--post-section-border-top-width:1px"]:has(> .dream-post-content-imageBlock):is(:has(h3),:has(blockquote),:has(.dream-post-content-blockquoteFigure)):has(a){background:var(--pt-color-surface)!important;border:1px solid var(--pt-color-border)!important;border-radius:var(--pt-radius-post-card, 12px)!important;box-shadow:var(--pt-card-shadow, var(--pt-shadow-callout))!important;margin:32px 0!important;overflow:hidden!important;padding:0!important;}
/* TEST-DISABLED 2026-08-11: Article Card image full-bleed + caption inset.
.rendered-post .dream-post-content-doc > div[style*="--post-section-border-top-left-radius: 12px"][style*="--post-section-border-top-width: 1px"]:has(> .dream-post-content-imageBlock):is(:has(h3),:has(blockquote)):has(a){overflow:hidden!important;}
.rendered-post .dream-post-content-doc > div[style*="--post-section-border-top-left-radius: 12px"][style*="--post-section-border-top-width: 1px"]:has(> .dream-post-content-imageBlock):is(:has(h3),:has(blockquote)):has(a) .dream-post-content-imageBlock{margin:0!important;padding:0!important;width:100%!important;}
.rendered-post .dream-post-content-doc > div[style*="--post-section-border-top-left-radius: 12px"][style*="--post-section-border-top-width: 1px"]:has(> .dream-post-content-imageBlock):is(:has(h3),:has(blockquote)):has(a) > .dream-post-content-imageBlock > div{margin:0!important;padding:0!important;--wt-image-padding-top:0px;--wt-image-padding-bottom:0px;--wt-image-padding-left:0px;--wt-image-padding-right:0px;}
.rendered-post .dream-post-content-doc > div[style*="--post-section-border-top-left-radius: 12px"][style*="--post-section-border-top-width: 1px"]:has(> .dream-post-content-imageBlock):is(:has(h3),:has(blockquote)):has(a) picture,.rendered-post .dream-post-content-doc > div[style*="--post-section-border-top-left-radius: 12px"][style*="--post-section-border-top-width: 1px"]:has(> .dream-post-content-imageBlock):is(:has(h3),:has(blockquote)):has(a) img{border-radius:0!important;display:block!important;margin:0!important;max-width:none!important;width:100%!important;}
.rendered-post .dream-post-content-doc > div[style*="--post-section-border-top-left-radius: 12px"][style*="--post-section-border-top-width: 1px"]:has(> .dream-post-content-imageBlock):is(:has(h3),:has(blockquote)):has(a) figcaption{color:var(--pt-color-text-secondary)!important;font-family:var(--pt-font-family-reading)!important;font-size:12px!important;font-style:normal!important;line-height:1.4!important;margin:0!important;padding:0 24px!important;}
.rendered-post .dream-post-content-doc > div[style*="--post-section-border-top-left-radius: 12px"][style*="--post-section-border-top-width: 1px"]:has(> .dream-post-content-imageBlock):is(:has(h3),:has(blockquote)):has(a) .dream-post-content-imageBlock + div p{margin:0!important;padding:14px 24px 0!important;}
*/
.rendered-post .dream-post-content-doc > div[style*="--post-section-border-top-left-radius: 12px"][style*="--post-section-border-top-width: 1px"]:has(> .dream-post-content-imageBlock):is(:has(h3),:has(blockquote)):has(a) .dream-post-content-imageBlock + div p span{background:var(--pt-color-surface-muted)!important;border-radius:999px!important;color:var(--pt-color-text-primary)!important;font-family:var(--pt-font-family-reading)!important;font-size:12px!important;font-weight:600!important;letter-spacing:.04em!important;padding:5px 8px!important;text-transform:uppercase!important;}
.rendered-post .dream-post-content-doc > div[style*="--post-section-border-top-left-radius: 12px"][style*="--post-section-border-top-width: 1px"]:has(> .dream-post-content-imageBlock):is(:has(h3),:has(blockquote)):has(a) h3{color:var(--pt-color-text-primary)!important;font-family:var(--pt-font-family-heading)!important;font-size:24px!important;font-weight:600!important;line-height:1.2!important;margin:16px 24px 0!important;padding:0!important;}
.rendered-post .dream-post-content-doc > div[style*="--post-section-border-top-left-radius: 12px"][style*="--post-section-border-top-width: 1px"]:has(> .dream-post-content-imageBlock):is(:has(h3),:has(blockquote)):has(a) h3 + p{color:var(--pt-color-text-primary)!important;font-family:var(--pt-font-family-reading)!important;font-size:16px!important;line-height:1.6!important;margin:10px 24px 0!important;padding:0!important;}
/* CTA row spacing only — Sheet 1 owns Article Card button fill + ring. */
.rendered-post .dream-post-content-doc > div[style*="--post-section-border-top-left-radius: 12px"][style*="--post-section-border-top-width: 1px"]:has(> .dream-post-content-imageBlock):is(:has(h3),:has(blockquote)):has(a) h3 + p + p{margin:18px 24px 28px!important;overflow:visible!important;padding:0!important;}
@media (max-width:575.98px){.rendered-post .dream-post-content-doc > div[style*="--post-section-border-top-left-radius: 12px"][style*="--post-section-border-top-width: 1px"]:has(> .dream-post-content-imageBlock):is(:has(h3),:has(blockquote)):has(a) h3{font-size:21px!important;margin-inline:20px!important;}.rendered-post .dream-post-content-doc > div[style*="--post-section-border-top-left-radius: 12px"][style*="--post-section-border-top-width: 1px"]:has(> .dream-post-content-imageBlock):is(:has(h3),:has(blockquote)):has(a) :is(h3 + p,h3 + p + p){margin-inline:20px!important;padding-inline:0!important;}}

/* Article Card renderer uses sibling block wrappers around the title and copy. */
/* TEST-DISABLED 2026-08-11: Article Card figcaption 24px inset.
.rendered-post .dream-post-content-doc > div[style*="--post-section-border-top-left-radius: 12px"][style*="--post-section-border-top-width: 1px"]:has(> .dream-post-content-imageBlock):is(:has(h3),:has(blockquote)):has(a) :is(.dream-post-content-figcaption,.dream-post-content-figcaption p){color:var(--pt-color-text-secondary)!important;font-family:var(--pt-font-family-reading)!important;font-size:12px!important;font-style:normal!important;line-height:1.4!important;margin:0!important;padding:0 24px!important;}
*/
.rendered-post .dream-post-content-doc > div[style*="--post-section-border-top-left-radius: 12px"][style*="--post-section-border-top-width: 1px"]:has(> .dream-post-content-imageBlock):is(:has(h3),:has(blockquote)):has(a) > div:has(> h3) + div p{color:var(--pt-color-text-primary)!important;font-family:var(--pt-font-family-reading)!important;font-size:16px!important;line-height:1.6!important;margin:10px 24px 0!important;padding:0!important;}
.rendered-post .dream-post-content-doc > div[style*="--post-section-border-top-left-radius: 12px"][style*="--post-section-border-top-width: 1px"]:has(> .dream-post-content-imageBlock):is(:has(h3),:has(blockquote)):has(a) > div:has(> h3) + div + div{overflow:visible!important;}
.rendered-post .dream-post-content-doc > div[style*="--post-section-border-top-left-radius: 12px"][style*="--post-section-border-top-width: 1px"]:has(> .dream-post-content-imageBlock):is(:has(h3),:has(blockquote)):has(a) > div:has(> h3) + div + div p{margin:18px 24px 28px!important;overflow:visible!important;padding:0!important;}
@media (max-width:575.98px){.rendered-post .dream-post-content-doc > div[style*="--post-section-border-top-left-radius: 12px"][style*="--post-section-border-top-width: 1px"]:has(> .dream-post-content-imageBlock):is(:has(h3),:has(blockquote)):has(a) > div:has(> h3) + div p,.rendered-post .dream-post-content-doc > div[style*="--post-section-border-top-left-radius: 12px"][style*="--post-section-border-top-width: 1px"]:has(> .dream-post-content-imageBlock):is(:has(h3),:has(blockquote)):has(a) > div:has(> h3) + div + div p{margin-inline:20px!important;}}

/* Native Recommendation render bridge. Beehiiv retains the semantic content
   but removes the source component classes, so identify the two and three
   item image-led cards structurally rather than relying on generated classes. */
.rendered-post .dream-post-content-doc > div[style*="--post-section-background-color: #FFFFFF"][style*="--post-section-border-top-left-radius: 10px"]:has(> div > h2):has(> div > div > .dream-post-content-imageBlock):has(> div > div:nth-child(2):last-child),
.rendered-post .dream-post-content-doc > div[style*="--post-section-background-color: #FFFFFF"][style*="--post-section-border-top-left-radius: 10px"]:has(> div > h2):has(> div > div > .dream-post-content-imageBlock):has(> div > div:nth-child(3):last-child){background:var(--pt-color-surface)!important;border:1px solid var(--pt-color-border)!important;border-radius:var(--pt-radius-widget)!important;box-shadow:none!important;color:var(--pt-color-text-primary)!important;margin:32px 0!important;padding:40px!important;}
.rendered-post .dream-post-content-doc > div[style*="--post-section-background-color: #FFFFFF"][style*="--post-section-border-top-left-radius: 10px"]:has(> div > h2):has(> div > div > .dream-post-content-imageBlock) > div > h2{color:var(--pt-color-text-primary)!important;font-family:var(--pt-font-family-heading)!important;font-size:20.25px!important;font-weight:600!important;line-height:1.2!important;margin:0 0 16px!important;padding:0!important;}
.rendered-post .dream-post-content-doc > div[style*="--post-section-background-color: #FFFFFF"][style*="--post-section-border-top-left-radius: 10px"]:has(> div > h2):has(> div > div > .dream-post-content-imageBlock) > div > div:has(> .dream-post-content-imageBlock){display:flex!important;flex-direction:column!important;gap:16px!important;}
.rendered-post .dream-post-content-doc > div[style*="--post-section-background-color: #FFFFFF"][style*="--post-section-border-top-left-radius: 10px"]:has(> div > h2):has(> div > div:nth-child(2):last-child > .dream-post-content-imageBlock) > div > div:has(> .dream-post-content-imageBlock){display:grid!important;grid-template-columns:64px minmax(0,1fr)!important;column-gap:16px!important;row-gap:8px!important;}
.rendered-post .dream-post-content-doc > div[style*="--post-section-background-color: #FFFFFF"][style*="--post-section-border-top-left-radius: 10px"]:has(> div > h2):has(> div > div:nth-child(2):last-child > .dream-post-content-imageBlock) > div > div:has(> .dream-post-content-imageBlock) > .dream-post-content-imageBlock{grid-row:1 / span 2!important;margin:0!important;padding:0!important;}
.rendered-post .dream-post-content-doc > div[style*="--post-section-background-color: #FFFFFF"][style*="--post-section-border-top-left-radius: 10px"]:has(> div > h2):has(> div > div:nth-child(2):last-child > .dream-post-content-imageBlock) > div > div:has(> .dream-post-content-imageBlock) > .dream-post-content-imageBlock :is(img,picture){border-radius:var(--pt-radius-widget)!important;display:block!important;height:64px!important;object-fit:cover!important;width:64px!important;}
.rendered-post .dream-post-content-doc > div[style*="--post-section-background-color: #FFFFFF"][style*="--post-section-border-top-left-radius: 10px"]:has(> div > h2):has(> div > div:nth-child(2):last-child > .dream-post-content-imageBlock) > div > div:has(> .dream-post-content-imageBlock) > :not(.dream-post-content-imageBlock){grid-column:2!important;margin:0!important;padding:0!important;}
.rendered-post .dream-post-content-doc > div[style*="--post-section-background-color: #FFFFFF"][style*="--post-section-border-top-left-radius: 10px"]:has(> div > h2):has(> div > div:nth-child(2):last-child > .dream-post-content-imageBlock) > div > div:has(> .dream-post-content-imageBlock) h3{font-family:var(--pt-font-family-heading)!important;font-size:16px!important;font-weight:600!important;letter-spacing:-.06em!important;line-height:1.2!important;margin:0!important;padding:0!important;}
.rendered-post .dream-post-content-doc > div[style*="--post-section-background-color: #FFFFFF"][style*="--post-section-border-top-left-radius: 10px"]:has(> div > h2):has(> div > div:nth-child(2):last-child > .dream-post-content-imageBlock) > div > div:has(> .dream-post-content-imageBlock) p{color:var(--pt-color-text-secondary)!important;font-family:var(--pt-font-family-reading)!important;font-size:12px!important;line-height:1.4!important;margin:0!important;padding:0!important;}
.rendered-post .dream-post-content-doc > div[style*="--post-section-background-color: #FFFFFF"][style*="--post-section-border-top-left-radius: 10px"]:has(> div > h2):has(> div > div:nth-child(3):last-child > .dream-post-content-imageBlock) > div > div:has(> .dream-post-content-imageBlock){display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;column-gap:16px!important;row-gap:8px!important;}
.rendered-post .dream-post-content-doc > div[style*="--post-section-background-color: #FFFFFF"][style*="--post-section-border-top-left-radius: 10px"]:has(> div > h2):has(> div > div:nth-child(3):last-child > .dream-post-content-imageBlock) > div > div:has(> .dream-post-content-imageBlock) > .dream-post-content-imageBlock{grid-row:1 / span 3!important;margin:0!important;padding:0!important;}
.rendered-post .dream-post-content-doc > div[style*="--post-section-background-color: #FFFFFF"][style*="--post-section-border-top-left-radius: 10px"]:has(> div > h2):has(> div > div:nth-child(3):last-child > .dream-post-content-imageBlock) > div > div:has(> .dream-post-content-imageBlock) > .dream-post-content-imageBlock :is(img,picture){aspect-ratio:16 / 10!important;border-radius:var(--pt-radius-widget)!important;display:block!important;height:100%!important;object-fit:cover!important;width:100%!important;}
.rendered-post .dream-post-content-doc > div[style*="--post-section-background-color: #FFFFFF"][style*="--post-section-border-top-left-radius: 10px"]:has(> div > h2):has(> div > div:nth-child(3):last-child > .dream-post-content-imageBlock) > div > div:has(> .dream-post-content-imageBlock) > :not(.dream-post-content-imageBlock){grid-column:2!important;margin:0!important;padding:0!important;}
.rendered-post .dream-post-content-doc > div[style*="--post-section-background-color: #FFFFFF"][style*="--post-section-border-top-left-radius: 10px"]:has(> div > h2):has(> div > div:nth-child(3):last-child > .dream-post-content-imageBlock) > div > div:has(> .dream-post-content-imageBlock) h3{font-family:var(--pt-font-family-heading)!important;font-size:20.25px!important;font-weight:600!important;line-height:1.2!important;margin:0!important;padding:0!important;}
.rendered-post .dream-post-content-doc > div[style*="--post-section-background-color: #FFFFFF"][style*="--post-section-border-top-left-radius: 10px"]:has(> div > h2):has(> div > div:nth-child(3):last-child > .dream-post-content-imageBlock) > div > div:has(> .dream-post-content-imageBlock) p{color:var(--pt-color-text-secondary)!important;font-family:var(--pt-font-family-reading)!important;font-size:14px!important;line-height:1.7!important;margin:0!important;padding:0!important;}

/* Beehiiv adds 20px to the top and bottom of the image's inner wrapper.
   Read Also and Related Posts retain the bottom breathing room but start the
   image flush with the card's content edge. This is structural, not a
   generated-class override. */
.rendered-post .dream-post-content-doc > div[style*="--post-section-background-color: #FFFFFF"][style*="--post-section-border-top-left-radius: 10px"]:has(> div > h2):has(> div > div:nth-child(2):last-child > .dream-post-content-imageBlock) > div > div:has(> .dream-post-content-imageBlock) > .dream-post-content-imageBlock > div,
.rendered-post .dream-post-content-doc > div[style*="--post-section-background-color: #FFFFFF"][style*="--post-section-border-top-left-radius: 10px"]:has(> div > h2):has(> div > div:nth-child(3):last-child > .dream-post-content-imageBlock) > div > div:has(> .dream-post-content-imageBlock) > .dream-post-content-imageBlock > div{padding-top:0!important;}

/* The native AI Summary is intentionally title-only. It is an actual H2, not
   paragraph text; remove its wrappers' vertical space and retain H2 typography. */
.rendered-post .dream-post-content-doc > div[style*="--post-section-background-color: #206BEA"][style*="--post-section-border-top-left-radius: 10px"]:has(> div > h2){padding-block:0!important;}
.rendered-post .dream-post-content-doc > div[style*="--post-section-background-color: #206BEA"][style*="--post-section-border-top-left-radius: 10px"]:has(> div > h2) > div{padding-block:0!important;}
.rendered-post .dream-post-content-doc > div[style*="--post-section-background-color: #206BEA"][style*="--post-section-border-top-left-radius: 10px"]:has(> div > h2) h2{color:#fff!important;font-family:var(--pt-font-family-heading)!important;font-size:28px!important;font-weight:600!important;letter-spacing:-.06em!important;line-height:1.2!important;margin:0!important;padding-block:0!important;text-align:center!important;}

@media (max-width:575.98px){
  .rendered-post .dream-post-content-doc > div[style*="--post-section-background-color: #FFFFFF"][style*="--post-section-border-top-left-radius: 10px"]:has(> div > h2):has(> div > div > .dream-post-content-imageBlock):is(:has(> div > div:nth-child(2):last-child),:has(> div > div:nth-child(3):last-child)){padding:24px!important;}
  .rendered-post .dream-post-content-doc > div[style*="--post-section-background-color: #FFFFFF"][style*="--post-section-border-top-left-radius: 10px"]:has(> div > h2):has(> div > div:nth-child(3):last-child > .dream-post-content-imageBlock) > div > div:has(> .dream-post-content-imageBlock){grid-template-columns:1fr!important;}
  .rendered-post .dream-post-content-doc > div[style*="--post-section-background-color: #FFFFFF"][style*="--post-section-border-top-left-radius: 10px"]:has(> div > h2):has(> div > div:nth-child(3):last-child > .dream-post-content-imageBlock) > div > div:has(> .dream-post-content-imageBlock) > :not(.dream-post-content-imageBlock){grid-column:1!important;}
}

/* Gradient Callout — heading wrapper has no padding; CTA row is 16×24. */
.rendered-post .dream-post-content-doc > div[style*="--post-section-border-top-width: 3px"][style*="--post-section-border-top-left-radius: 12px"]:has(> div > h4):has(a[type="button"]) > div:has(> h4) {
  padding: 0 !important;
}

.rendered-post .dream-post-content-doc > div[style*="--post-section-border-top-width: 3px"][style*="--post-section-border-top-left-radius: 12px"]:has(> div > h4):has(a[type="button"]) > div:has(> a[type="button"]) {
  padding: 16px 24px !important;
}


/* Article Cards v1 — final Beehiiv structural bridge.
   Beehiiv removes source anchors/classes on the website, so match the shared
   12px/1px native section structure. Both variants share one editorial surface;
   only the image-led variant becomes full bleed. */
.rendered-post .dream-post-content-doc > div[style*="--post-section-border-top-left-radius: 12px"][style*="--post-section-border-top-width: 1px"]:has(h6):has(h3):has(a) {
  background: var(--pt-color-surface) !important;
  border: 1px solid var(--pt-color-border) !important;
  border-radius: var(--pt-radius-post-card, 12px) !important;
  box-shadow: var(--pt-card-shadow, var(--pt-shadow-callout)) !important;
  margin: 32px 0 !important;
  overflow: hidden !important;
  padding: 24px !important;
}

.rendered-post .dream-post-content-doc > div[style*="--post-section-border-top-left-radius: 12px"][style*="--post-section-border-top-width: 1px"]:has(> .dream-post-content-imageBlock):has(h6):has(h3):has(a) {
  padding: 0 !important;
}

/* Article Image Card — exact native structure: full-bleed image followed by
   Blockquote as the editable copy inset. Blockquote has no decorative mark, so the
   card needs no glyph or attribution suppression and remains stable across
   Beehiiv's desktop and compact mobile style serialisations. */
.rendered-post .dream-post-content-doc > div:has(> .dream-post-content-imageBlock + .dream-post-content-blockquoteFigure):has(.dream-post-content-blockquoteFigure a) {
  background: var(--pt-color-surface) !important;
  border: 1px solid var(--pt-color-border) !important;
  border-radius: var(--pt-radius-post-card, 12px) !important;
  box-shadow: var(--pt-card-shadow, var(--pt-shadow-callout)) !important;
  margin: 32px 0 !important;
  overflow: hidden !important;
  padding: 0 !important;
}

.rendered-post .dream-post-content-doc > div:has(> .dream-post-content-imageBlock + .dream-post-content-blockquoteFigure):has(.dream-post-content-blockquoteFigure a) .dream-post-content-imageBlock {
  margin: 0 !important;
  padding: 0 !important;
  width: 100% !important;
  --wt-padding-left-value-w-fallback: 0px;
  --wt-padding-right-value-w-fallback: 0px;
  --wt-image-padding-top: 0px;
  --wt-image-padding-bottom: 0px;
  --wt-image-padding-left: 0px;
  --wt-image-padding-right: 0px;
}

.rendered-post .dream-post-content-doc > div:has(> .dream-post-content-imageBlock + .dream-post-content-blockquoteFigure):has(.dream-post-content-blockquoteFigure a) .dream-post-content-imageBlock > div {
  margin: 0 !important;
  padding: 0 !important;
  --wt-image-padding-top: 0px;
  --wt-image-padding-bottom: 0px;
  --wt-image-padding-left: 0px;
  --wt-image-padding-right: 0px;
}

.rendered-post .dream-post-content-doc > div:has(> .dream-post-content-imageBlock + .dream-post-content-blockquoteFigure):has(.dream-post-content-blockquoteFigure a) .dream-post-content-imageBlock :is(picture, img) {
  aspect-ratio: 16 / 9 !important;
  border-radius: 10px 10px 0 0 !important;
  display: block !important;
  height: auto !important;
  object-fit: cover !important;
  object-position: center !important;
  max-width: none !important;
  width: 100% !important;
}

.rendered-post .dream-post-content-doc > div:has(> .dream-post-content-imageBlock + .dream-post-content-blockquoteFigure):has(.dream-post-content-blockquoteFigure a) > .dream-post-content-blockquoteFigure {
  padding: 12px 20px !important;
}

.rendered-post .dream-post-content-doc > div:has(> .dream-post-content-imageBlock + .dream-post-content-blockquoteFigure):has(.dream-post-content-blockquoteFigure a) > .dream-post-content-blockquoteFigure .dream-post-content-blockquoteFigure {
  background: transparent !important;
  border: 0 !important;
  border-left-width: 0 !important;
  padding: 0 !important;
  --wt-quote-2-border-top-width: 0px;
  --wt-quote-2-border-right-width: 0px;
  --wt-quote-2-border-bottom-width: 0px;
  --wt-quote-2-border-left-width: 0px;
  --wt-quote-2-padding-top: 0px;
  --wt-quote-2-padding-right: 0px;
  --wt-quote-2-padding-bottom: 0px;
  --wt-quote-2-padding-left: 0px;
}

.rendered-post .dream-post-content-doc > div:has(> .dream-post-content-imageBlock + .dream-post-content-blockquoteFigure):has(.dream-post-content-blockquoteFigure a) .dream-post-content-blockquoteFigure p {
  color: var(--pt-color-text-primary) !important;
  font-family: var(--pt-font-family-reading) !important;
  font-size: 18px !important;
  font-style: normal !important;
  font-weight: 400 !important;
  line-height: 1.6 !important;
}

.rendered-post .dream-post-content-doc > div:has(> .dream-post-content-imageBlock + .dream-post-content-blockquoteFigure):has(.dream-post-content-blockquoteFigure a) .dream-post-content-blockquoteFigure a {
  color: var(--pt-color-control-primary, #206BEA) !important;
  font-style: normal !important;
}

.rendered-post .dream-post-content-doc > div[style*="--post-section-border-top-left-radius: 12px"][style*="--post-section-border-top-width: 1px"]:has(h6):has(h3):has(a) > div:has(> h6) {
  padding: 0 0 12px !important;
}

.rendered-post .dream-post-content-doc > div[style*="--post-section-border-top-left-radius: 12px"][style*="--post-section-border-top-width: 1px"]:has(> .dream-post-content-imageBlock):has(h6):has(h3):has(a) > div:has(> h6) {
  padding: 16px 24px 12px !important;
}

.rendered-post .dream-post-content-doc > div[style*="--post-section-border-top-left-radius: 12px"][style*="--post-section-border-top-width: 1px"]:has(h6):has(h3):has(a) > div:has(> h3) {
  padding: 0 0 8px !important;
}

.rendered-post .dream-post-content-doc > div[style*="--post-section-border-top-left-radius: 12px"][style*="--post-section-border-top-width: 1px"]:has(> .dream-post-content-imageBlock):has(h6):has(h3):has(a) > div:has(> h3) {
  padding: 0 24px 8px !important;
}

.rendered-post .dream-post-content-doc > div[style*="--post-section-border-top-left-radius: 12px"][style*="--post-section-border-top-width: 1px"]:has(h6):has(h3):has(a) > div:has(> h3) h3 {
  color: var(--pt-color-text-primary) !important;
  font-family: var(--pt-font-family-heading) !important;
  font-size: 26px !important;
  font-weight: var(--cs-font-headings-weight, 600) !important;
  letter-spacing: var(--cs-font-headings-letter-spacing, -0.06em) !important;
  line-height: var(--cs-font-headings-line-height, 1.2) !important;
  margin: 0 !important;
  padding: 0 !important;
}

.rendered-post .dream-post-content-doc > div[style*="--post-section-border-top-left-radius: 12px"][style*="--post-section-border-top-width: 1px"]:has(> .dream-post-content-imageBlock):has(h6):has(h3):has(a) > div:has(> h3) h3 {
  font-size: 26px !important;
  line-height: var(--cs-font-headings-line-height, 1.2) !important;
  margin: 0 !important;
  padding: 0 !important;
}

.rendered-post .dream-post-content-doc > div[style*="--post-section-border-top-left-radius: 12px"][style*="--post-section-border-top-width: 1px"]:has(h6):has(h3):has(a) > div:has(> h3) + div {
  padding: 0 !important;
}

.rendered-post .dream-post-content-doc > div[style*="--post-section-border-top-left-radius: 12px"][style*="--post-section-border-top-width: 1px"]:has(> .dream-post-content-imageBlock):has(h6):has(h3):has(a) > div:has(> h3) + div {
  padding: 0 24px !important;
}

.rendered-post .dream-post-content-doc > div[style*="--post-section-border-top-left-radius: 12px"][style*="--post-section-border-top-width: 1px"]:has(h6):has(h3):has(a) > div:has(> h3) + div > p {
  color: var(--pt-color-text-primary) !important;
  font-family: var(--cs-font-post-content-family, Inter), sans-serif !important;
  font-size: var(--cs-font-post-content-size, 1.125rem) !important;
  font-weight: var(--cs-font-post-content-weight, 400) !important;
  letter-spacing: var(--cs-font-post-content-letter-spacing, normal) !important;
  line-height: var(--cs-font-post-content-line-height, 1.6) !important;
  margin: 0 !important;
  padding: 0 !important;
}

.rendered-post .dream-post-content-doc > div[style*="--post-section-border-top-left-radius: 12px"][style*="--post-section-border-top-width: 1px"]:has(h6):has(h3):has(a) > div:has(> h3) + div + div {
  margin: 0 !important;
  overflow: visible !important;
  padding: 18px 0 0 !important;
}

.rendered-post .dream-post-content-doc > div[style*="--post-section-border-top-left-radius: 12px"][style*="--post-section-border-top-width: 1px"]:has(> .dream-post-content-imageBlock):has(h6):has(h3):has(a) > div:has(> h3) + div + div {
  padding: 18px 24px 24px !important;
}

.rendered-post .dream-post-content-doc > div[style*="--post-section-border-top-left-radius: 12px"][style*="--post-section-border-top-width: 1px"]:has(> .dream-post-content-imageBlock):has(h6):has(h3):has(a) .dream-post-content-figcaption {
  padding-inline: 24px !important;
}

@media (max-width: 575.98px) {
  .rendered-post .dream-post-content-doc > div[style*="--post-section-border-top-left-radius: 12px"][style*="--post-section-border-top-width: 1px"]:has(h6):has(h3):has(a) {
    padding: 20px !important;
  }

  .rendered-post .dream-post-content-doc > div[style*="--post-section-border-top-left-radius: 12px"][style*="--post-section-border-top-width: 1px"]:has(> .dream-post-content-imageBlock):has(h6):has(h3):has(a) {
    padding: 0 !important;
  }

  .rendered-post .dream-post-content-doc > div[style*="--post-section-border-top-left-radius: 12px"][style*="--post-section-border-top-width: 1px"]:has(> .dream-post-content-imageBlock):has(h6):has(h3):has(a) > div:has(> h6) {
    padding: 16px 20px 12px !important;
  }

  .rendered-post .dream-post-content-doc > div[style*="--post-section-border-top-left-radius: 12px"][style*="--post-section-border-top-width: 1px"]:has(> .dream-post-content-imageBlock):has(h6):has(h3):has(a) > div:has(> h3) {
    padding: 0 20px 8px !important;
  }

  .rendered-post .dream-post-content-doc > div[style*="--post-section-border-top-left-radius: 12px"][style*="--post-section-border-top-width: 1px"]:has(> .dream-post-content-imageBlock):has(h6):has(h3):has(a) > div:has(> h3) + div {
    padding-inline: 20px !important;
  }

  .rendered-post .dream-post-content-doc > div[style*="--post-section-border-top-left-radius: 12px"][style*="--post-section-border-top-width: 1px"]:has(> .dream-post-content-imageBlock):has(h6):has(h3):has(a) > div:has(> h3) + div + div {
    padding: 18px 20px 24px !important;
  }

  .rendered-post .dream-post-content-doc > div[style*="--post-section-border-top-left-radius: 12px"][style*="--post-section-border-top-width: 1px"]:has(> .dream-post-content-imageBlock):has(h6):has(h3):has(a) .dream-post-content-figcaption {
    padding-inline: 20px !important;
  }
}

/* 2026-08-11 component corrections — image-card body rhythm and complete
   poll-row dividers. Caption and quote-attribution typography live in Sheet 1. */

.rendered-post .dream-post-content-doc > div[style*="--post-section-border-top-left-radius: 12px"][style*="--post-section-border-top-width: 1px"]:has(> .dream-post-content-imageBlock):has(h6):has(h3):has(a) .dream-post-content-imageBlock :is(picture, img) {
  border-radius: 10px 10px 0 0 !important;
}
.rendered-post .dream-post-content-doc > div[style*="--post-section-border-top-left-radius: 12px"][style*="--post-section-border-top-width: 1px"]:has(> .dream-post-content-imageBlock):has(h6):has(h3):has(a) > div:has(> p.dream-post-content-paragraph) {
  padding: 0 24px !important;
}
.rendered-post .dream-post-content-doc > div[style*="--post-section-border-top-left-radius: 12px"][style*="--post-section-border-top-width: 1px"]:has(> .dream-post-content-imageBlock):has(h6):has(h3):has(a) > div > p.dream-post-content-paragraph {
  color: var(--pt-color-text-primary, #161616) !important;
  font-family: var(--cs-font-post-content-family, Inter), sans-serif !important;
  font-size: var(--cs-font-post-content-size, 1.125rem) !important;
  font-weight: var(--cs-font-post-content-weight, 400) !important;
  letter-spacing: var(--cs-font-post-content-letter-spacing, normal) !important;
  line-height: var(--cs-font-post-content-line-height, 1.6) !important;
  margin: 10px 0 0 !important;
  padding: 0 !important;
}
.rendered-post .dream-post-content-doc > div[style*="--post-section-border-top-left-radius: 12px"][style*="--post-section-border-top-width: 1px"]:has(> .dream-post-content-imageBlock):has(h6):has(h3):has(a) > div:has(> h4) {
  padding: 20px 24px 0 !important;
}
.rendered-post .dream-post-content-doc > div[style*="--post-section-border-top-left-radius: 12px"][style*="--post-section-border-top-width: 1px"]:has(> .dream-post-content-imageBlock):has(h6):has(h3):has(a) > div:has(> h4) > h4 {
  margin: 0 !important;
  padding: 0 !important;
}
.rendered-post .dream-post-content-doc > div[style*="--post-section-border-top-left-radius: 12px"][style*="--post-section-border-top-width: 1px"]:has(> .dream-post-content-imageBlock):has(h6):has(h3):has(a) > div:has(> a[type="button"]) {
  margin: 0 !important;
  overflow: visible !important;
  padding: 18px 24px 24px !important;
}

.rendered-post .dream-post-content-doc > div > div:has(ul > li > :is(a[data-skip-tracking="true"], button[type="button"])) ul > li,
.rendered-post .dream-post-content-doc ul:has(> li > :is(a[data-skip-tracking="true"], button[type="button"])) > li {
  border: 0 !important;
  border-bottom: 1px solid var(--pt-color-border, #DBDBDB) !important;
  border-radius: 0 !important;
  margin: 0 !important;
  padding: 16px 0 !important;
  transition: background-color 0.2s ease !important;
  width: 100% !important;
}
.rendered-post .dream-post-content-doc > div > div:has(ul > li > :is(a[data-skip-tracking="true"], button[type="button"])) ul > li:first-child,
.rendered-post .dream-post-content-doc ul:has(> li > :is(a[data-skip-tracking="true"], button[type="button"])) > li:first-child {
  padding-top: 16px !important;
}
.rendered-post .dream-post-content-doc > div > div:has(ul > li > :is(a[data-skip-tracking="true"], button[type="button"])) ul > li:last-child,
.rendered-post .dream-post-content-doc ul:has(> li > :is(a[data-skip-tracking="true"], button[type="button"])) > li:last-child {
  padding-bottom: 16px !important;
}
.rendered-post .dream-post-content-doc > div > div:has(ul > li > :is(a[data-skip-tracking="true"], button[type="button"])) ul > li:is(:hover, :focus-within),
.rendered-post .dream-post-content-doc ul:has(> li > :is(a[data-skip-tracking="true"], button[type="button"])) > li:is(:hover, :focus-within) {
  background-color: var(--pt-color-surface-muted, #F5F7FA) !important;
}

@media (max-width: 575.98px) {
  .rendered-post .dream-post-content-doc > div[style*="--post-section-border-top-left-radius: 12px"][style*="--post-section-border-top-width: 1px"]:has(> .dream-post-content-imageBlock):has(h6):has(h3):has(a) small.dream-post-content-figcaption {
    padding-inline: 20px !important;
  }
  .rendered-post .dream-post-content-doc > div[style*="--post-section-border-top-left-radius: 12px"][style*="--post-section-border-top-width: 1px"]:has(> .dream-post-content-imageBlock):has(h6):has(h3):has(a) > div:has(> p.dream-post-content-paragraph) {
    padding-inline: 20px !important;
  }
  .rendered-post .dream-post-content-doc > div[style*="--post-section-border-top-left-radius: 12px"][style*="--post-section-border-top-width: 1px"]:has(> .dream-post-content-imageBlock):has(h6):has(h3):has(a) > div:has(> h4) {
    padding-inline: 20px !important;
  }
  .rendered-post .dream-post-content-doc > div[style*="--post-section-border-top-left-radius: 12px"][style*="--post-section-border-top-width: 1px"]:has(> .dream-post-content-imageBlock):has(h6):has(h3):has(a) > div:has(> a[type="button"]) {
    padding-inline: 20px !important;
  }
}