#id-query { flex: 1; }
.id-matches { margin-top: 10px; display: flex; flex-wrap: wrap; gap: 6px; align-items: center; }
.id-matches .rw-syn, .id-rel .rw-syn { padding: 3px 9px; font-size: .88rem; }
.id-bar { display: flex; align-items: center; gap: 12px; margin-bottom: 4px; font-size: .85rem; color: var(--c-94a3b8); }
.id-card { border: 1px solid var(--c-2d3548); border-radius: 10px; padding: 12px 14px; margin-top: 12px; background: var(--c-161b26); }
.id-head { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
.id-head b { font-size: 1.3rem; color: var(--c-f8fafc); letter-spacing: .06em; }
.id-see { font-size: .75rem !important; padding: 1px 8px !important; }
.id-zy { color: var(--c-cbd5e1); font-size: .9rem; }
.id-py { color: var(--c-94a3b8); font-size: .82rem; }
.id-count { font-size: .75rem; color: var(--c-fbbf24); border: 1px solid var(--c-a16207); border-radius: 5px; padding: 1px 7px; }
.id-head .an-x { margin-left: auto; }
.id-def { margin-top: 8px; font-size: .95rem; line-height: 1.7; }
.id-usage { margin-top: 4px; font-size: .82rem; color: var(--c-94a3b8); }
.id-ex { margin-top: 8px; font-size: .88rem; line-height: 1.7; color: var(--c-cbd5e1); }
.id-tag { display: inline-block; font-size: .72rem; color: var(--c-7dd3fc); border: 1px solid var(--c-1d4ed8); border-radius: 4px;
          padding: 0 6px; margin-right: 8px; }
.id-tag.anto { color: var(--c-f472b6); border-color: var(--c-9d174d); }
.id-rel { margin-top: 8px; display: flex; flex-wrap: wrap; gap: 4px; align-items: center; }
.id-more { margin-top: 8px; font-size: .88rem; line-height: 1.8; }
.id-more summary { cursor: pointer; color: var(--c-7dd3fc); font-size: .82rem; }
.id-more > div { margin-top: 6px; padding: 8px 10px; background: var(--c-0f1117); border-radius: 6px; white-space: pre-line; }
#id-title { flex: 1; min-width: 140px; background: var(--c-0f1117); color: var(--c-e2e8f0); border: 1.5px solid var(--c-2d3548); border-radius: 8px;
            padding: 9px 12px; font-size: .9rem; font-family: inherit; outline: none; }