.accessibility_section {
  display: flex;
  align-items: center;
  gap: .5rem; /* ~8px */
}

.a11y-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  border-radius: 9999px;
  border: 1px solid #e5e7eb;
  background: #fff;
  cursor: pointer;
  transition: transform .15s ease, box-shadow .15s ease, background .15s;
}
.a11y-btn:hover {
  background: #f6f7f9;
  transform: translateY(-1px);
  box-shadow: 0 6px 14px rgba(0,0,0,.08);
}

/* High-contrast mode toggled by JS */
body.a11y-contrast {
  background: #000 !important;
  color: #fff !important;
}
body.a11y-contrast * {
  background-color: transparent !important;
  color: #fff !important;
}
/* Force ALL inline SVGs to be white in contrast mode */
body.a11y-contrast .accessibility_section svg,
body.a11y-contrast .accessibility_section svg * { 
  fill:#fff !important; 
  stroke:#fff !important; 
}