/* One directory on archive pages and in the shortcode, with the same helpful control on entries. */
.on-lexicon { color:var(--on-ink,#002d5e); font-family:var(--on-font,system-ui,sans-serif); }
.on-lexicon-tools { position:relative; }
.on-lexicon-search { position:relative; display:flex; align-items:stretch; gap:0; width:100%; --on-search-padding:0 110px 0 0; padding:var(--on-search-padding); border:1px solid var(--on-line,#f4e5d9); background:var(--on-paper,#fff); margin:0; transition:border-color 180ms ease; }
.on-lexicon-tools:focus-within .on-lexicon-search { border-color:var(--on-focus,var(--on-ink,#002d5e)); }
.on-lexicon-search input[type=search] { flex:1 1 0%; width:100%; min-width:0; height:50px; min-height:50px; padding:12px 14px; background:transparent; border:0; border-radius:0; outline:none; color:var(--on-ink,#002d5e); font:400 15px/1.5 var(--on-font,system-ui,sans-serif); box-shadow:none; }
.on-lexicon-search .on-search-submit { flex:0 0 44px; display:grid; place-items:center; width:44px; min-width:44px; min-height:50px; padding:10px; margin:0; border:0; background:transparent; color:var(--on-ink,#002d5e); }
.on-lexicon-search .on-search-submit:hover { background:var(--on-accent,#fab900); }
.on-lexicon-search .on-search-submit .on-icon { width:22px; height:22px; }
/* The disclosure is the same labelled button as other directory controls. */
.on-lexicon-alphabet>.on-button { --on-control-py:10px; --on-control-px:16px; --on-control-gap:8px; position:absolute; right:1px; top:1px; width:110px; max-width:none; min-height:50px; border:0; border-left:1px solid var(--on-line,#f4e5d9); font-size:var(--on-button-size,13px); text-transform:var(--on-button-transform,none); list-style:none; }
.on-lexicon-alphabet>summary::-webkit-details-marker { display:none; }
.on-lexicon-alphabet>summary::marker { content:''; }
.on-lexicon-alphabet.is-expanded>.on-button,.on-lexicon-alphabet:not(.is-animated)[open]>.on-button { --on-btn-bg:var(--on-ink,#002d5e); --on-btn-text:var(--on-on-dark,#fff); --on-btn-border:var(--on-ink,#002d5e); }
.on-lexicon-alphabet-panel { display:flow-root; overflow:hidden; will-change:height,opacity; }
.on-lexicon-status { margin:12px 0 0; min-height:0; font-size:12px; }
.on-lexicon-status:empty { display:none; }
.on-lexicon-item { display:flex; align-items:flex-end; gap:24px; padding:20px; border:1px solid var(--on-line,#f4e5d9); background:var(--on-paper,#fff); }
.on-lexicon-copy { min-width:0; flex:1; }
.on-lexicon-copy h3 { margin:0 0 8px; font:var(--on-heading-weight,700) var(--on-heading-current-size,var(--on-heading-size,25px))/1.2 var(--on-heading,system-ui,sans-serif); text-transform:var(--on-heading-transform,none); }
.on-lexicon-copy h3>a { text-decoration:none; }
.on-lexicon-copy h3>a:hover { text-decoration:underline; text-underline-offset:4px; }
.on-lexicon-copy p { font-size:var(--on-content-size,13px); line-height:1.75; margin:0; overflow-wrap:anywhere; text-transform:var(--on-content-transform,none); }
.on-lexicon-copy .on-lexicon-synonyms { display:flex; align-items:flex-start; gap:7px; font-size:11px; margin-top:9px; }
.on-lexicon-synonyms .on-icon { width:14px; height:14px; flex-shrink:0; margin-top:3px; }
.on-helpful { --on-control-py:8px; --on-control-px:12px; --on-control-gap:8px; display:inline-flex; flex-shrink:0; justify-content:center; align-items:center; gap:var(--on-control-gap); min-height:38px; border:1px solid var(--on-accent,#fab900); padding-block:var(--on-control-py); padding-inline:var(--on-control-start,var(--on-control-px)) var(--on-control-end,var(--on-control-px)); background:var(--on-soft,#f4f6f7); color:var(--on-ink,#002d5e); font:var(--on-button-weight,500) var(--on-button-size,12px)/1.4 var(--on-button-font,'Poppins',system-ui,-apple-system,"Segoe UI",sans-serif); cursor:pointer; text-transform:var(--on-button-transform,none); }
.on-helpful .on-icon { width:18px; height:18px; }
.on-helpful:hover,.on-helpful.is-liked { background:var(--on-accent,#fab900); }
.on-single-header .on-helpful { background:var(--on-accent,#fab900); color:var(--on-ink,#002d5e); }
.on-lexicon-item .on-helpful-label { position:absolute; width:1px; height:1px; clip-path:inset(50%); overflow:hidden; }
.on-lexicon-more { --on-spinner-size:32px; }
.on-lexicon-footer { display:flex; flex-direction:column; align-items:center; gap:14px; padding-top:28px; font-size:12px; }
.on-lexicon-empty { padding:24px; background:var(--on-soft,#f4f6f7); margin-top:20px; }
@media(max-width:699px) {
 .on-glossary-helpful { --on-control-py:10px; --on-control-px:10px; min-width:44px; min-height:44px; }
 .on-glossary-helpful :is(.on-helpful-label,[data-on-likes]) { display:none; }
}
@media(max-width:539px) {

 .on-lexicon .on-lexicon-search input[type=search] { font-size:13px; padding-inline:12px; }
 .on-lexicon-item { padding:16px; gap:12px; flex-wrap:wrap; }.on-lexicon-copy { flex-basis:100%; }.on-lexicon-copy h3 { font-size:var(--on-heading-current-size,var(--on-heading-size,24px)); }.on-lexicon-item .on-helpful { margin-left:auto; }
}