/* Apply Now page — side-by-side buttons (/studentassistance/Apply/New/ApplyNow.asp) */
.apply-buttons {
  display: flex;
  flex-wrap: nowrap;
  gap: 1rem;
}
@media (max-width: 600px) {
  .apply-buttons {
    flex-wrap: wrap;
  }
}

/* Related information aside styling */
aside#related,
.related-info {
  background: #f0f0f0;
  padding: 1rem 0.5rem;
  margin-bottom: 1.5rem;
}

aside#related ul,
.related-info ul {
  margin-bottom: 0;
}

aside#related a,
.related-info a {
  color: #0066cc;
  text-decoration: underline;
}

aside#related a:hover,
.related-info a:hover {
  text-decoration: none;
}

.ns-page-layout-basic {
  display: grid;
  grid-template-areas:
    "primary"
    "secondary"
    "side-nav";
  grid-template-columns: minmax(0, 1fr);
  margin-bottom: 3rem;
  width: 100%;
}

.ns-page-layout-basic > * {
  grid-area: secondary;
}
.ns-page-layout-basic > main {
  grid-area: primary;
  margin-top: 1.5rem;
}
.ns-page-layout-basic > .ns-side-nav {
  display: none;
  grid-area: side-nav;
}

.secondary-content {
  padding-inline: 0;
  margin-left: 2rem;
  grid-area: secondary;
}

@media (width >= 64em) {
  .ns-page-layout-basic {
    grid-template-areas: "side-nav primary secondary";
    grid-template-columns:
      fit-content(
        calc(var(--ns-side-nav-width, 15rem) + var(--ns-gutter-size, 1.5rem))
      )
      minmax(0, 1fr)
      minmax(0, auto);
  }
  .ns-page-layout-basic > .ns-side-nav {
    display: block;
  }
  .secondary-content {
    padding-inline: 0.5rem;
    width: 15rem;
  }
}

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

/* Compact list — removes inter-item margin for tight bullet lists */
.list-compact li {
  margin-bottom: 0;
}
.list-compact ul,
.list-compact ol {
  margin-block: 0;
}

/* Compact list — removes inter-item margin for tight bullet lists */
.list-compact li {
  margin-bottom: 0;
}
.list-compact ul,
.list-compact ol {
  margin-block: 0;
}