/* Repertorium onomasticum: repertorio hojeable de los nombres del texto latino.
   Mismo registro visual que el toponymicon del Lexicon: instrumento de
   investigación, sin reclamo ornamental. */
#on-repertorium{max-width:none;margin:14px auto 22px;padding:0 6px;font:14px/1.65 system-ui,sans-serif}
#on-repertorium>h2{font:normal 27px Georgia,serif;margin:0 0 6px}
.on-lead{max-width:950px;margin:0 0 14px;font-size:14px;opacity:.9}
.on-counts{display:flex;flex-wrap:wrap;gap:6px 9px;margin:0 0 14px;padding:0;list-style:none;font:12px/1.5 system-ui,sans-serif}
.on-counts li{border:1px solid rgba(135,143,150,.45);border-radius:99px;padding:5px 11px}
.on-counts b{font-weight:700}
.on-chips{display:flex;flex-wrap:wrap;gap:7px 9px;margin:0 0 12px;padding:0;list-style:none}
.on-chips button{border:1px solid rgba(135,143,150,.55);border-radius:99px;padding:8px 13px;background:transparent;
 color:inherit;font:600 12px system-ui,sans-serif;cursor:pointer;min-height:36px}
.on-chips button[aria-pressed=true]{background:#2c3035;color:#f2f2f0;border-color:#8d9498}
html[data-theme=light] .on-chips button[aria-pressed=true]{background:#e7e8e7;color:#25292c}
.on-alphabet{display:flex;flex-wrap:wrap;gap:4px 5px;margin:0 0 14px;padding:0;list-style:none}
.on-alphabet button{border:1px solid rgba(135,143,150,.4);border-radius:7px;background:transparent;color:inherit;
 font:600 12px/1 system-ui,sans-serif;padding:7px 9px;cursor:pointer;min-width:30px;min-height:32px}
.on-alphabet button[aria-pressed=true]{background:#2c3035;color:#f2f2f0}
html[data-theme=light] .on-alphabet button[aria-pressed=true]{background:#e7e8e7;color:#25292c}
.on-alphabet button[disabled]{opacity:.32;cursor:default}
.on-layout{display:grid;grid-template-columns:minmax(230px,330px) minmax(0,1fr);gap:18px 24px;align-items:start}
.on-list{max-height:62vh;overflow-y:auto;border-top:1px solid rgba(140,146,150,.25);padding-top:4px}
.on-list ul{margin:0;padding:0;list-style:none}
.on-list button{display:block;width:100%;text-align:left;background:transparent;border:0;
 border-bottom:1px solid rgba(140,146,150,.16);color:inherit;cursor:pointer;padding:9px 6px;font:inherit;min-height:40px}
.on-list button:hover{background:rgba(148,132,104,.12)}
.on-list button[aria-current=true]{background:rgba(148,132,104,.2)}
.on-list .on-name{font:17px/1.35 Georgia,serif}
.on-list .on-tally{display:block;font:11px/1.5 system-ui,sans-serif;opacity:.74}
.on-card{border-top:1px solid rgba(140,146,150,.25);padding-top:13px;min-height:200px}
.on-card h3{margin:5px 0 4px;font:normal 27px Georgia,serif}
.on-card h4{font:700 15px system-ui,sans-serif;margin:21px 0 9px}
.on-card p{line-height:1.6;margin:7px 0}
.on-forms{font-size:13px;overflow-wrap:anywhere}
.on-note,.on-method{font:12px/1.6 system-ui,sans-serif;opacity:.8}
.on-verified{border-left:3px solid var(--gold,#aa9473);padding:8px 12px;margin:10px 0;font-size:13px}
.on-pending{border-left:3px solid rgba(140,146,150,.5);padding:8px 12px;margin:10px 0;font-size:13px}
.on-links{display:flex;flex-wrap:wrap;gap:8px 10px;margin:14px 0}
.on-links a{border:1px solid rgba(135,143,150,.55);border-radius:9px;padding:8px 12px;color:inherit;
 text-decoration:none;font:600 12px system-ui,sans-serif}
.on-links a:hover{background:rgba(148,132,104,.14)}
.on-gloss{display:grid;gap:11px}
.on-gloss article{border:1px solid rgba(140,146,150,.35);border-radius:10px;padding:13px}
.on-gloss h5{font:700 13px system-ui,sans-serif;margin:0 0 6px}
.on-gloss p{font-size:13px;margin:5px 0}
.on-gloss .on-src{font:11px/1.5 system-ui,sans-serif;opacity:.78}
.on-loci{display:flex;flex-wrap:wrap;gap:5px 7px;margin:8px 0;padding:0;list-style:none}
.on-loci a{border:1px solid rgba(135,143,150,.4);border-radius:7px;padding:5px 9px;color:inherit;
 text-decoration:none;font:600 11px system-ui,sans-serif}
.on-loci a:hover{background:rgba(148,132,104,.14)}
@media(max-width:860px){.on-layout{grid-template-columns:1fr}.on-list{max-height:40vh}}
.on-selects{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px}
.on-selects label{font:600 12px system-ui,sans-serif;opacity:.85}
.on-selects select,.on-selects input{border:1px solid rgba(135,143,150,.55);border-radius:9px;
 background:transparent;color:inherit;font:13px system-ui,sans-serif;padding:8px 10px;min-height:38px;max-width:100%}
.on-selects select{max-width:min(46ch,100%)}
.on-selects input{flex:1 1 180px;min-width:150px}