// Re-export all component styles
@import "HomePage";
@import "Step01IntroPage";
@import "Step02DesignPage";
@import "Step03HeroModelPage";
@import "Step04HeroServicePage";
@import "Step05FirstDashboardPage";
@import "Step06HeroListPage";
@import "ComponentSlidePane";
@import "playground/playgrounds.less";
@import "directive/directive.less"; 

.page {
  padding: 15pt 20pt;

  > header {
    .FH5();
    margin-bottom: 25pt;
  }

  > section {
    margin-bottom: 25pt;

    > header {
      .FH3();
      margin-bottom: 15pt;
    }
  }

  p {
    text-indent: 2em;
  }

  a.cite {
    color: extract(@CLR_0, 7);
  }

  figure {
    margin-top: 10pt;
    margin-bottom: 15pt;
    text-align: center;

    > img {
      width: 100%;
    }

    > figcaption {
      .FC1L();
      display: block;
      color: extract(@CLR_0, 9);
      text-align: center;
    }
  }
}