---
layout: default
title: "Authority Control: Elonnai Hickok"
description: "Authority control identifiers, bibliographic records, scholarly profiles, archival references, and related metadata associated with Elonnai Hickok."
permalink: /elonnai/authority-control/
categories: [Elonnai Hickok, Authority control]
created: 2026-09-03
---

<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=DM+Mono:ital,wght@0,300;0,400;0,500;1,300&family=DM+Sans:ital,opsz,wght@0,9..40,300..700;1,9..40,300..400&display=swap" rel="stylesheet">

This page documents authority control identifiers, bibliographic records, scholarly profiles, institutional affiliations, conference records, and related metadata associated with [Elonnai Hickok](/elonnai/). It is intended to support long-term discoverability, citation consistency, digital preservation, and interoperability across research databases, institutional repositories, conference archives, policy organisations, and web-based scholarly infrastructure.

The page consolidates external records connected with Elonnai Hickok's work in technology policy, privacy, cybersecurity, surveillance, digital identity, internet governance, intermediary liability, and artificial intelligence governance, as well as her research, institutional affiliations, publications, conference participation, and policy work.

As metadata systems frequently fragment identities across variant name formats, institutional affiliations, publication databases, and web-based records, this page also serves as a reconciliation layer for authority control and bibliographic standardisation within The Sunil Abraham Project.

