.homepage ul.feature-nav {
  padding: 0;
  list-style: none;
  font-size: var(--font-size-medium); }
  .homepage ul.feature-nav a {
    padding-left: 0.5rem;
    margin-right: 1rem;
    display: block;
    line-height: var(--button-line-height-medium);
    color: var(--text-light);
    text-decoration: none;
    transition: all ease-in-out 0.2s; }
    .homepage ul.feature-nav a i {
      margin-right: 1.3rem;
      width: 1rem; }
  .homepage ul.feature-nav a:hover {
    background: var(--text-blue);
    color: white; }

@media screen and (min-width: 960px) {
  .homepage {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-rows: minmax(min-content, max-content);
    column-gap: 1rem;
    row-gap: 1rem;
    padding-top: 1rem; }
    .homepage section {
      grid-column: auto; }
    .homepage #homepage-widget-reporting {
      grid-column: 1 / 2;
      grid-row: 1 / 2; }
    .homepage #homepage-widget-recent {
      grid-column: 2 / 4;
      grid-row: 1 / 2; }
    .homepage #homepage-widget-favourites {
      grid-column: 1 / 3;
      grid-row: 2 / 3; }
    .homepage #homepage-widget-support {
      grid-column: 3 / 4;
      grid-row: 2 / 3; }
    .homepage #homepage-widget-tools,
    .homepage #homepage-widget-admin,
    .homepage #homepage-widget-datamodel {
      grid-row: 3 / 4; } }

.homepage .homepage-card {
  background: var(--white);
  padding-left: 1rem;
  padding-right: 1rem; }

.homepage p {
  line-height: var(--text-line-height-medium);
  color: var(--text-light); }