// Shared body styles for OMC highlight popovers. Variant-specific overrides
// (font sizes, etc.) live in _OMCHighlightPopover.scss.
.nova-enabled {
  .highlight-popover-body {
    display: flex;
    flex-direction: column;
    gap: var(--space-small);

    .title {
      font-weight: var(--font-weight-heading);
      margin: 0;
    }

    .subtitle {
      font-size: var(--font-size-root);
      margin: 0;
    }
  }

  .highlight-popover-image {
    width: 100%;
    height: auto;
    border-radius: var(--border-radius-small);
  }
}