<div class="ac-root" id="ac-root">

  <div class="ac-header">
    <div>
      <h2 id="ac" class="ac-title">
        Identifiers and profiles
        <span class="ac-title-sub">Authority control · Elonnai Hickok</span>
      </h2>
    </div>
    <div class="ac-header-actions">
      <span class="ac-count" id="ac-count" aria-live="polite">16 records</span>
    </div>
  </div>

  <div class="ac-search-wrapper">
    <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" aria-hidden="true">
      <circle cx="11" cy="11" r="8"/><path d="m21 21-4.35-4.35"/>
    </svg>
    <label for="authority-search" class="sr-only">Search identifiers and profiles</label>
    <input type="search" id="authority-search" placeholder="Search identifiers and profiles…" autocomplete="off" spellcheck="false">
    <button class="ac-search-clear" id="ac-clear" aria-label="Clear search" title="Clear">✕</button>
  </div>

  <div class="ac-groups" id="ac-groups" aria-label="Authority control records">

    <!-- Group 1: Institutional and professional profiles -->
    <section class="ac-group-card" data-group="institutional" aria-labelledby="heading-institutional">
      <header class="ac-group-head">
        <span class="ac-group-icon" aria-hidden="true">
          <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
            <path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"/>
            <polyline points="9 22 9 12 15 12 15 22"/>
          </svg>
        </span>
        <h3 id="heading-institutional" class="ac-group-label">Institutional and professional profiles</h3>
        <span class="ac-group-badge" aria-label="Count">7</span>
      </header>

      <ul class="ac-items">
        <li class="ac-item" data-label="Carnegie Endowment for International Peace" data-value="Profile">
          <span class="ac-item-label">Carnegie Endowment</span>
          <span class="ac-item-value">
            <a href="https://carnegieendowment.org/people/elonnai-hickok" rel="noopener noreferrer">Profile</a>
          </span>
          <span class="ac-ext-icon" aria-hidden="true">
            <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
              <path d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"/>
              <polyline points="15 3 21 3 21 9"/>
              <line x1="10" y1="14" x2="21" y2="3"/>
            </svg>
          </span>
        </li>

        <li class="ac-item" data-label="OECD.AI" data-value="Profile">
          <span class="ac-item-label">OECD.AI</span>
          <span class="ac-item-value">
            <a href="https://oecd.ai/en/community/elonnai-hickok" rel="noopener noreferrer">Profile</a>
          </span>
          <span class="ac-ext-icon" aria-hidden="true">
            <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
              <path d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"/>
              <polyline points="15 3 21 3 21 9"/>
              <line x1="10" y1="14" x2="21" y2="3"/>
            </svg>
          </span>
        </li>

        <li class="ac-item" data-label="LMU Center for Advanced Studies" data-value="Profile">
          <span class="ac-item-label">LMU CAS</span>
          <span class="ac-item-value">
            <a href="https://www.cas.lmu.de/en/people-at-cas/details/elonnai-hickok-02582c41.html" rel="noopener noreferrer">Profile</a>
          </span>
          <span class="ac-ext-icon" aria-hidden="true">
            <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
              <path d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"/>
              <polyline points="15 3 21 3 21 9"/>
              <line x1="10" y1="14" x2="21" y2="3"/>
            </svg>
          </span>
        </li>

        <li class="ac-item" data-label="Institute for International Political Studies" data-value="Profile">
          <span class="ac-item-label">ISPI</span>
          <span class="ac-item-value">
            <a href="https://www.ispionline.it/en/bio/elonnai-hickok" rel="noopener noreferrer">Profile</a>
          </span>
          <span class="ac-ext-icon" aria-hidden="true">
            <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
              <path d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"/>
              <polyline points="15 3 21 3 21 9"/>
              <line x1="10" y1="14" x2="21" y2="3"/>
            </svg>
          </span>
        </li>

        <li class="ac-item" data-label="AI for Good Global Summit" data-value="Speaker profile">
          <span class="ac-item-label">AI for Good / ITU</span>
          <span class="ac-item-value">
            <a href="https://aiforgood.itu.int/speaker/elonnai-hickok/" rel="noopener noreferrer">Speaker profile</a>
          </span>
          <span class="ac-ext-icon" aria-hidden="true">
            <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
              <path d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"/>
              <polyline points="15 3 21 3 21 9"/>
              <line x1="10" y1="14" x2="21" y2="3"/>
            </svg>
          </span>
        </li>

        <li class="ac-item" data-label="A+ Alliance" data-value="Member profile">
          <span class="ac-item-label">A+ Alliance</span>
          <span class="ac-item-value">
            <a href="https://aplusalliance.org/member/elonnai-hickok/" rel="noopener noreferrer">Member profile</a>
          </span>
          <span class="ac-ext-icon" aria-hidden="true">
            <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
              <path d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"/>
              <polyline points="15 3 21 3 21 9"/>
              <line x1="10" y1="14" x2="21" y2="3"/>
            </svg>
          </span>
        </li>

        <li class="ac-item" data-label="LinkedIn" data-value="Elonnai Hickok">
          <span class="ac-item-label">LinkedIn</span>
          <span class="ac-item-value">
            <a href="https://www.linkedin.com/in/elonnai-hickok-26067b79/" rel="noopener noreferrer">Elonnai Hickok</a>
          </span>
          <span class="ac-ext-icon" aria-hidden="true">
            <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
              <path d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"/>
              <polyline points="15 3 21 3 21 9"/>
              <line x1="10" y1="14" x2="21" y2="3"/>
            </svg>
          </span>
        </li>
      </ul>
    </section>

    <!-- Group 2: Scholarly and research records -->
    <section class="ac-group-card" data-group="scholarly" aria-labelledby="heading-scholarly">
      <header class="ac-group-head">
        <span class="ac-group-icon" aria-hidden="true">
          <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
            <path d="M4 19.5A2.5 2.5 0 0 1 6.5 17H20"/>
            <path d="M6.5 2H20v20H6.5A2.5 2.5 0 0 1 4 19.5v-15A2.5 2.5 0 0 1 6.5 2z"/>
          </svg>
        </span>
        <h3 id="heading-scholarly" class="ac-group-label">Scholarly and research profiles</h3>
        <span class="ac-group-badge" aria-label="Count">5</span>
      </header>

      <ul class="ac-items">
        <li class="ac-item" data-label="LMU Munich publication repository" data-value="Author record">
          <span class="ac-item-label">LMU Publication Repository</span>
          <span class="ac-item-value">
            <a href="https://epub.ub.uni-muenchen.de/view/autoren/Hickok%3D3AElonnai%3D3A%3D3A.html" rel="noopener noreferrer">Author record</a>
          </span>
          <span class="ac-ext-icon" aria-hidden="true">
            <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
              <path d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"/>
              <polyline points="15 3 21 3 21 9"/>
              <line x1="10" y1="14" x2="21" y2="3"/>
            </svg>
          </span>
        </li>

        <li class="ac-item" data-label="MediaWell" data-value="Profile">
          <span class="ac-item-label">MediaWell / SSRC</span>
          <span class="ac-item-value">
            <a href="https://mediawell.ssrc.org/profiles/elonnai-hickok/" rel="noopener noreferrer">Profile</a>
          </span>
          <span class="ac-ext-icon" aria-hidden="true">
            <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
              <path d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"/>
              <polyline points="15 3 21 3 21 9"/>
              <line x1="10" y1="14" x2="21" y2="3"/>
            </svg>
          </span>
        </li>

        <li class="ac-item" data-label="Economic and Political Weekly" data-value="Author profile">
          <span class="ac-item-label">Economic & Political Weekly</span>
          <span class="ac-item-value">
            <a href="https://www.epw.in/author/elonnai-hickok" rel="noopener noreferrer">Author profile</a>
          </span>
          <span class="ac-ext-icon" aria-hidden="true">
            <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
              <path d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"/>
              <polyline points="15 3 21 3 21 9"/>
              <line x1="10" y1="14" x2="21" y2="3"/>
            </svg>
          </span>
        </li>

        <li class="ac-item" data-label="EU Cyber Direct" data-value="Author page">
          <span class="ac-item-label">EU Cyber Direct</span>
          <span class="ac-item-value">
            <a href="https://eucyberdirect.eu/author/elonnai-hickok" rel="noopener noreferrer">Author page</a>
          </span>
          <span class="ac-ext-icon" aria-hidden="true">
            <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
              <path d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"/>
              <polyline points="15 3 21 3 21 9"/>
              <line x1="10" y1="14" x2="21" y2="3"/>
            </svg>
          </span>
        </li>

        <li class="ac-item" data-label="SciSpace" data-value="Author record">
          <span class="ac-item-label">SciSpace</span>
          <span class="ac-item-value">
            <a href="https://scispace.com/authors/elonnai-hickok-291pbdzpx5" rel="noopener noreferrer">Author record</a>
          </span>
          <span class="ac-ext-icon" aria-hidden="true">
            <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
              <path d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"/>
              <polyline points="15 3 21 3 21 9"/>
              <line x1="10" y1="14" x2="21" y2="3"/>
            </svg>
          </span>
        </li>
      </ul>
    </section>

    <!-- Group 3: Conference and event records -->
    <section class="ac-group-card" data-group="conferences" aria-labelledby="heading-conferences">
      <header class="ac-group-head">
        <span class="ac-group-icon" aria-hidden="true">
          <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
            <rect x="3" y="4" width="18" height="18" rx="2"/>
            <path d="M16 2v4M8 2v4M3 10h18"/>
          </svg>
        </span>
        <h3 id="heading-conferences" class="ac-group-label">Conference and event records</h3>
        <span class="ac-group-badge" aria-label="Count">2</span>
      </header>

      <ul class="ac-items">
        <li class="ac-item" data-label="CPDP Conferences" data-value="Speaker profile">
          <span class="ac-item-label">CPDP Conferences</span>
          <span class="ac-item-value">
            <a href="https://www.cpdpconferences.org/persons/elonnai-hickok-global-network-initiative" rel="noopener noreferrer">Speaker profile</a>
          </span>
          <span class="ac-ext-icon" aria-hidden="true">
            <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
              <path d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"/>
              <polyline points="15 3 21 3 21 9"/>
              <line x1="10" y1="14" x2="21" y2="3"/>
            </svg>
          </span>
        </li>

        <li class="ac-item" data-label="Privacy Conference 2018" data-value="Speaker profile">
          <span class="ac-item-label">Privacy Conference 2018</span>
          <span class="ac-item-value">
            <a href="https://www.privacyconference2018.org/en/elonnai-hickok.html" rel="noopener noreferrer">Speaker profile</a>
          </span>
          <span class="ac-ext-icon" aria-hidden="true">
            <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
              <path d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"/>
              <polyline points="15 3 21 3 21 9"/>
              <line x1="10" y1="14" x2="21" y2="3"/>
            </svg>
          </span>
        </li>
      </ul>
    </section>

    <!-- Group 4: Media and reference records -->
    <section class="ac-group-card" data-group="reference" aria-labelledby="heading-reference">
      <header class="ac-group-head">
        <span class="ac-group-icon" aria-hidden="true">
          <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
            <circle cx="12" cy="12" r="9"/>
            <path d="M3 12h18M12 3a14 14 0 0 1 0 18M12 3a14 14 0 0 0 0 18"/>
          </svg>
        </span>
        <h3 id="heading-reference" class="ac-group-label">Media and reference profiles</h3>
        <span class="ac-group-badge" aria-label="Count">2</span>
      </header>

      <ul class="ac-items">
        <li class="ac-item" data-label="Scroll.in" data-value="Author page">
          <span class="ac-item-label">Scroll.in</span>
          <span class="ac-item-value">
            <a href="https://scroll.in/author/17009" rel="noopener noreferrer">Author page</a>
          </span>
          <span class="ac-ext-icon" aria-hidden="true">
            <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
              <path d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"/>
              <polyline points="15 3 21 3 21 9"/>
              <line x1="10" y1="14" x2="21" y2="3"/>
            </svg>
          </span>
        </li>

        <li class="ac-item" data-label="The Sunil Abraham Project" data-value="Elonnai Hickok">
          <span class="ac-item-label">The Sunil Abraham Project</span>
          <span class="ac-item-value">
            <a href="/elonnai/">Elonnai Hickok</a>
          </span>
          <span class="ac-ext-icon" aria-hidden="true">
            <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
              <path d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"/>
              <polyline points="15 3 21 3 21 9"/>
              <line x1="10" y1="14" x2="21" y2="3"/>
            </svg>
          </span>
        </li>
      </ul>
    </section>

  </div><!-- /ac-groups -->

  <div class="ac-empty" id="ac-empty" role="status" aria-live="polite">
    <span class="ac-empty-icon">
      <svg width="40" height="40" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5">
        <circle cx="11" cy="11" r="8"/><path d="m21 21-4.35-4.35"/>
      </svg>
    </span>
    <h3>No records matched</h3>
    <p>Try a different search term, such as a platform name or identifier string.</p>
  </div>

