:root {
  /* --pico-primary: orange !important; */
  /* --pico-primary-background: orange !important; */
  --pico-grid-column-gap: 3vw;
  --pico-font-family: var(--pico-font-family-monospace);
  --pico-font-size: 100%;
}


/**
 * Position details carot to left instead of right
 */
summary {
  position: relative;

  &::after {
    position: absolute;
    top: 50%;
    margin-top: -0.5em;
    left: -1.75em;
  }
}

/**
 * @see https://picocss.com/docs/grid
 */
.grid {
  grid-column-gap: var(--pico-grid-column-gap);
  grid-row-gap: var(--pico-grid-row-gap);
  display: grid;
  grid-template-columns: 1fr;

  @media (min-width:768px) {
    grid-template-columns: repeat(auto-fit, minmax(0%, 1fr));
  }
}

/**
 * Utilities
 */
.d-none {
  display: none;
}