.header-search {
    position: relative;
    --header-search-focus: #4b5563;
    --header-search-halo: rgba(75, 85, 99, .1);
    --header-search-shadow: 0 2px 8px rgba(15, 23, 42, .06);
    --header-search-panel-shadow: 0 12px 32px -8px rgba(15, 23, 42, .16), 0 2px 6px rgba(15, 23, 42, .04);
    --header-search-motion: .2s cubic-bezier(.22, 1, .36, 1);
    flex: 0 0 21rem;
    width: 21rem;
    min-width: 0;
    margin-inline-end: 1rem;
    transition: width var(--header-search-motion), flex-basis var(--header-search-motion);
}
.header-search.is-expanded { width: 25rem; flex-basis: 25rem; }
body.theme-dark .header-search {
    --header-search-focus: #9ca3af;
    --header-search-halo: rgba(156, 163, 175, .12);
    --header-search-shadow: 0 2px 8px rgba(2, 8, 23, .24);
    --header-search-panel-shadow: 0 12px 32px -8px rgba(2, 8, 23, .55), 0 2px 6px rgba(2, 8, 23, .25);
}
.header-search .network-search { margin: 0; width: 100%; }
.header-search .network-search-tools {
    width: 100%;
    min-height: 36px;
    height: 36px;
    background: var(--card-soft);
    box-shadow: var(--shadow-sm);
    transition: width var(--header-search-motion), border-color var(--header-search-motion), background-color var(--header-search-motion), box-shadow var(--header-search-motion);
}
.header-search .network-search-tools:hover { border-color: var(--header-search-focus); }
.header-search .network-search-tools:focus-within {
    border-color: var(--header-search-focus);
    outline: none;
    background: var(--card);
    box-shadow: 0 0 0 3px var(--header-search-halo), var(--header-search-shadow);
}
.header-search .network-search .community-search-input { min-height: 34px; height: 34px; padding-block: .25rem; font-size: .85rem; }
.header-search .network-search-submit { width: 32px; height: 32px; }
.header-search svg { width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 1.65; stroke-linecap: round; stroke-linejoin: round; flex: none; }
.header-search .network-search .network-search-tools .network-view-picker > summary { min-width: 32px; min-height: 32px; height: 32px; padding: .25rem .45rem; border-radius: var(--search-radius, 999px); }
.header-search .network-search-submit:hover,
.header-search .network-search .network-view-picker > summary:is(:hover, :focus-visible),
.header-search .network-search .network-view-picker[open] > summary { color: var(--text); background: var(--card-soft); }
.header-search .network-search :is(.network-search-submit, .network-view-picker > summary):focus-visible { outline: 2px solid var(--header-search-focus); outline-offset: -3px; }
.header-search .network-search-actions { padding-inline: 0 2px; }
.header-search .network-search .network-search-actions::before { height: 16px; }
.header-search:not(.is-expanded) .network-search .network-view-picker > summary .search-toolbar-label { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); }
.header-search .network-search .network-view-options {
    inset-block-start: calc(100% + .5rem);
    inset-inline-end: 0;
    inset-inline-start: auto;
    width: min(22rem, calc(100vw / var(--profile-page-scale, 1) - 2rem));
    padding: .5rem;
    border-radius: 16px;
    box-shadow: var(--header-search-panel-shadow);
}
.header-search-results {
    position: absolute;
    inset-block-start: calc(100% + .5rem);
    inset-inline-start: 0;
    width: max(100%, 28rem);
    max-width: calc(100vw / var(--profile-page-scale, 1) - var(--header-nav-padding-left) - 1rem);
    max-height: min(65dvh, 32rem);
    overflow-y: auto;
    overscroll-behavior: contain;
    padding: .75rem;
    border: 1px solid var(--border);
    border-radius: 16px;
    background: var(--card);
    color: var(--text);
    box-shadow: var(--header-search-panel-shadow);
    z-index: 1060;
}
.header-search-results[hidden] { display: none; }
.header-search-count { margin: 0 0 .5rem; color: var(--muted); font-size: .8rem; }
.header-search-more { display: flex; align-items: center; justify-content: flex-end; min-height: 44px; margin-block-start: .5rem; color: var(--accent); font-size: .8rem; }
.header-search-all { display:flex; align-items:center; justify-content:space-between; gap:.75rem; min-height:44px; margin-block-start:.5rem; padding:.5rem; border-block-start:1px solid var(--border); color:var(--accent); font-size:.8rem; text-decoration:none; }
.header-search-all:hover { color:var(--accent); background:var(--card-soft); }
[dir="rtl"] .header-search-all svg { transform:scaleX(-1); }
.header-search-person-context { display:flex; align-items:center; justify-content:space-between; gap:.5rem; margin-block-end:.25rem; padding-inline:.25rem; color:var(--muted); font-size:.8rem; }
.header-search-person-context span { min-width:0; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.header-search-person-context button { flex:none; width:44px; height:44px; padding:0; border:0; border-radius:10px; background:transparent; color:var(--muted); font:inherit; font-size:1.2rem; }
.header-search-person-context button:hover { background:var(--card-soft); color:var(--text); }
.header-search-group + .header-search-group { margin-block-start: 1rem; }
.header-search-group-heading { display: flex; align-items: center; justify-content: space-between; gap: .75rem; padding-block: .25rem .5rem; border-block-end: 1px solid var(--border); margin-block-end: .5rem; }
.header-search-group-heading h2 { margin: 0; font-size: .85rem; font-weight: 600; color: var(--muted); }
.header-search-group-heading a { min-width: 0; color: var(--accent); font-size: .75rem; }
/* The header is a quick picker, with one destination per compact result. */
.header-search-results .header-search-list { display:grid; grid-template-columns:minmax(0, 1fr); gap:2px; margin:0; }
.header-search-result { min-width:0; border:0; background:transparent; }
.header-search-result-link { display:flex; align-items:flex-start; gap:12px; width:100%; min-width:0; padding:12px 8px; border-radius:10px; color:var(--text); text-decoration:none; transition:background-color .15s ease; }
.header-search-result-link:is(:hover, :focus-visible) { color:var(--text); background:var(--card-soft); text-decoration:none; }
.header-search-result-copy { flex:1; min-width:0; }
.header-search-results .header-search-result h3 { margin:0; color:var(--text); font-size:.875rem; font-weight:600; line-height:1.45; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.header-search-results .header-search-result :is(.network-project-identity, .header-search-result-description, .header-search-result-meta) { display:block; min-width:0; margin:0; }
.header-search-results .header-search-result-description, .header-search-results .header-search-result-meta { overflow:hidden; white-space:nowrap; text-overflow:ellipsis; color:var(--muted); line-height:1.5; }
.header-search-results .header-search-result-description { margin-block-start:2px; font-size:.8rem; }
.header-search-results .header-search-result-meta { margin-block-start:2px; font-size:.75rem; }
.header-search-results .header-search-result-icon { flex:0 0 36px; width:36px; height:36px; margin-block-start:2px; border-radius:9px; object-fit:contain; background:var(--card-soft); }
.header-search-results .people-avatar { flex:none; position:relative; display:inline-flex; width:36px; height:36px; overflow:hidden; border-radius:50%; align-items:center; justify-content:center; background:var(--accent-soft); color:var(--accent); }
.header-search-results .people-avatar img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:var(--people-avatar-x, 50%) var(--people-avatar-y, 50%); transform:scale(var(--people-avatar-scale, 1)); }
.header-search-results .people-avatar img[data-image-fallback-applied="true"] { display:none; }
.header-search-results .network-person-identity { gap:12px; }
.header-search-results [data-network-person-card] .header-search-result-link { align-items:center; gap:10px; min-height:56px; padding-block:8px; }
.header-search-results [data-network-person-card] .header-search-result-meta:empty { display:none; }
.header-search-results .network-empty { padding: 1rem .5rem; border: 0; }
.header-search-results .network-empty-icon { display: none; }
.header-search-error { color: var(--danger-text); font-size: .85rem; }
.header-search-results :is(a, button):focus-visible { outline: 2px solid var(--accent); outline-offset: -2px; }
.header-search-results[aria-busy="true"] { opacity: .65; }
.header-search-history-heading { display:flex; align-items:center; justify-content:space-between; gap:.5rem; padding:.25rem .25rem .5rem; }
.header-search-history-heading h2 { margin:0; color:var(--muted); font-size:.75rem; font-weight:600; }
.header-search-history { list-style:none; padding:0; margin:0; }
.header-search-history li { display:flex; align-items:center; gap:.25rem; }
.header-search-history :is(a,button) { display:flex; align-items:center; gap:.75rem; min-height:44px; padding:.65rem .5rem; border:0; border-radius:10px; background:transparent; color:var(--text); text-align:start; text-decoration:none; font:inherit; font-size:.85rem; }
.header-search-history :is(a,button):hover { background:var(--card-soft); }
.header-search-history-select { flex:1; min-width:0; }
.header-search-history .header-search-history-remove { flex:0 0 44px; justify-content:center; width:44px; height:44px; min-height:44px; padding:0; color:var(--muted); }
.header-search-history-icon { display:flex; align-items:center; justify-content:center; flex:0 0 36px; width:36px; height:36px; border-radius:8px; background:var(--card-soft); }
.header-search-history-icon img { width:100%; height:100%; border-radius:inherit; object-fit:cover; }
.header-search-history-icon.is-person { border-radius:50%; }
.header-search-history-copy { flex:1; min-width:0; overflow-wrap:anywhere; }
.header-search-history small { display:block; color:var(--muted); font-size:.7rem; }
.header-search-history-empty { margin:.25rem 0 0; padding:.75rem; border-radius:10px; background:var(--card-soft); color:var(--muted); font-size:.85rem; line-height:1.6; }

/* Signed-out visitors retain the complete wordmark beside the logo. */
.session-guest .app-navbar .app-brand-link { flex: 0 0 auto; min-width: max-content; }
.session-guest .app-navbar .brand-wordmark-hero { display: inline-block; max-width: none; overflow: visible; text-overflow: clip; }
@media (min-width: 992px) {
    .header-search.is-people-view .header-search-results { width:100%; }
}
@media (max-width: 991.98px) {
    .app-navbar:has(.header-search) { --header-logo-clearance:.5rem; --header-nav-padding-left:0px; }
    .app-navbar .header-search, .app-navbar .header-search.is-expanded { position: relative; flex: 1 1 0; width: auto; margin-inline-end: .5rem; }
    .header-search .network-search-tools { flex:0 1 auto; width:calc(100% - .75rem); margin-inline:auto; }
    .header-search.is-expanded .network-search-tools { width:100%; }
    .header-search .network-search .network-view-picker > summary .search-toolbar-label { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); }
    .header-search-results { inset-block-start: calc(100% + .5rem); inset-inline-start:0; inset-inline-end:auto; width:calc(100% + 3.5rem); max-width:calc(100vw / var(--profile-page-scale, 1) - 1.5rem); max-height:min(60dvh,32rem); }
    .page-portfolio .app-navbar .header-search { order: 2; }
}
@media (max-width: 991.98px), (any-pointer: coarse) {
    .header-search-history .header-search-history-remove { flex-basis:44px; width:44px; height:44px; min-height:44px; }
    .header-search .network-search-tools { min-height: 44px; height: 44px; }
    .header-search .network-search .community-search-input { min-height: 42px; height: 42px; }
    .header-search .network-search-submit { height: 40px; }
    .header-search .network-search .network-search-tools .network-view-picker > summary { min-width: 44px; min-height: 42px; height: 42px; }
}
@media (max-width: 575.98px) {
    .session-guest .app-navbar .brand-wordmark-hero { font-size: clamp(.7rem, 3.9vw, 1.1rem); }
    .header-search .network-search-submit { width: 36px; }
    html:not([data-profile-zoom="100"]) .header-search .network-search-submit { display: none; }
    .header-search .network-search-actions { padding-inline: 0; }
    .header-search .network-search .network-view-picker > summary { padding-inline: .25rem; }
    .header-search .network-search .network-search-actions::before { margin-inline: .1rem; }
}
@media (prefers-reduced-motion: reduce) { .header-search, .header-search .network-search-tools { transition:none; } }
/* System high-contrast modes suppress shadows; retain a visible focus frame. */
@media (forced-colors: active) {
    .header-search .network-search-tools:focus-within { outline:2px solid Highlight; outline-offset:2px; }
    .header-search .network-search :is(.network-search-submit, .network-view-picker > summary):focus-visible { outline-color:Highlight; }
}