</div><!-- /ac-root -->

{% include navbox-authority.html %}

<style>
/* ── Design tokens ── */
:root {
  --font-body: 'DM Sans', 'Helvetica Neue', sans-serif;
  --font-mono: 'DM Mono', 'Courier New', monospace;

  --text-xs:   clamp(0.75rem, 0.7rem + 0.25vw, 0.875rem);
  --text-sm:   clamp(0.8125rem, 0.78rem + 0.2vw, 0.9375rem);
  --text-base: clamp(0.9375rem, 0.9rem + 0.2vw, 1.0625rem);
  --text-lg:   clamp(1.0625rem, 1rem + 0.4vw, 1.25rem);
  --text-xl:   clamp(1.25rem, 1.1rem + 0.75vw, 1.75rem);

  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.25rem;
  --space-6: 1.5rem;
  --space-8: 2rem;
  --space-10: 2.5rem;
  --space-12: 3rem;

  --radius-sm: 0.375rem;
  --radius-md: 0.5rem;
  --radius-lg: 0.75rem;
  --radius-full: 9999px;

  --transition: 160ms cubic-bezier(0.16, 1, 0.3, 1);

  /* Surfaces */
  --color-bg:             #f7f6f2;
  --color-surface:        #f9f8f5;
  --color-surface-2:      #fafaf8;
  --color-surface-offset: #f1efe9;

  --color-border:         rgba(40, 37, 29, 0.12);
  --color-border-strong:  rgba(40, 37, 29, 0.22);
  --color-divider:        rgba(40, 37, 29, 0.08);

  /* Text */
  --color-text:        #1f1c16;
  --color-text-muted:  #4f4a42;
  --color-text-faint:  #69645c;

  /* Accent */
  --color-primary:           #01585d;
  --color-primary-hover:     #013f43;
  --color-primary-highlight: #e3edec;
  --color-primary-subtle:    rgba(1, 105, 111, 0.08);

  --shadow-sm: 0 1px 2px rgba(40, 37, 29, 0.06);
  --shadow-md: 0 4px 12px rgba(40, 37, 29, 0.08), 0 1px 3px rgba(40, 37, 29, 0.05);
}

