/* 검색형 사용 가이드(guide.js). 관리자 전용. HIVE 공통 토큰(--hx-*)을 쓴다 */
.hgd{font:14px/1.6 var(--hx-font,system-ui,sans-serif);color:inherit;word-break:keep-all;overflow-wrap:anywhere}
.hgd-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.hgd-search{margin:0 0 8px}
.hgd-q{display:block;width:100%;box-sizing:border-box;min-height:44px;padding:10px 14px;border:1px solid var(--hx-line,#d2d2d7);border-radius:10px;background:var(--hx-surface,#f5f5f7);color:inherit;font:inherit;font-size:15px}
.hgd-q:focus{outline:none;border-color:var(--hx-accent-line,#0066cc);box-shadow:var(--hx-ring,0 0 0 3px rgba(0,102,204,.28))}
:is(.hgd-chip,.hgd-art-t,.hgd-x,.hgd-go,.hgd-coach-btn,.hgd-coach-next,.hgd-coach-stop):focus-visible{outline:2px solid var(--hx-accent-line,#0066cc);outline-offset:2px}
.hgd-chips{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 8px}
.hgd-chip{min-height:32px;padding:0 12px;border:1px solid var(--hx-line,#d2d2d7);border-radius:999px;background:transparent;color:inherit;font:inherit;font-size:12.5px;cursor:pointer}
.hgd-chip:hover{border-color:var(--hx-accent-line,#0066cc);background:var(--hx-accent-soft,rgba(0,102,204,.1))}
.hgd-status{margin:4px 0 10px;font-size:13px;color:var(--hx-tx-2,#636366)}
.hgd-h{margin:16px 0 8px;font-size:13px;font-weight:600;color:var(--hx-tx-2,#636366)}
.hgd-art{margin:0 0 8px;border:1px solid var(--hx-line-soft,#e5e5ea);border-radius:12px;background:var(--hx-bg,#fff)}
.hgd-art-t{padding:12px 14px;font-weight:700;cursor:pointer;list-style:none;border-radius:12px}
.hgd-art-t::-webkit-details-marker{display:none}
.hgd-art-t::after{content:'+';float:right;font-weight:400;color:var(--hx-tx-3,#86868b)}
.hgd-art[open]>.hgd-art-t::after{content:'\2212'}
.hgd-steps{margin:0;padding:0 16px 10px 34px}
.hgd-steps li{margin:4px 0}
/* 바로 가기 · 따라 하기 */
.hgd-acts{display:flex;flex-wrap:wrap;gap:6px;padding:0 14px 14px}
.hgd-go,.hgd-coach-btn{min-height:34px;padding:0 14px;border-radius:8px;font:600 13px/1 var(--hx-font,system-ui,sans-serif);cursor:pointer}
.hgd-go{border:1px solid var(--hx-accent,#0066cc);background:var(--hx-accent,#0066cc);color:var(--hx-accent-tx,#fff)}
.hgd-go:hover{background:var(--hx-accent-hover,#0058b0)}
.hgd-coach-btn{border:1px solid var(--hx-line,#d2d2d7);background:var(--hx-bg,#fff);color:var(--hx-tx,#1d1d1f)}
.hgd-coach-btn:hover{background:var(--hx-surface,#f5f5f7)}
.hgd-opt{margin:0 0 8px;padding:10px 14px;border:1px solid var(--hx-line-soft,#e5e5ea);border-radius:12px}
.hgd-opt-t{font-weight:700;display:flex;flex-wrap:wrap;align-items:baseline;gap:8px}
.hgd-key{font:11px/1.4 ui-monospace,Consolas,monospace;color:var(--hx-tx-3,#86868b)}
.hgd-where{font-size:13px;margin-top:2px}
.hgd-vals,.hgd-hint{font-size:12.5px;color:var(--hx-tx-2,#636366);margin-top:2px}
.hgd-hit{background:rgba(255,204,0,.4);color:inherit;border-radius:2px;padding:0 1px}
/* 편집 화면 오른쪽 패널 */
.hgd-panel{position:fixed;top:12px;right:12px;bottom:96px;z-index:100055;width:min(400px,calc(100vw - 24px));display:flex;flex-direction:column;border-radius:18px;background:var(--hx-bg,#fff);color:var(--hx-tx,#1d1d1f);border:1px solid var(--hx-line-soft,#e5e5ea);box-shadow:var(--hx-shadow-2,0 18px 50px rgba(15,23,42,.25))}
.hgd-panel[hidden]{display:none}
.hgd-head{display:flex;align-items:center;justify-content:space-between;padding:12px 14px 12px 18px;border-bottom:1px solid var(--hx-line-soft,#e5e5ea)}
.hgd-head strong{font-size:16px}
.hgd-x{min-width:36px;min-height:36px;border:0;border-radius:8px;background:var(--hx-surface,#f5f5f7);color:var(--hx-tx-2,#636366);font-size:20px;line-height:1;cursor:pointer}
.hgd-body{flex:1;overflow:auto;padding:14px}
/* 따라 하기 표시 */
.hgd-ring{position:fixed;z-index:2147483100;border-radius:12px;box-shadow:0 0 0 3px var(--hx-accent-line,#0066cc),0 0 0 9999px rgba(0,0,0,.28);pointer-events:none;transition:left .15s,top .15s,width .15s,height .15s}
.hgd-ring[hidden]{display:none}
.hgd-coach{position:fixed;z-index:2147483101;box-sizing:border-box;padding:14px 16px;border-radius:14px;background:var(--hx-bg,#fff);color:var(--hx-tx,#1d1d1f);border:1px solid var(--hx-line-soft,#e5e5ea);box-shadow:var(--hx-shadow-2,0 18px 50px rgba(0,0,0,.25));font:14px/1.55 var(--hx-font,system-ui,sans-serif);word-break:keep-all}
.hgd-coach-n{display:block;margin-bottom:4px;font-size:12px;font-weight:600;color:var(--hx-link,#0058b0)}
.hgd-coach-t{margin:0;font-weight:600}
.hgd-coach-miss{margin:8px 0 0;font-size:12.5px;color:var(--hx-tx-2,#636366)}
.hgd-coach-acts{display:flex;justify-content:flex-end;gap:6px;margin-top:12px}
.hgd-coach-next,.hgd-coach-stop{min-height:34px;padding:0 14px;border-radius:8px;font:600 13px/1 var(--hx-font,system-ui,sans-serif);cursor:pointer}
.hgd-coach-next{border:0;background:var(--hx-accent,#0066cc);color:var(--hx-accent-tx,#fff)}
.hgd-coach-stop{border:1px solid var(--hx-line,#d2d2d7);background:transparent;color:var(--hx-tx,#1d1d1f)}
.hgd-toast{position:fixed;left:50%;bottom:104px;transform:translateX(-50%);z-index:2147483102;max-width:calc(100vw - 32px);padding:10px 16px;border-radius:12px;background:#1d1d1f;color:#fff;font:500 13px/1.4 var(--hx-font,system-ui,sans-serif);box-shadow:0 10px 30px rgba(0,0,0,.25)}
.hgd-toast[hidden]{display:none}
@media(max-width:700px){.hgd-panel{left:8px;right:8px;top:8px;bottom:84px;width:auto}}
@media (prefers-reduced-motion:reduce){.hgd-ring{transition:none}}