/* Defined terms pages (defined_terms_index/build.py); uses the site tokens from navigation.css. */

.dt-search { margin: 1.25rem 0 .5rem; max-width: 36rem; }
.dt-search-results { max-width: 48rem; }
.dt-results, .dt-inline-instruments { list-style: none; padding: 0; margin: .5rem 0 0; }
.dt-result { padding: .4rem 0; border-bottom: 1px solid var(--zl-border); }
.dt-result a { color: var(--zl-ink); font-weight: 600; text-decoration: none; }
.dt-result a:hover { color: var(--zl-accent); }
.dt-result-toggle { background: none; border: 0; padding: 0; color: var(--zl-ink); font-weight: 600; text-align: left; }
.dt-result-toggle::after { content: " \25BE"; color: var(--zl-muted); font-weight: 400; }
.dt-result-toggle[aria-expanded="true"]::after { content: " \25B4"; }
.dt-result-panel { margin: .5rem 0 .25rem 1rem; }
.dt-inline-instruments li { padding: .15rem 0; }

.dt-az { display: flex; flex-wrap: wrap; gap: .35rem; margin: 0 0 1rem; }
.dt-az a, .dt-az span { display: inline-block; min-width: 2.1rem; padding: .3rem .45rem; text-align: center;
    border: 1px solid var(--zl-border); border-radius: 6px; text-decoration: none; font-weight: 600; color: var(--zl-ink); }
.dt-az a:hover { border-color: var(--zl-accent); color: var(--zl-accent); }
.dt-az [aria-current="page"] { background: var(--zl-accent); border-color: var(--zl-accent); color: #fff; }
.dt-az .dt-az-empty { color: var(--zl-muted); opacity: .5; }

.dt-term-list { columns: 3 16rem; column-gap: 2rem; list-style: none; padding: 0; margin: 0; }
.dt-term-list li { break-inside: avoid; padding: .2rem 0; }
.dt-term-list a { color: var(--zl-ink); text-decoration: none; }
.dt-term-list a:hover { color: var(--zl-accent); text-decoration: underline; }
.dt-term-count { color: var(--zl-muted); font-size: .8rem; font-variant-numeric: tabular-nums; }

.dt-note, .dt-muted { color: var(--zl-muted); font-size: .88rem; }
.dt-access { margin-top: 1rem; }
.dt-signin { padding: .85rem 1rem; border: 1px solid var(--zl-border); border-radius: 10px; background: var(--zl-surface); max-width: 40rem; }
.dt-signin p { margin: 0 0 .5rem; }

.dt-instruments { list-style: none; padding: 0; margin: 0 0 1.5rem; max-width: 56rem; }
.dt-inst { padding: .7rem 0; border-bottom: 1px solid var(--zl-border); }
.dt-inst-head { display: flex; flex-wrap: wrap; align-items: baseline; gap: .1rem .35rem; }
.dt-inst-title { color: var(--zl-ink); font-weight: 600; text-decoration: none; }
.dt-inst-title:hover { color: var(--zl-accent); }
.dt-inst-count { color: var(--zl-muted); font-size: .8rem; margin-left: .35rem; }

.dt-def { margin: .6rem 0 0 .75rem; padding-left: .75rem; border-left: 3px solid var(--zl-border); }
.dt-def-loc { font-size: .85rem; color: var(--zl-muted); }
.dt-def-loc a { font-weight: 600; color: var(--zl-accent); text-decoration: none; }
.dt-def-text { font-family: var(--zl-font-serif); line-height: 1.55; margin-top: .25rem; overflow-wrap: anywhere; }
.dt-def-text p { margin: 0 0 .25rem; }
.dt-def-text p + p { padding-left: 1rem; }