/* Expand content column to near-full viewport on instruments page */
.md-content:has(.instruments-table) .md-content__inner {
  max-width: calc(100vw - 2.4rem);
  width: 100%;
  box-sizing: border-box;
}

/* simple-datatables adds its own scroll wrapper — don't add another */
.instruments-table {
  width: 100%;
}

.instruments-table table {
  width: 100%;
}

.instruments-status {
  color: var(--md-default-fg-color--light);
  margin: 1rem 0;
}

.instruments-status--error {
  color: var(--md-typeset-color);
}

/* Font-size slider above the instruments table */
.instruments-controls {
  display: flex;
  align-items: center;
  gap: .6rem;
  margin-bottom: .6rem;
  font-size: .85rem;
}

.instruments-controls input[type="range"] {
  width: 8rem;
}

/* Hide left navigation sidebar; let content fill the space */
.md-sidebar--primary {
  display: none;
}
.md-main .md-main__inner {
  justify-content: center;
}

/* Hide right TOC sidebar when no H2+ subheadings exist */
.md-sidebar--secondary:not(:has(.md-nav--secondary .md-nav__list .md-nav__item)) {
  display: none;
}

/* Workshop schedule table */
.schedule-wrapper {
  overflow-x: auto;
}

.schedule-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 0.85rem;
  table-layout: fixed;
}

.schedule-table th,
.schedule-table td {
  border: 1px solid var(--md-default-fg-color--lightest);
  padding: 0.45rem 0.6rem;
  vertical-align: top;
  text-align: center;
}

.schedule-table thead th {
  background-color: var(--md-primary-fg-color);
  color: var(--md-primary-bg-color);
  font-weight: 600;
}

.schedule-table td.time {
  font-weight: 600;
  white-space: nowrap;
  width: 7rem;
  text-align: left;
  color: var(--md-default-fg-color--light);
}

.schedule-table td.break {
  background-color: var(--md-default-fg-color--lightest);
  color: var(--md-default-fg-color--light);
  font-style: italic;
}

.schedule-table td.social {
  background-color: color-mix(in srgb, var(--md-accent-fg-color) 15%, transparent);
  font-weight: 500;
}

.schedule-table td.end {
  font-weight: 700;
  color: var(--md-primary-fg-color);
}

/* Make the header logo a bit bigger so the sticker is recognisable */
.md-header__button.md-logo {
  margin: .2rem;
  padding: .2rem;
}
.md-header__button.md-logo img,
.md-header__button.md-logo svg {
  height: 2.2rem;
  width: 2.2rem;
}