/* Header search suggestions (all pages). Tokens come from base.css / home.css; markup is built by assets/js/search.js. */
.sg{position:absolute;top:calc(100% + 8px);left:0;right:0;background:#fff;border:1px solid var(--line);border-radius:20px;box-shadow:0 24px 60px -20px rgba(29,27,26,.25);padding:12px;z-index:60;max-height:min(70vh,560px);overflow-y:auto}
.sg[hidden]{display:none}
.sg .lbl{font-size:11px;letter-spacing:.14em;font-weight:700;color:var(--muted);padding:10px 12px 6px}
.sg .item{display:flex;align-items:center;gap:14px;padding:8px 12px;border-radius:14px;min-height:56px}
.sg .item:hover,.sg .item.on{background:var(--soft)}
.sg .thumb{width:44px;height:44px;border-radius:10px;background:var(--soft);flex:none;display:flex;align-items:center;justify-content:center;overflow:hidden;font-family:var(--serif);font-size:20px;color:rgba(29,27,26,.3)}
.sg .item:hover .thumb,.sg .item.on .thumb{background:#fff}
.sg .thumb img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}
.sg .txt{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.sg .txt small{font-size:10.5px;font-weight:700;letter-spacing:.12em;color:var(--muted)}
.sg .txt b{font-size:14px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sg .pr{font-size:13.5px;font-weight:700;flex:none}
.sg .all{display:flex;align-items:center;justify-content:space-between;margin-top:6px;padding:14px 12px 10px;border-top:1px solid var(--line);font-size:13px;font-weight:700;color:var(--brand)}
.sg .chips{display:flex;flex-wrap:wrap;gap:8px;padding:0 12px 10px}
.sg .chips a{display:inline-flex;align-items:center;gap:6px;height:36px;padding:0 14px;border-radius:999px;border:1px solid var(--line-2);font-size:13px}
.sg .chips a:hover,.sg .chips a.on{background:var(--ink);border-color:var(--ink);color:#fff}
.sg .chips a span{font-size:11.5px;color:var(--muted)}
.sg .chips a:hover span,.sg .chips a.on span{color:rgba(255,255,255,.7)}
.sg .none{padding:20px 12px;text-align:center;color:var(--ink-2);font-size:14px}
.sg .none b{display:block;font-family:var(--serif);font-weight:500;font-size:18px;color:var(--ink);margin-bottom:4px}
.sg .load{padding:20px 12px;color:var(--muted);font-size:13.5px}
@media (max-width:768px){.sg{top:calc(100% + 6px);border-radius:16px;padding:8px}}
.search-box input[type=search]::-webkit-search-cancel-button{-webkit-appearance:none}