---
layout: default
title: "Authority Control: Centre for Internet and Society"
description: "Authority control identifiers, institutional records, archival references, organisational profiles, and related metadata associated with The Centre for Internet and Society."
permalink: /cis/authority-control/
categories: [Centre for Internet and Society, Authority control]
created: 2026-05-19
---

This page documents authority control identifiers, institutional records, archival references, organisational profiles, and related metadata associated with the [Centre for Internet and Society](/cis/). It is intended to support long-term discoverability, citation consistency, digital preservation, and interoperability across library catalogues, organisational databases, research systems, archival infrastructures, policy networks, and web-based knowledge platforms.

The page consolidates identifiers and external records connected with The Centre for Internet and Society's research publications, policy work, institutional collaborations, conference participation, public advocacy, archival collections, and contributions to internet governance, digital rights, accessibility, technology policy, artificial intelligence governance, and knowledge systems in India and internationally.

As metadata systems frequently fragment institutional identities across abbreviations, domain changes, archived web records, publication databases, and organisational references, 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 · Centre for Internet and Society</span>
    </h2>
  </div>
<div class="ac-header-actions">
  <span class="ac-count" id="ac-count" aria-live="polite">20 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" role="list" aria-label="Authority control records">

  <!-- Group 1 -->
  <section class="ac-group-card" data-group="core-identifiers" role="listitem">
    <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 class="ac-group-label">Core identifiers</h3>
      <span class="ac-group-badge">6</span>
    </header>

    <ul class="ac-items">

      <li class="ac-item" data-label="Wikidata" data-value="Q2801619">
        <span class="ac-item-label">Wikidata</span>
        <span class="ac-item-value">
          <a href="https://www.wikidata.org/wiki/Q2801619" rel="noopener noreferrer">Q2801619</a>
          <span class="ac-chip">Q2801619</span>
        </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="Wikipedia" data-value="Centre for Internet and Society">
        <span class="ac-item-label">Wikipedia</span>
        <span class="ac-item-value">
          <a href="https://en.wikipedia.org/wiki/Centre_for_Internet_and_Society_(India)" rel="noopener noreferrer">Centre for Internet and Society</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="ISNI" data-value="0000000417727070">
        <span class="ac-item-label">ISNI</span>
        <span class="ac-item-value">
          <a href="https://isni.org/isni/0000000417727070" rel="noopener noreferrer">0000000417727070</a>
          <span class="ac-chip">0000000417727070</span>
        </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="ROR" data-value="01d0r2q86">
        <span class="ac-item-label">ROR</span>
        <span class="ac-item-value">
          <a href="https://ror.org/01d0r2q86" rel="noopener noreferrer">01d0r2q86</a>
          <span class="ac-chip">01d0r2q86</span>
        </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="OpenAlex" data-value="I2801717827">
        <span class="ac-item-label">OpenAlex</span>
        <span class="ac-item-value">
          <a href="https://openalex.org/institutions/I2801717827" rel="noopener noreferrer">I2801717827</a>
          <span class="ac-chip">I2801717827</span>
        </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="Ringgold" data-value="242272">
        <span class="ac-item-label">Ringgold</span>
        <span class="ac-item-value">
          <a href="https://ringgold.com/" rel="noopener noreferrer">242272</a>
          <span class="ac-chip">242272</span>
        </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 -->
  <section class="ac-group-card" data-group="research" role="listitem">
    <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="M12 2v20M5 7h14M5 17h14"/>
        </svg>
      </span>
      <h3 class="ac-group-label">Research and institutional networks</h3>
      <span class="ac-group-badge">5</span>
    </header>

    <ul class="ac-items">

      <li class="ac-item" data-label="Policy Commons" data-value="Organisation profile">
        <span class="ac-item-label">Policy Commons</span>
        <span class="ac-item-value">
          <a href="https://policycommons.net/orgs/centre-for-internet-and-society/" rel="noopener noreferrer">Organisation 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="OONI" data-value="Partner profile">
        <span class="ac-item-label">OONI</span>
        <span class="ac-item-value">
          <a href="https://ooni.org/partners/cis-india/" rel="noopener noreferrer">Partner 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="FIRN" data-value="Research network">
        <span class="ac-item-label">FIRN</span>
        <span class="ac-item-value">
          <a href="https://firn.genderit.org/researcher/centre-internet-and-society" rel="noopener noreferrer">Research network</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="Kusuma Trust" data-value="Project profile">
        <span class="ac-item-label">Kusuma Trust</span>
        <span class="ac-item-value">
          <a href="https://www.kusumatrust.org/project/cis/" rel="noopener noreferrer">Project 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="Scilit" data-value="55348">
        <span class="ac-item-label">Scilit</span>
        <span class="ac-item-value">
          <a href="https://www.scilit.com/organizations/55348" rel="noopener noreferrer">55348</a>
          <span class="ac-chip">55348</span>
        </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 -->
  <section class="ac-group-card" data-group="public" role="listitem">
    <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="10"/>
          <path d="M2 12h20"/>
          <path d="M12 2a15 15 0 0 1 0 20"/>
          <path d="M12 2a15 15 0 0 0 0 20"/>
        </svg>
      </span>
      <h3 class="ac-group-label">Public and organisational profiles</h3>
      <span class="ac-group-badge">9</span>
    </header>

    <ul class="ac-items">

      <li class="ac-item" data-label="Official website" data-value="cis-india.org">
        <span class="ac-item-label">Official website</span>
        <span class="ac-item-value">
          <a href="https://cis-india.org/" rel="noopener noreferrer">cis-india.org</a>
          <span class="ac-chip">cis-india.org</span>
        </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="Crunchbase" data-value="centre-for-internet-society">
        <span class="ac-item-label">Crunchbase</span>
        <span class="ac-item-value">
          <a href="https://www.crunchbase.com/organization/centre-for-internet-society" rel="noopener noreferrer">centre-for-internet-society</a>
          <span class="ac-chip">centre-for-internet-society</span>
        </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="X" data-value="cis_india">
        <span class="ac-item-label">X (Twitter)</span>
        <span class="ac-item-value">
          <a href="https://x.com/cis_india" rel="noopener noreferrer">@cis_india</a>
          <span class="ac-chip">cis_india</span>
        </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="Instagram" data-value="cis.india">
        <span class="ac-item-label">Instagram</span>
        <span class="ac-item-value">
          <a href="https://www.instagram.com/cis.india/" rel="noopener noreferrer">@cis.india</a>
          <span class="ac-chip">cis.india</span>
        </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="Quora Topic" data-value="Centre-for-Internet-and-Society">
        <span class="ac-item-label">Quora Topic</span>
        <span class="ac-item-value">
          <a href="https://www.quora.com/topic/Centre-for-Internet-and-Society" rel="noopener noreferrer">Centre-for-Internet-and-Society</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="GRID" data-value="grid.464809.7">
        <span class="ac-item-label">GRID</span>
        <span class="ac-item-value">
          <a href="https://grid.ac/institutes/grid.464809.7" rel="noopener noreferrer">grid.464809.7</a>
          <span class="ac-chip">grid.464809.7</span>
        </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="Network of Centers" data-value="CIS Bangalore">
        <span class="ac-item-label">Network of Centers</span>
        <span class="ac-item-value">
          <a href="https://networkofcenters.net/center/centre-internet-society-cis-bangalore" rel="noopener noreferrer">CIS Bangalore</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="Internet Freedom Foundation" data-value="Organisation reference">
        <span class="ac-item-label">Internet Freedom Foundation</span>
        <span class="ac-item-value">
          <a href="https://internetfreedom.in/org-cis/" rel="noopener noreferrer">Organisation reference</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="TSAP CIS Page" data-value="sunilabraham.in/cis">
        <span class="ac-item-label">TSAP CIS page</span>
        <span class="ac-item-value">
          <a href="https://sunilabraham.in/cis/" rel="noopener noreferrer">sunilabraham.in/cis/</a>
          <span class="ac-chip">TSAP</span>
        </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>

{% include navbox-cis.html %}

{% 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);
}

/* ── 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;
}

/* Identifier chip */
.ac-chip {
  font-family: var(--font-mono);
  font-size: var(--text-xs);
  color: var(--color-text-muted);
  background: var(--color-surface-offset);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-full);
  padding: 1px var(--space-2);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 10rem;
  display: none;
}

@media (min-width: 560px) {
  .ac-chip {
    display: inline-block;
  }
}

/* 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);
  }
}

/* ── Screen reader only ── */
.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 () {

  /* ── Search ── */
  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 updateCount(n) {
    countEl.textContent = n + (n === 1 ? ' record' : ' records');
  }

  function runSearch(q) {
    var visible = 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) visible++;
    });

    /* Hide groups with no visible items */
    groups.forEach(function (grp) {
      var anyVisible = Array.from(grp.querySelectorAll('.ac-item'))
        .some(function (it) { return it.getAttribute('aria-hidden') !== 'true'; });
      grp.setAttribute('aria-hidden', anyVisible ? 'false' : 'true');
    });

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

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

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

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

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