#a11y-toolbar {
  position: fixed;
  top: 50%;         /* κάθετο κέντρο */
  left: 8px;        /* κολλημένο αριστερά */
  transform: translateY(-50%);
  z-index: 3000;
  background: #f8f9fa;
  border-radius: 8px;
  box-shadow: 0 1px 6px #bbb;
  padding: 3px 8px;
}
#a11y-toggle {
  background: #6e48aa;
  color: #fff;
  border: none;
  border-radius: 3px;
  font-size: 1.7em;
  padding: 2px 10px;
  cursor: pointer;
}
#a11y-panel {
  margin-top: 7px;
  padding: 8px 12px;
  background: #fff;
  border-radius: 8px;
  box-shadow: 0 3px 12px #aaa;
}
#a11y-panel ul {
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;  /* Κάθετη διάταξη */
  gap: 7px;
}
#a11y-panel li {
  list-style: none;
}
#a11y-panel button,
#a11y-panel a {
  background: #f0f0f7;
  border: 1px solid #c3c3e3;
  padding: 4px 7px;
  border-radius: 5px;
  font-size: 1em;
  cursor: pointer;
  color: #19154b;
  transition: background 0.2s;
}
#a11y-panel button:hover,
#a11y-panel a:hover {
  background: #e2d2f5;
}
.sr-only {
  position: absolute;
  left: -9999px;
  width: 1px;
  height: 1px;
  overflow: hidden;
}
/* Accessibility modifiers */
.gray-mode { filter: grayscale(1) !important; }
.high-contrast { filter: contrast(1.8) brightness(1.2) !important; }
.invert-mode { filter: invert(1) hue-rotate(180deg) !important; }
.underline-links a { text-decoration: underline !important; }
.legible-mode {
  letter-spacing: 0.07em;
  line-height: 1.7 !important;
  font-family: Verdana, Arial, sans-serif !important;
}