/* M3-F13-T02 도우미 검색 바(hs-) · 키캡(hk-). 색은 CSS 변수만, 인라인 style 없음. */
.hs-host{position:relative}
.hs-pop{position:absolute;left:0;right:0;top:100%;margin-top:2px;z-index:260;background:var(--panel);border:1px solid var(--line);box-shadow:0 8px 24px rgba(0,0,0,.16);max-height:320px;overflow:auto;min-width:220px}
.hs-hint{padding:6px 12px;font-size:12px;color:var(--mute);border-bottom:1px solid var(--line)}
.hs-opt{display:flex;gap:10px;justify-content:space-between;align-items:baseline;padding:8px 12px;cursor:pointer;font-size:13px}
.hs-opt:hover,.hs-opt[aria-selected=true]{background:var(--soft);box-shadow:inset 3px 0 0 var(--accent)}
.hs-t{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.hs-k{font:12px/1 'D2Coding','JetBrains Mono',ui-monospace,Consolas,monospace;color:var(--mute);white-space:nowrap}
.hs-recent .hs-t::before{content:"↺ ";color:var(--mute)}

.hk{display:inline-flex;flex-direction:column;align-items:flex-start;gap:6px;vertical-align:middle}
.hk-line{display:inline-flex;align-items:center;gap:3px;flex-wrap:wrap}
.hk-plus{color:var(--mute);font-size:12px}
.hk-lg kbd{font-size:16px;padding:6px 10px;min-width:34px;text-align:center}
.hk-note{color:var(--mute);font-size:11px}
.hk-laptop{margin:0;font-size:12px;color:var(--mute)}
.hk-kb{width:100%;max-width:300px;height:auto}
.hk-key rect{fill:var(--panel);stroke:var(--line);stroke-width:1}
.hk-key text{font:9px/1 'D2Coding','JetBrains Mono',ui-monospace,Consolas,monospace;fill:var(--mute)}
.hk-key.hk-on rect{fill:var(--sacc,var(--accent));stroke:var(--sacc,var(--accent))}
.hk-key.hk-on text{fill:var(--accent-ink,#fff);font-weight:700}