<template>
  <div class="prose">
    <slot name="default"></slot>
  </div>
</template>

<style lang="scss">
@import "@/scss/base.scss";

.prose {
  padding: 0 env(safe-area-inset-right) 0 env(safe-area-inset-left);

  h1,
  h2,
  h3,
  p,
  .quickfacts {
    max-width: 55rem;
    margin: {
      left: 1rem;
      right: 1rem;
    }

    @media (min-width: 55em) {
      margin: {
        left: auto;
        right: auto;
      }
    }
  }
}
</style>
