/* @import "/coms/styles/2011_dcs_standard.css"; */
@import "../assets-tmp/nsds/0.4.0/nsds.css";

#main {
  margin-bottom: 3rem;
}

#related {
  background: #f0f0f0;
  padding: 0 0.5rem 1rem;
}

.secondary-content {
  padding-inline: 1.5rem;
  /* background-color: #eee; */
  /* height: 1rem; */
}

.rightColumn {
  background-color: #eee;
  padding: 1rem;
}

.breadcrumbs {
  /* margin: 1em 0 0 1em; */
  margin: 0 0 0 -0.75rem;

  padding: 0.75rem;
  padding-left: 1rem;
}

.crumb {
  margin: 0 4px;
}

/* Hide only visually, but have it available for screenreaders: h5bp.com/v */
.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

@media (width >= 64em) {
  .ns-page-layout-basic {
    grid-template-columns:
      fit-content(calc(var(--ns-subnav-width) + var(--ns-gutter-size)))
      minmax(0, 1fr)
      minmax(0, auto);
  }
  .secondary-content {
    margin-left: var(--ns-gutter-size);
    padding-inline: 0.5rem;
    width: 15rem;
  }
}