/* shared typography — matches the rest of the suite */
.pgl{font-family:"Lexend",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  font-weight:400;letter-spacing:-.05em}
.pgl *{font-family:inherit;letter-spacing:inherit;box-sizing:border-box}

.pgl{--pgl-accent:var(--ps-purple,#6F00FF);--pgl-term:var(--ps-purple,#6F00FF);--pgl-ink:#2b2140;--pgl-muted:#6b6480;
  --pgl-rule:var(--ps-rule,#DEDEDE);--pgl-radius:10px;--pgl-letter:38px;--pgl-gap:18px;
  color:var(--pgl-ink);display:block}

/* search */
.pgl-search{margin-bottom:16px}
.pgl .pgl-input{width:100%;padding:14px 18px;border-radius:var(--pgl-radius);
  border:1px solid var(--pgl-rule);background:#fff;color:var(--pgl-ink);
  font:inherit;font-size:.95rem;appearance:none;margin:0}
.pgl .pgl-input::placeholder{color:var(--pgl-muted);opacity:.75}
.pgl .pgl-input:focus{outline:none;border-color:var(--pgl-accent);
  box-shadow:0 0 0 3px color-mix(in srgb,var(--pgl-accent) 14%,transparent)}

/* the A–Z strip */
.pgl-letters{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:22px}
.pgl .pgl-letter{width:var(--pgl-letter);height:var(--pgl-letter);padding:0;
  display:inline-flex;align-items:center;justify-content:center;
  border:1px solid var(--pgl-rule);border-radius:var(--pgl-radius);background:#fff!important;
  color:var(--pgl-ink)!important;font:inherit;font-size:.88rem;font-weight:600;cursor:pointer;
  appearance:none;margin:0;text-transform:none;box-shadow:none;
  transition:background .12s,border-color .12s,color .12s}
.pgl .pgl-letter:hover{border-color:var(--pgl-accent);color:var(--pgl-accent)!important}
.pgl .pgl-letter.is-on{background:var(--pgl-accent)!important;border-color:var(--pgl-accent);
  color:#fff!important}
.pgl .pgl-letter[data-letter="__all"]{width:auto;padding:0 16px}
.pgl .pgl-letter.is-empty{opacity:.35;cursor:default}

/* entries */
.pgl-list{display:flex;flex-direction:column}
.pgl-entry{padding:var(--pgl-gap) 0;border-top:0 solid var(--pgl-rule)}
.pgl-entry:first-child{padding-top:0}
.pgl-entry.is-hidden{display:none}
.pgl-term{margin:0 0 5px;font-size:1rem;font-weight:700;line-height:1.35;color:var(--pgl-term)}
.pgl-term a{color:inherit;text-decoration:none}
.pgl-term a:hover{text-decoration:underline;text-underline-offset:2px}
.pgl-def{font-size:.95rem;line-height:1.6}
.pgl-def p{margin:0 0 .8em}
.pgl-def p:last-child{margin-bottom:0}
.pgl-term mark,.pgl-def mark{background:color-mix(in srgb,var(--pgl-accent) 18%,transparent);
  color:inherit;padding:0 1px;border-radius:2px}

.pgl-empty{padding:22px 0;color:var(--pgl-muted);font-size:.92rem}
.pgl-empty[hidden]{display:none}

@media(max-width:560px){
  .pgl{--pgl-letter:34px;--pgl-gap:15px}
  .pgl-letters{gap:6px}
  .pgl .pgl-input{padding:12px 15px}
}