@use "../../../../styles/int.scss";
@use "../constants.scss";

.container {
  max-width: constants.$description-max-width;

  @include int.title($size: "200", $weight: "regular");

  @include int.breakpoint-at-least("md") {
    @include int.title($size: "300", $weight: "regular");
  }

  @include int.breakpoint-at-least("lg") {
    @include int.title($size: "400", $weight: "regular");
  }
}

@include int.customize-component(".container") {
  .int-style.int-style-MarkdownContent__paragraph {
    margin-top: int.$spacing-4;

    &:first-of-type {
      margin-top: 0;
    }
  }
}
