/* FLEx lexicons (MarduLex) on the full entry's lectern - web/js/flex-view.js,
   MARDULEX.md §10.1. Drawn in the lectern's own tokens (lectern.css), so both
   themes come for free; the lexicon's FLEx CSS is not used here. */

.flex-lex { display: block; }
.flex-lex__credit { margin-top: 1rem; }

.flex-entry .lx-entry__title { display: flex; align-items: baseline; gap: .6rem; flex-wrap: wrap; }
.flex-hw { font-size: 1.6rem; line-height: 1.4; }
.flex-entry--sub .flex-hw { font-size: 1.3rem; }
.flex-east { font-size: 1.15rem; color: var(--cat-ink-muted, var(--color-text-muted)); }
.flex-head__bits { display: flex; align-items: center; gap: .45rem; flex-wrap: wrap; }

.flex-pos, .flex-type {
  font: .8rem/1.4 'Courier Prime', ui-monospace, monospace;
  color: var(--cat-ink-muted, var(--color-text-muted));
}
.flex-type { font-style: italic; }
.flex-root { text-decoration: none; }

.flex-variants, .flex-rels { margin: .3rem 0; line-height: 1.9; }
.flex-variant, .flex-rel { white-space: nowrap; }

.flex-etym { margin: .5rem 0; }
.flex-etym > summary { cursor: pointer; font-weight: 600; }
.flex-etym__note { margin: .35rem 0; }
.flex-etym__list { margin: .3rem 0 .3rem 1.2rem; padding: 0; }
.flex-etym__list li { margin: .15rem 0; }
.flex-etym__group { list-style: none; margin-inline-start: -1.2rem; font-weight: 600; font-size: .85rem; }
.flex-etym__lang { font-weight: 600; }

.flex-senses { margin: .5rem 0; padding-inline-start: 1.6rem; list-style: decimal; }
.flex-senses .flex-senses { list-style: lower-alpha; }
.flex-sense { margin: .45rem 0; display: list-item; }
.flex-sense::marker { font-weight: 600; color: var(--cat-ink-muted, var(--color-text-muted)); }
.flex-gloss { font-weight: 600; }
.flex-refs { font-size: .8rem; color: var(--cat-ink-muted, var(--color-text-muted)); }

.flex-exs { list-style: none; margin: .35rem 0 .2rem; padding: 0; }
.flex-ex { margin: .45rem 0; padding-inline-start: .7rem; border-inline-start: 2px solid color-mix(in srgb, var(--cat-ink-muted, #888) 35%, transparent); }
.flex-ex__cite { font-size: .8rem; color: var(--cat-ink-muted, var(--color-text-muted)); }
.flex-ex__syr { font-size: 1.15rem; line-height: 1.8; text-align: start; }
.flex-ex__tr { font-style: italic; }
.flex-ex__src { white-space: nowrap; }
.flex-hl { background: color-mix(in srgb, var(--color-primary, #6a8) 28%, transparent); color: inherit; padding: 0 .1em; border-radius: 2px; }
.flex-stem { color: var(--color-primary-ink, var(--color-primary)); font-weight: 600; }

.flex-sub { margin: .8rem 0 0; padding: .6rem 0 0 .9rem; border-top: 1px dotted color-mix(in srgb, var(--cat-ink-muted, #888) 45%, transparent); }
.flex-entry--sub { padding-bottom: .2rem; }

.flex-sidebar { margin: .6rem 0; padding: .5rem .7rem; background: color-mix(in srgb, var(--cat-manila, #e8d9a8) 35%, transparent); border-radius: 3px; }
.flex-sidebar > summary { cursor: pointer; font-weight: 600; }

.flex-note { margin: .35rem 0; }
.flex-note--internal { padding: .3rem .5rem; border: 1px dashed var(--color-warning, #b8860b); border-radius: 3px; font-size: .9rem; }
.flex-credits { margin-top: .6rem; }
.flex-pic { margin: .6rem 0; max-width: 22rem; }
.flex-pic img { display: block; width: 100%; height: auto; border-radius: 3px; }
.flex-pic figcaption { margin-top: .25rem; color: var(--cat-ink-muted, var(--color-text-muted)); }
/* Citations the reference-works registry knows (ROADMAP 3.16): a link, or the title on hover */
.flex-ref { color: inherit; text-decoration: underline dotted; text-underline-offset: 2px; }
a.flex-ref { text-decoration-style: solid; }
abbr.flex-ref { cursor: help; }
.flex-ref__find { font-size: .75rem; }