/*
 * Copyright IBM Corp. 2022, 2025
 *
 * This source code is licensed under the Apache-2.0 license found in the
 * LICENSE file in the root directory of this source tree.
 */

@use '@carbon/react/scss/spacing' as spacing;
@use '@carbon/react/scss/type' as type;
@use '@carbon/react/scss/theme' as theme;

@use '../utils' as *;

.#{with-prefix('page-description')} {
  color: theme.$text-primary;
  margin-block-start: spacing.$spacing-07;
}

.#{with-prefix('page-description')},
.#{with-prefix('page-description')} p,
.#{with-prefix('page-description')} .cds--link {
  @include type.type-style('fluid-heading-03', true);

  display: inline;
}

.#{with-prefix('page-description')} > * {
  margin-block-start: 0;
}

.#{with-prefix('page-description')} > * + * {
  margin-block-start: spacing.$spacing-06;
}

.#{with-prefix('page-description')} code {
  font-size: 1.125rem;
  line-height: 1.25;
}