/* ==========================================================================
   Styles for the Top Right Side Menu Getting Started page. One file per page,
   mirroring the page's path, so this table can be adjusted without touching
   any other page's styles.
   ========================================================================== */

/* Menu-at-a-glance table - a narrow icon column and the feature name. */
.menu-glance-table table {
  table-layout: fixed;
  width: 100%;
}

/* The theme puts min-width: 5rem on every th, which fights the narrow icon column. */
.menu-glance-table table th {
  min-width: 0;
}

.menu-glance-table table th:nth-child(1),
.menu-glance-table table td:nth-child(1) {
  width: 6rem;
  padding-left: 0.25rem;
  padding-right: 0.25rem;
  text-align: center;
}

/* Brick icons in both themes: --q-brick resolves to the same accent under the
   light and the dark scheme, so one rule covers both modes. */
.menu-glance-table table td:nth-child(1) .twemoji svg {
  color: var(--q-brick);
  fill: var(--q-brick);
}

.menu-glance-table table td {
  vertical-align: middle;
}