/* Global Adaptive Dark Mode Implementations */
body.tsap-dark-mode {
  --color-bg:             #111827;
  --color-surface:        #1f2937;
  --color-surface-2:      #111827;
  --color-surface-offset: #374151;

  --color-border:         rgba(243, 244, 246, 0.12);
  --color-border-strong:  rgba(243, 244, 246, 0.25);
  --color-divider:        rgba(243, 244, 246, 0.08);

  --color-text:        #f3f4f6;
  --color-text-muted:  #cbd5e1;
  --color-text-faint:  #94a3b8;

  --color-primary:           #38bdf8;
  --color-primary-hover:     #7dd3fc;
  --color-primary-highlight: #1e3a8a;
  --color-primary-subtle:    rgba(56, 189, 248, 0.08);
}

/* Component reset scoped to .ac-root */
.ac-root *,
.ac-root *::before,
.ac-root *::after {
  box-sizing: border-box;
}

.ac-root {
  font-family: var(--font-body);
  font-size: var(--text-base);
  line-height: 1.6;
  color: var(--color-text);
}

/* Header */
.ac-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: var(--space-3);
  margin-bottom: var(--space-5);
}

.ac-title {
  font-size: var(--text-xl);
  font-weight: 650;
  letter-spacing: -0.02em;
  color: var(--color-text);
  margin: 0;
}

