.sispa-keyboard-links { display:flex; justify-content:flex-end; gap:1rem; padding:.35rem max(1rem, calc((100% - 1170px)/2)); background:#f5f4ef; color:#294534; font:14px/1.5 Arial,sans-serif; }
.sispa-keyboard-links a { color:#294534; text-decoration:underline; }
.sispa-skip-link:not(:focus) { position:absolute; width:1px; height:1px; padding:0; overflow:hidden; clip-path:inset(50%); white-space:nowrap; }
.sispa-keyboard-content { max-width:850px; margin:auto; padding:2rem 1rem; font:17px/1.65 Arial,sans-serif; color:#243b2c; background:#fff; }
.sispa-keyboard-content h1 { font-size:2rem; line-height:1.2; }
.sispa-keyboard-content h2 { font-size:1.35rem; margin-top:1.7rem; }
.sispa-keyboard-content a { color:#325b3b; text-decoration:underline; }
.sispa-keyboard-content kbd { display:inline-block; padding:.1em .4em; border:1px solid #a8b2a9; border-radius:4px; background:#f3f5f1; color:#243b2c; font: .9em/1.5 monospace; white-space:nowrap; }
.sispa-keyboard-content table { width:100%; border-collapse:collapse; margin:1.5rem 0; font:inherit; }
.sispa-keyboard-content caption { text-align:left; font-weight:bold; color:inherit; }
.sispa-keyboard-content th, .sispa-keyboard-content td { text-align:left; padding:.7rem .5rem; border-bottom:1px solid #d4dbd1; }
.sispa-keyboard-content th { font-weight:600; }
.sispa-keyboard-content input { width:1.1em; height:1.1em; margin-right:.4em; }
.sispa-keyboard-dialog { box-sizing:border-box; width:min(900px,calc(100% - 2rem)); max-height:85vh; padding:1rem; border:1px solid #7a8c76; border-radius:10px; background:#fff; color:#243b2c; box-shadow:0 1rem 4rem #0004; }
.sispa-keyboard-dialog::backdrop { background:rgb(15 30 20 / 65%); }
.sispa-keyboard-dialog form { display:flex; justify-content:flex-end; position:sticky; top:0; background:#fff; padding:.25rem; z-index:1; }
.sispa-keyboard-dialog button { cursor:pointer; border:1px solid #325b3b; border-radius:5px; padding:.6rem 1rem; color:#fff; background:#325b3b; font:16px/1.5 Arial,sans-serif; }
.sispa-show-shortcuts a[data-sispa-key] { text-decoration: none !important; }
.sispa-show-shortcuts .sispa-shortcut-letter { text-decoration-line: underline; text-decoration-thickness: .08em; text-underline-offset: .15em; }
.sispa-keyboard-content :focus-visible, .sispa-keyboard-dialog :focus-visible, .sispa-keyboard-launcher:focus-visible { outline:3px solid #875010 !important; outline-offset:4px; }
@media(max-width:480px) { .sispa-keyboard-content { padding:1rem .25rem; font-size:16px; } .sispa-keyboard-content th,.sispa-keyboard-content td { padding:.5rem .25rem; } }
@media print { .sispa-keyboard-links, .sispa-keyboard-dialog { display:none; } }

.sispa-keyboard-launcher { position:fixed; left:1rem; bottom:1rem; z-index:999; display:inline-block; padding:.55rem .8rem; border:1px solid #a84b25; border-radius:6px; color:#fff; background:#743426; box-shadow:0 2px 8px #0002; font:14px/1.4 Arial,sans-serif; text-decoration:none; }
.sispa-keyboard-launcher:hover { background:#52251b; color:#fff; }
@media print { .sispa-keyboard-launcher {display:none;} }