/* components.css — search bar + socials, shared by every page */
.site-search{position:relative;display:inline-flex;align-items:center;gap:.35rem;font-family:var(--mono);}
.ss-bracket{color:var(--muted);font-size:.95rem;line-height:1;transition:color .2s;}
.site-search:focus-within .ss-bracket{color:var(--accent);}
.ss-input{width:90px;background:none;border:none;outline:none;color:var(--heading);font-family:var(--mono);font-size:.72rem;letter-spacing:.12em;text-transform:lowercase;transition:width .25s var(--ease,ease);padding:.2rem 0;}
.ss-input::placeholder{color:var(--muted);letter-spacing:.14em;}
.site-search:focus-within .ss-input{width:160px;}
.ss-results{position:absolute;top:calc(100% + .65rem);right:0;width:min(420px,80vw);max-height:60vh;overflow-y:auto;background:rgba(13,17,9,.98);border:1px solid var(--border);backdrop-filter:blur(14px);display:none;z-index:600;box-shadow:0 18px 50px rgba(0,0,0,.5);}
.ss-results.open{display:block;}
.ss-item{display:block;padding:.7rem .9rem;border-bottom:1px solid var(--border);color:var(--body);transition:background .15s;}
.ss-item:last-child{border-bottom:none;}
.ss-item:hover,.ss-item.active{background:var(--surface);}
.ss-item .ss-t{font-family:var(--serif);font-size:.95rem;color:var(--heading);margin-bottom:.15rem;}
.ss-item.active .ss-t{color:var(--accent);}
.ss-meta{font-family:var(--mono);font-size:.56rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);}
.ss-meta b{color:var(--accent);font-weight:400;}
.ss-empty{padding:.9rem;font-family:var(--mono);font-size:.62rem;color:var(--muted);letter-spacing:.08em;}
.ss-hint{padding:.5rem .9rem;font-family:var(--mono);font-size:.52rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);border-top:1px solid var(--border);background:var(--bg2,#111507);}
.ss-mark{color:var(--accent2);background:none;}
.drawer-search{width:100%;}
.drawer-search .site-search{width:100%;border:1px solid var(--border);padding:.6rem .8rem;}
.drawer-search .ss-input{width:100%;flex:1;font-size:.95rem;}
.drawer-search .ss-results{width:100%;}
.socials{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;}
.soc{display:inline-flex;align-items:center;gap:.4rem;color:var(--muted);transition:color .2s;font-family:var(--mono);font-size:.58rem;letter-spacing:.12em;text-transform:uppercase;}
.soc svg{display:block;}
.soc:hover{color:var(--accent);}
.soc span{display:none;}
@media(max-width:640px){.site-search:not(.ss-drawer){display:none;}.soc span{display:inline;}}