#a11y-toggle { position: fixed; z-index: 90; right: 0; top: 34%; width: 48px; height: 48px; border: 0; border-radius: 12px 0 0 12px; background: #24366d; color: #fff; font-size: 1.4rem; cursor: pointer; }
#a11y-panel { position: fixed; z-index: 89; right: 0; top: 22%; width: min(330px, 92vw); padding: 22px; background: #fff; color: #111; border: 2px solid #24366d; border-radius: 14px 0 0 14px; box-shadow: 0 16px 45px rgba(0,0,0,.24); transform: translateX(100%); transition: transform .2s ease; }
#a11y-panel.open { transform: translateX(0); }
#a11y-panel h2 { font-size: 1.25rem; margin: 0 0 14px; }
.a11y-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.a11y-btn { min-height: 44px; border: 1px solid #737986; border-radius: 8px; background: #fff; color: #111; cursor: pointer; }
.a11y-report { margin: 15px 0 0; font-size: .9rem; }
@media (max-width: 600px) { #a11y-panel { top: 10%; width: 100vw; border-radius: 0; } #a11y-toggle { top: 28%; } }
@media (prefers-reduced-motion: reduce) { #a11y-panel { transition: none; } }