/* Custom site CSS loaded via [Params].customCSS in hugo.toml */

/* Responsive tables for small screens (keep table horizontally scrollable) */
@media screen and (max-width: 767px) {
  .content .table-responsive {
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }

  .content table {
    display: block;
    width: 100%;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    white-space: nowrap;
  }

  /* Allow cell text to wrap within each cell while the table can scroll */
  .content table td,
  .content table th {
    white-space: normal;
  }
}

/* Optional helper: make tables visually full-width on small screens */
.content table {
  max-width: 100%;
}

/* Social icon sizing */
.social-icon {
  width: 28px;
  height: auto;
  vertical-align: middle;
  display: inline-block;
}

/* Place social menu item to the far right on wide screens */
@media screen and (min-width: 767px) {
  .menu__item--social {
    margin-left: auto;
  }
}