/* Compact honors table on the homepage */
.honors-table {
  font-size: 0.875rem;
  max-width: 34rem;
  margin-top: 0.25rem;
}

.honors-table td {
  padding: 0.2rem 0.5rem 0.2rem 0;
}

/* Pin content to the left, in line with the navbar links, and let it fill the window: Quarto centres a capped column between 5fr gutters */
@media (min-width: 992px) {
  body .page-columns {
    grid-template-columns: [screen-start] 1.5em [screen-start-inset] 0 [page-start page-start-inset] 0 [body-start-outset] 0 [body-start] 1em [body-content-start] minmax(500px, 1fr) [body-content-end] 1.5em [body-end] 35px [body-end-outset] minmax(75px, 145px) [page-end-inset] 35px [page-end] 0 [screen-end-inset] 1.5em [screen-end];
  }

  body.fullcontent:not(.floating):not(.docked) .page-columns {
    grid-template-columns: [screen-start] 1.5em [screen-start-inset] 0 [page-start page-start-inset] 0 [body-start-outset] 0 [body-start] 1em [body-content-start] minmax(500px, 1fr) [body-content-end] 1em [body-end] 0 [body-end-outset] 0 [page-end-inset page-end] 0 [screen-end-inset] 1.5em;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  body .page-columns {
    grid-template-columns: [screen-start] 1.5em [screen-start-inset page-start page-start-inset body-start-outset] 0 [body-start] 1em [body-content-start] minmax(500px, 1fr) [body-content-end] 1.5em [body-end] 35px [body-end-outset] minmax(75px, 145px) [page-end-inset] 35px [page-end] 0 [screen-end-inset] 1.5em [screen-end];
  }

  body.fullcontent:not(.floating):not(.docked) .page-columns {
    grid-template-columns: [screen-start] 1.5em [screen-start-inset page-start page-start-inset body-start-outset] 0 [body-start] 1em [body-content-start] minmax(500px, 1fr) [body-content-end] 1em [body-end body-end-outset page-end-inset page-end] 0 [screen-end-inset] 1.5em [screen-end];
  }
}

/* Posts listing: one plain line per post, date first */
.post-list {
  list-style: none;
  padding-left: 0;
}

.post-date {
  display: inline-block;
  min-width: 5.5em;
  color: var(--bs-secondary-color);
  font-size: 0.875rem;
  white-space: nowrap;
}

.post-pin {
  color: var(--bs-secondary-color);
  font-size: 0.8em;
}

/* Buttondown signup dropdown in the navbar, beside the dark-mode toggle */
.subscribe-dropdown {
  display: inline-block;
}

.subscribe-dropdown .dropdown-menu {
  padding: 0.75rem;
}

/* On narrow screens the toggle sits at the left, so open the box from the navbar's left edge instead of off-screen */
@media (max-width: 991.98px) {
  .subscribe-dropdown {
    position: static;
  }

  .subscribe-dropdown .dropdown-menu[data-bs-popper] {
    left: 1rem;
    right: auto;
  }
}

.subscribe-form {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  width: 16rem;
  max-width: calc(100vw - 2rem);
  font-size: 0.875rem;
}

/* Darkly's outline-secondary is too dim to read as clickable, so follow the dropdown's text in both themes (the navbar's data-bs-theme="dark" makes --bs-body-color light even in light mode) */
.subscribe-form button {
  align-self: flex-start;
  --bs-btn-color: var(--bs-dropdown-color);
  --bs-btn-border-color: var(--bs-dropdown-color);
}