/* HTML Sonderzeichen Liste (nur diese Seite) */
.tu-article .sz-sym{ font-size:1.6rem; line-height:1; color:var(--white); text-align:center; width:64px; }
.tu-article .sz-copy{
  font-family:"SFMono-Regular", Consolas, Menlo, monospace; font-size:.85rem;
  background:rgba(255,255,255,.08); color:var(--glow); border:1px solid transparent;
  border-radius:6px; padding:.25rem .5rem; cursor:pointer; white-space:nowrap;
  transition:background .2s ease, border-color .2s ease, color .2s ease;
}
.tu-article .sz-copy:hover, .tu-article .sz-copy:focus-visible{ border-color:var(--red-light); color:var(--white); }
.tu-article .sz-copy.is-copied{ background:var(--red); color:var(--white); }
.sz-searchbar{ display:flex; flex-wrap:wrap; gap:12px; align-items:center; margin:26px 0 6px; }
.sz-searchbar input{
  flex:1 1 280px; border:1px solid rgba(255,255,255,.25); border-radius:999px;
  background:rgba(255,255,255,.05); color:var(--white); padding:.7rem 1.2rem;
  font-family:var(--font-body); font-size:.95rem;
}
.sz-searchbar input:focus{ outline:none; border-color:var(--glow); box-shadow:0 0 0 3px rgba(153,204,0,.18); }
.sz-info{ color:var(--text-mid); font-size:.9rem; }