.ac-title-sub {
  display: block;
  font-size: var(--text-xs);
  font-weight: 500;
  color: var(--color-text-muted);
  letter-spacing: 0.03em;
  text-transform: uppercase;
  margin-top: 2px;
}

.ac-header-actions {
  display: flex;
  align-items: center;
  gap: var(--space-2);
}

/* Count badge */
.ac-count {
  font-size: var(--text-xs);
  font-family: var(--font-mono);
  color: var(--color-text-muted);
  background: var(--color-surface-offset);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-full);
  padding: 2px var(--space-3);
  white-space: nowrap;
}

/* Search */
.ac-search-wrapper {
  position: relative;
  margin-bottom: var(--space-5);
}

.ac-search-wrapper svg {
  position: absolute;
  left: var(--space-3);
  top: 50%;
  transform: translateY(-50%);
  width: 16px;
  height: 16px;
  color: var(--color-text-muted);
  pointer-events: none;
}

#authority-search {
  width: 100%;
  padding: var(--space-3) var(--space-4) var(--space-3)
           calc(var(--space-3) + 16px + var(--space-2));
  border: 1px solid var(--color-border-strong);
  border-radius: var(--radius-md);
  background: var(--color-surface);
  color: var(--color-text);
  font-size: var(--text-sm);
  font-family: var(--font-body);
  transition: border-color var(--transition), box-shadow var(--transition);
  -webkit-appearance: none;
}

#authority-search::placeholder {
  color: var(--color-text-faint);
}

#authority-search:focus {
  outline: none;
  border-color: var(--color-primary);
  box-shadow: 0 0 0 3px var(--color-primary-subtle);
}

