html {
  box-sizing: border-box; }

*, *::after, *::before {
  box-sizing: inherit; }

/* One-off breakpoints (consider consolidation)*/
/* Mayflower Color Tokens */
.ma__toc--hierarchy .ma__colored-heading {
  margin-bottom: 0 !important;
  margin-right: 50px;
  overflow: visible;
  z-index: 1;
  max-width: 28em;
  width: calc(100% - 50px); }
  .ma__toc--hierarchy .ma__colored-heading:after {
    display: none; }
  .ma__toc--hierarchy .ma__colored-heading:before {
    content: "";
    position: absolute;
    top: 0;
    right: -25px;
    background: inherit;
    height: 100%;
    width: 50px;
    transform: skew(-0.53rad); }

.ma__toc--hierarchy .ma__toc--hierarchy__container {
  position: relative;
  top: -20px;
  padding: 0;
  padding-top: 20px;
  list-style: none;
  background: #F2F2F2;
  border: 2px solid #DCDCDC; }
  .ma__toc--hierarchy .ma__toc--hierarchy__container > * + * {
    border-top: 1px solid #DCDCDC; }
  .ma__toc--hierarchy .ma__toc--hierarchy__container .ma__decorative-link {
    padding: 20px; }
  .ma__toc--hierarchy .ma__toc--hierarchy__container .ma__download-link {
    padding: 20px; }

.ma__toc--hierarchy .ma__accordion-header__button {
  padding-left: 20px;
  padding-right: 20px; }
  .ma__toc--hierarchy .ma__accordion-header__button--solid.is-open {
    margin-bottom: unset; }

.ma__toc--hierarchy .ma__accordion-header__title {
  font-size: 1.375rem; }

.ma__toc--hierarchy .ma__accordion-content__body {
  background: white;
  list-style: none;
  margin-bottom: unset;
  padding: 10px 0 10px 20px; }
  .ma__toc--hierarchy .ma__accordion-content__body a {
    transition: none; }
  .ma__toc--hierarchy .ma__accordion-content__body.collapsed {
    padding: unset; }

.ma__toc--hierarchy__accordion .ma__toc--hierarchy__accordion-content {
  list-style: none;
  margin-bottom: 0;
  display: none;
  padding: 10px 0 10px 20px;
  background: white;
  border-top: 2px solid #DCDCDC; }

.ma__toc--hierarchy__accordion .ma__toc--hierarchy__title {
  background: transparent;
  border: none;
  display: block;
  padding: 20px;
  padding-right: 30px;
  position: relative;
  text-align: left;
  width: 100%;
  font-weight: bold;
  color: #14558f; }
  .ma__toc--hierarchy__accordion .ma__toc--hierarchy__title:after {
    font-size: 2.5rem;
    font-weight: normal;
    content: "+";
    line-height: .65em;
    overflow: hidden;
    position: absolute;
    right: 15px;
    top: 20px;
    transform-origin: center center;
    transition: transform .2s ease; }

.ma__toc--hierarchy__accordion.is-open .ma__toc--hierarchy__title:after {
  transform: rotate(135deg); }