/* Shared presentation for embedded content images in posts, Articles, Resources
   and Media descriptions. Native delivery, lightboxes and stored content remain authoritative. */
.bbWrapper img:not(.smilie):not(.emoji):not(.reaction-image),
img.xfmgImage,
.xfmgImage > img {
  box-sizing: border-box;
  border: 1px solid rgba(133, 155, 179, .48);
  border-radius: 3px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, .08);
}

/* Align the Resource reading column with the shared navigation divider. */
@media (min-width: 901px) {
  .resourceBody > .resourceBody-main {
    border-right: 1px solid var(--dp-compact-line, rgba(133, 155, 179, .3));
  }
}

/* Chapter rules belong to the two maintained guides, not every Resource. */
html[data-content-key="resource-361"] .resourceBody-main .bbWrapper h2.bbHeading,
html[data-content-key="resource-362"] .resourceBody-main .bbWrapper h2.bbHeading {
  border-top: 1px solid var(--dp-compact-line, rgba(133, 155, 179, .3));
  padding-top: 18px;
  margin-top: 28px;
}

.dp-resource-helpful { border-top: 1px solid var(--dp-compact-line); padding-top: 16px; }
.dp-resource-helpful-form { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; font-size: 13px; }
.dp-resource-helpful-form > span { flex: 1 1 120px; }
.dp-resource-helpful-form .button { flex: 0 0 auto; min-height: 32px; padding: 5px 9px; }
.dp-resource-helpful-form .button.is-selected { border-color: var(--dp-compact-link); color: var(--dp-compact-link); background: var(--dp-compact-hover); }
.dp-resource-helpful-thanks { flex-basis: 100%; margin: 3px 0 0; line-height: 1.5; }