/* Clear button */
.ac-search-clear {
  display: none;
  position: absolute;
  right: var(--space-3);
  top: 50%;
  transform: translateY(-50%);
  background: var(--color-surface-offset);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-full);
  width: 20px;
  height: 20px;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  color: var(--color-text-muted);
  font-size: 0.7rem;
  font-weight: 700;
  line-height: 1;
  transition: background var(--transition), color var(--transition);
}

.ac-search-clear:hover {
  background: var(--color-primary-highlight);
  color: var(--color-primary);
}

.ac-search-clear.visible {
  display: flex;
}

/* Grid */
.ac-groups {
  display: grid;
  gap: var(--space-4);
}

/* Group card */
.ac-group-card {
  background: var(--color-surface);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-lg);
  overflow: hidden;
  box-shadow: var(--shadow-sm);
  transition: box-shadow var(--transition);
}

.ac-group-card:hover {
  box-shadow: var(--shadow-md);
}

.ac-group-card[aria-hidden="true"] {
  display: none;
}

/* Group header */
.ac-group-head {
  display: flex;
  align-items: center;
  gap: var(--space-3);
  padding: var(--space-4) var(--space-5);
  background: var(--color-surface-offset);
  border-bottom: 1px solid var(--color-divider);
}

.ac-group-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  background: var(--color-primary-highlight);
  border-radius: var(--radius-sm);
  color: var(--color-primary);
  flex-shrink: 0;
}

.ac-group-icon svg {
  width: 16px;
  height: 16px;
}

.ac-group-label {
  font-size: var(--text-sm);
  font-weight: 650;
  color: var(--color-text);
  margin: 0;
  flex: 1;
}

.ac-group-badge {
  font-family: var(--font-mono);
  font-size: var(--text-xs);
  color: var(--color-primary);
  background: var(--color-primary-highlight);
  border-radius: var(--radius-full);
  padding: 1px var(--space-2);
}

/* Items */
.ac-items {
  list-style: none;
  margin: 0;
  padding: 0;
}

.ac-item {
  display: grid;
  grid-template-columns: minmax(140px, 36%) 1fr auto;
  align-items: start;
  gap: var(--space-2) var(--space-4);
  padding: var(--space-3) var(--space-5);
  border-bottom: 1px solid var(--color-divider);
  transition: background var(--transition);
}

.ac-item:last-child {
  border-bottom: none;
}

.ac-item:hover {
  background: var(--color-primary-subtle);
}

.ac-item[aria-hidden="true"] {
  display: none;
}

.ac-item-label {
  font-size: var(--text-sm);
  font-weight: 600;
  color: var(--color-text);
  padding-top: 1px;
  line-height: 1.5;
}

.ac-item-value {
  display: flex;
  align-items: center;
  gap: var(--space-2);
  min-width: 0;
}

.ac-item-value a {
  color: var(--color-primary);
  text-decoration: none;
  font-size: var(--text-sm);
  overflow-wrap: anywhere;
  word-break: break-all;
  transition: color var(--transition);
}

.ac-item-value a:hover {
  color: var(--color-primary-hover);
  text-decoration: underline;
  text-underline-offset: 2px;
}

.ac-item-value a:focus-visible {
  outline: 2px solid var(--color-primary);
  outline-offset: 2px;
  border-radius: 2px;
}

/* External icon */
.ac-ext-icon {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--color-text-muted);
  transition: color var(--transition);
}

.ac-item:hover .ac-ext-icon {
  color: var(--color-primary);
}

.ac-ext-icon svg {
  width: 12px;
  height: 12px;
}

/* Empty state */
.ac-empty {
  display: none;
  flex-direction: column;
  align-items: center;
  text-align: center;
  padding: var(--space-12) var(--space-8);
  color: var(--color-text-muted);
}

.ac-empty.visible {
  display: flex;
}

.ac-empty-icon {
  color: var(--color-text-faint);
  margin-bottom: var(--space-4);
}

