/* Keyboard shortcuts: the help list (? key), the highlighted row for j/k and the skip link. Loaded after app.css. */
.kh{position:fixed;inset:0;z-index:60;background:rgba(0,0,0,.5);display:flex;align-items:flex-start;justify-content:center;padding:10vh 16px 16px}
.kh-box{background:var(--sf);border:1px solid var(--bd2);border-radius:10px;width:min(620px,100%);max-height:78vh;overflow:auto;padding:16px 18px;outline:none;box-shadow:0 20px 60px rgba(0,0,0,.4)}
.kh-top{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px}
.kh-top h2{margin:0;font-size:15px}
.kh-l{margin:0 0 10px;display:grid;grid-template-columns:1fr 1fr;gap:0 24px}
.kh-l>div{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:6px 0;border-bottom:1px solid var(--bd)}
.kh-l dt{white-space:nowrap}.kh-l dd{margin:0;color:var(--ink2);text-align:right}
.kh kbd{font:600 11px var(--mono);padding:2px 6px;border:1px solid var(--bd2);border-radius:5px;background:var(--sf2)}
tr.kcur>td{background:var(--sel)}
tr.kcur>td:first-child{box-shadow:inset 3px 0 0 var(--acc)}
.skip{position:absolute;left:-999px;top:0;z-index:70;background:var(--acc);color:var(--accInk);padding:8px 14px;border-radius:0 0 8px 0;font-weight:600;text-decoration:none}
.skip:focus{left:0}
@media (max-width:719px){.kh-l{grid-template-columns:1fr}.kh{padding-top:4vh}}
.kbtn{background:none;border:0;color:var(--ink3);font:inherit;cursor:pointer;padding:6px 0;min-height:32px;text-align:left}.kbtn:hover,.kbtn:focus-visible{color:var(--ink)}.kbtn kbd{font:600 11px var(--mono);padding:1px 5px;border:1px solid var(--bd2);border-radius:4px}
#view:focus{outline:none}
.cpb{margin-left:8px;border:1px solid var(--bd2);background:var(--sf2);color:var(--ink2);border-radius:5px;font:600 11px var(--font);padding:2px 8px;min-height:24px;cursor:pointer;vertical-align:middle}.cpb:hover,.cpb:focus-visible{color:var(--ink);border-color:var(--acc)}
@media (max-width:719px){.cpb{min-height:44px;padding:0 14px}}