/* Custom overrides — kept separate from the theme so they survive theme updates. */

/* Effect-size conventions table (G*Power guide): on narrow screens, let the
   "Used for" column wrap and shrink first, and keep Small/Medium/Large at a
   sane minimum width so their headers don't wrap or overflow awkwardly. */
.effect-size-table table {
  table-layout: fixed;
}

.effect-size-table th,
.effect-size-table td {
  word-wrap: break-word;
}

.effect-size-table th:nth-child(1),
.effect-size-table td:nth-child(1) {
  width: 3.5em;
}

.effect-size-table th:nth-child(3),
.effect-size-table td:nth-child(3),
.effect-size-table th:nth-child(4),
.effect-size-table td:nth-child(4),
.effect-size-table th:nth-child(5),
.effect-size-table td:nth-child(5) {
  width: 4.5em;
  min-width: 4.5em;
}

/* Column 2 ("Used for") is left without an explicit width, so in a
   fixed table layout it absorbs all remaining space and wraps first. */

/* "Back to top" links after each section on long pages (e.g. the G*Power
   guide). Small and unobtrusive — a subtle arrow, right-aligned. */
.back-to-top {
  margin: 0.5em 0 1.5em;
  text-align: right;
  font-size: 0.85em;
}

.back-to-top a {
  color: #7d828a; /* $highlight-grey in the theme's SCSS variables */
  text-decoration: none;
  box-shadow: none;
}

.back-to-top a:hover {
  color: #D8973C; /* $theme in the theme's SCSS variables */
}