@use '../variables/fonts';
@use '../variables/colors';
@use '../variables/line-height';
@use '../variables/spacing';

@use '../tools/rfs';

.methodology {
  background-color: colors.$lightest-gray;
  border-top: 2px solid colors.$black;
  border-bottom: 2px solid colors.$black;
  max-width: 630px;
  @include rfs.margin-top(60px);
  @include rfs.margin-bottom(42px);
  margin-left: auto;
  margin-right: auto;
  padding: spacing.$size-n1 * 1.5;

  .methodology--headline {
    font-family: fonts.$font-family-sans-serif;
    @include rfs.font-size(18px);
    text-align: left;
    @include rfs.margin-top(12px);
    @include rfs.margin-bottom(12px);
  }

  > p {
    font-family: fonts.$font-family-sans-serif;
    @include rfs.font-size(15px);
    line-height: line-height.$body;
    &:first-of-type {
      margin-top: 0;
    }
  }
}