/* Glossary directory and topic navigation. Shared tables and fields own controls. */
.ordliste-wrap { padding: var(--s6) 0 var(--s8); }
    .ordliste-topic-label {
      margin: var(--s3) 0 var(--s1);
      font-family: var(--mono);
      font-size: .66rem;
      font-weight: 600;
      letter-spacing: .1em;
      text-transform: uppercase;
      color: var(--ink-muted);
    }
    .ordliste-topic-head {
      display: flex;
      align-items: end;
      justify-content: space-between;
      gap: var(--s3);
      max-width: 860px;
      margin: var(--s3) 0 var(--s2);
    }
    .ordliste-topic-head .ordliste-topic-label { margin: 0; }
    .ordliste-topic-count {
      font-family: var(--mono);
      font-size: .68rem;
      color: var(--ink-muted);
      white-space: nowrap;
    }
    .ordliste-topic-tools {
      max-width: 860px;
      margin: 0 0 var(--s2);
    }
    .ordliste-topic-search {
      display: block;
      width: 100%;
      max-width: 520px;
      padding: .78rem .95rem;
      border: 1px solid var(--line);
      border-radius: var(--r2);
      background: var(--surface);
      color: var(--ink);
      font: 500 .92rem/1.3 var(--sans);
      outline: none;
      transition: border-color .16s, background .16s, box-shadow .16s;
    }
    .ordliste-topic-search::placeholder { color: var(--ink-muted); }
    .ordliste-topic-search:focus {
      border-color: color-mix(in srgb, var(--accent) 58%, transparent);
      background: color-mix(in srgb, var(--accent) 4.5%, transparent);
      box-shadow: 0 0 0 3px color-mix(in srgb, var(--accent) 12%, transparent);
    }
    .ordliste-topic-filters {
      display: flex;
      align-items: center;
      flex-wrap: wrap;
      gap: .45rem;
      margin-top: .7rem;
    }
    .ordliste-topic-filter {
      border: 1px solid var(--line);
      border-radius: var(--r5);
      background: var(--surface);
      color: var(--ink-muted);
      cursor: pointer;
      font: 600 .72rem/1 var(--sans);
      padding: .45rem .72rem;
      transition: transform .14s, border-color .14s, background .14s, color .14s;
    }
    .ordliste-topic-filter:hover {
      border-color: color-mix(in srgb, var(--cream-0) 22%, transparent);
      color: var(--ink);
      transform: translateY(-1px);
    }
    .ordliste-topic-filter[aria-pressed="true"] {
      background: var(--ink);
      border-color: var(--ink);
      color: var(--surface);
    }
    .ordliste-topic-grid.concept-link-grid {
      max-width: 860px;
      margin: 0;
    }
    .ordliste-topic-grid.concept-link-grid a[hidden] { display: none; }
    .ordliste-topic-empty {
      display: none;
      max-width: 520px;
      margin-top: var(--s2);
      padding: .9rem 1rem;
      border: 1px dashed var(--line);
      border-radius: var(--r2);
      color: var(--ink-muted);
      font-size: .9rem;
      line-height: 1.55;
    }
    .ordliste-topic-empty.is-visible { display: block; }
/* The directory is the primary navigation; topic filters remain below it. */
[data-page-family="glossary"] .ordliste-wrap { padding-top: 1.5rem; }
.glossary-directory-head { display: flex; align-items: baseline; justify-content: space-between; flex-wrap: wrap; gap: .75rem; }
.glossary-directory-head h2 { font: 650 1.3rem/1.4 var(--sans); color: var(--ink); }
.glossary-directory-head a,.glossary-directory-table a { text-decoration: underline; text-underline-offset: .2em; }
.glossary-directory-table caption { text-align: left; color: var(--ink-muted); font-size: .85rem; padding: .5rem 0; }
.glossary-directory-table.site-table tbody th { background: transparent; min-width: 8rem; }
.glossary-directory-table td:last-child { font-variant-numeric: tabular-nums; text-align: right; }
.glossary-directory-table { --table-cell-padding: .75rem 1rem; }
.glossary-directory + .status-overview { padding: 0; margin-top: 2rem; border: 0; background: transparent; box-shadow: none; }
@media(max-width:600px) {
  .glossary-directory-table.site-table :is(th,td) { padding: .65rem .5rem; }
  .glossary-directory-table.site-table :is(th,td):last-child { display: none; }
  .glossary-directory-table.site-table tbody th { min-width: 6rem; }
}

@media(max-width:700px) { .ordliste-topic-head { align-items:start; flex-direction:column; gap:.45rem; } .ordliste-topic-search { max-width:none; } }