.accessibility-demo{max-width:1200px;margin:0 auto;padding:2rem}.accessibility-demo h1{margin-bottom:2rem;font-size:2.5rem}.accessibility-demo section{margin-bottom:3rem;padding:1.5rem;border:1px solid #e2e8f0;border-radius:.5rem;background-color:#f8fafc}.accessibility-demo h2{margin-bottom:1rem;font-size:1.8rem;color:#1e293b}.accessibility-demo h3{margin-bottom:.75rem;font-size:1.5rem;color:#334155}.button-group{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1rem}.button-group button{padding:.5rem 1rem;background-color:#3b82f6;color:white;border:none;border-radius:.25rem;cursor:pointer;transition:background-color .2s}.button-group button:hover{background-color:#2563eb}.button-group button:focus{outline:2px solid #2563eb;outline-offset:2px}.keyboard-test{display:flex;flex-wrap:wrap;gap:1rem;margin-top:1rem;padding:1rem;border:1px dashed #94a3b8;border-radius:.25rem}.keyboard-test button{padding:.5rem 1rem;background-color:#f1f5f9;border:1px solid #cbd5e1;border-radius:.25rem;cursor:pointer}.keyboard-test a{padding:.5rem 1rem;color:#2563eb;text-decoration:underline}.accessibility-settings{max-width:600px}.setting-group{margin-bottom:1.5rem;padding:1rem;border:1px solid #e2e8f0;border-radius:.25rem}.setting-item{margin-bottom:.75rem}.setting-item,.setting-item label{display:flex;align-items:center;gap:.5rem}.setting-item label{cursor:pointer}.setting-item select{padding:.25rem .5rem;border:1px solid #cbd5e1;border-radius:.25rem}.setting-actions{margin-top:1.5rem;display:flex;justify-content:flex-end}.setting-actions button{padding:.5rem 1rem;background-color:#f1f5f9;border:1px solid #cbd5e1;border-radius:.25rem;cursor:pointer}.modal{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background-color:white;padding:2rem;border-radius:.5rem;max-width:500px;width:100%;box-shadow:0 10px 15px -3px rgba(0,0,0,.1)}.shortcuts-list{list-style-type:none;padding:0;margin:1rem 0}.shortcuts-list li{margin-bottom:.5rem;display:flex;align-items:center;gap:.5rem}.shortcuts-list kbd{display:inline-block;padding:.25rem .5rem;font-family:monospace;font-size:.875rem;line-height:1;color:#1e293b;background-color:#f1f5f9;border:1px solid #cbd5e1;border-radius:.25rem;box-shadow:0 1px 0 rgba(0,0,0,.2)}