/* Content-only mode: remove all visual glass/refraction chrome from word cells. */
body.memory-content-only .cell,
body.memory-content-only .map:not(.is-focus) .cell,
body.memory-content-only .focus-cells .cell,
body.memory-content-only .cell:hover,
body.memory-content-only .cell.is-active,
body.memory-content-only .map:not(.is-focus) .cell:hover,
body.memory-content-only .map:not(.is-focus) .cell.is-active,
body.memory-content-only .focus-cells .cell:hover,
body.memory-content-only .focus-cells .cell.is-active {
  border: 0 !important;
  outline: 0 !important;
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  filter: none !important;
  transform: none !important;
}

body.memory-content-only .cell::before,
body.memory-content-only .map:not(.is-focus) .cell::before,
body.memory-content-only .focus-cells .cell::before,
body.memory-content-only .cell:hover::before,
body.memory-content-only .cell.is-active::before {
  content: none !important;
  display: none !important;
  background: transparent !important;
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  filter: none !important;
}

body.memory-content-only .cell::after,
body.memory-content-only .map:not(.is-focus) .cell::after,
body.memory-content-only .focus-cells .cell::after {
  content: none !important;
  display: none !important;
  background: none !important;
  border: 0 !important;
  box-shadow: none !important;
  filter: none !important;
}

/* Keep only the actual mnemonic content; no inner translucent capsule. */
body.memory-content-only .cell .obj,
body.memory-content-only .cell:hover .obj,
body.memory-content-only .cell.is-active .obj {
  border: 0 !important;
  outline: 0 !important;
  background: transparent !important;
  background-color: transparent !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

/* The switch itself remains legible while indicating the active state. */
.content-only-toggle {
  min-width: 64px !important;
  white-space: nowrap;
  flex: 0 0 auto;
}

.content-only-toggle[aria-pressed="true"] {
  font-weight: 650;
}

@media (max-width: 768px) {
  .content-only-toggle {
    min-width: 58px !important;
    order: 5 !important;
  }
}