.ac-empty h3 {
  color: var(--color-text);
  font-size: var(--text-lg);
  margin-bottom: var(--space-2);
}

.ac-empty p {
  font-size: var(--text-sm);
  max-width: 36ch;
}

/* Mobile */
@media (max-width: 520px) {
  .ac-item {
    grid-template-columns: 1fr;
    gap: var(--space-1);
    padding: var(--space-3) var(--space-4);
  }

  .ac-item-label {
    font-size: var(--text-xs);
    color: var(--color-text-muted);
    text-transform: uppercase;
    letter-spacing: 0.04em;
  }

  .ac-ext-icon {
    display: none;
  }

  .ac-group-head {
    padding: var(--space-3) var(--space-4);
  }

  .ac-header {
    flex-direction: column;
    align-items: flex-start;
  }

  .ac-title {
    font-size: var(--text-lg);
  }
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0,0,0,0);
  white-space: nowrap;
  border-width: 0;
}
</style>

<script>
(function () {
  var searchInput = document.getElementById('authority-search');
  var clearBtn    = document.getElementById('ac-clear');
  var countEl     = document.getElementById('ac-count');
  var emptyEl     = document.getElementById('ac-empty');
  var items       = document.querySelectorAll('.ac-item');
  var groups      = document.querySelectorAll('.ac-group-card');
  var TOTAL       = items.length;

  function writeURL(q) {
    var currentParams = new URLSearchParams(window.location.search);
    var darkmodeValue = currentParams.get('darkmode');
    
    var params = new URLSearchParams();
    if (q) params.set('q', q);
    if (darkmodeValue !== null) params.set('darkmode', darkmodeValue);

    var newURL = params.toString()
      ? window.location.pathname + '?' + params.toString()
      : window.location.pathname;
    history.replaceState(null, '', newURL);
  }

  function readURL() {
    var params = new URLSearchParams(window.location.search);
    var q = params.get('q');
    if (q) {
      searchInput.value = q;
      runSearch(q.toLowerCase().trim(), false);
    }
  }

  function updateCount(n) {
    countEl.textContent = n + (n === 1 ? ' record' : ' records');
  }

  function runSearch(q, shouldUpdateURL) {
    if (typeof shouldUpdateURL === 'undefined') shouldUpdateURL = true;
    var visibleTotal = 0;

    items.forEach(function (item) {
      var label = (item.dataset.label || '').toLowerCase();
      var value = (item.dataset.value || '').toLowerCase();
      var text  = item.textContent.toLowerCase();
      var match = !q || label.includes(q) || value.includes(q) || text.includes(q);
      item.setAttribute('aria-hidden', match ? 'false' : 'true');
      if (match) visibleTotal++;
    });

    groups.forEach(function (grp) {
      var groupItems = grp.querySelectorAll('.ac-item');
      var visibleInGroup = 0;
      groupItems.forEach(function (it) {
        if (it.getAttribute('aria-hidden') !== 'true') {
          visibleInGroup++;
        }
      });

      grp.setAttribute('aria-hidden', visibleInGroup > 0 ? 'false' : 'true');

      var badge = grp.querySelector('.ac-group-badge');
      if (badge) {
        badge.textContent = visibleInGroup;
      }
    });

    updateCount(q ? visibleTotal : TOTAL);
    emptyEl.classList.toggle('visible', visibleTotal === 0 && !!q);
    clearBtn.classList.toggle('visible', !!q);
    
    if (shouldUpdateURL) {
      writeURL(q);
    }
  }

  searchInput.addEventListener('input', function () {
    runSearch(this.value.toLowerCase().trim());
  });

  clearBtn.addEventListener('click', function () {
    searchInput.value = '';
    runSearch('');
    searchInput.focus();
  });

  searchInput.addEventListener('keydown', function (e) {
    if (e.key === 'Escape' && this.value) {
      this.value = '';
      runSearch('');
    }
  });

  updateCount(TOTAL);
  readURL();
})();
</script>