/* assets/css/custom.css is automatically included, processed, minimized, stripped by the theme */

/* force 2 columns: add {.two-col-children} after {{<children type="card">}} */
.two-column .cards {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  justify-content: center;
  gap: 1.5rem; /* optional spacing between cards */
}
/* fall back to 1 column on small screens */
@media (max-width: 768px) {
  .two-column .cards {
    grid-template-columns: 1fr;
  }
}


/* multiple notices side-by-side */
.notices-sidebyside {
  display: flex;
  gap: 1rem;
}
.notices-sidebyside > .box {
  flex: 1 1 0;        /* all notices share the row equally */
}
/* could stack them 1-wide on narrow screens... need to find right breakpoint
@media (max-width: 768px) {
  .notices-sidebyside {
    flex-direction: column;
  }
} */