/* Marginalia and names on a source text (Witching.org Edition pages): see shared/js/text-links.js. Same look as the Full Text reader. */
#edition-text { position: relative; }
.tl-layers { display: flex; flex-wrap: wrap; gap: 6px 14px; margin: 0 0 18px; font-size: 13px; color: var(--ink-mid); }
.tl-layers label { display: inline-flex; align-items: center; gap: 5px; cursor: pointer; }
.tl-sw-cite { display: inline-block; width: 4px; height: 12px; border-radius: 2px; background: rgba(31, 110, 136, .5); }
.tl-sw-name { display: inline-block; width: 14px; height: 10px; border-bottom: 1px dotted var(--rust); }
.tl-name { border-bottom: 1px dotted var(--rust); cursor: pointer; }
.tl-name:hover { background: rgba(138, 75, 34, .10); }
.tl-off-names .tl-name { border-bottom: 0; cursor: auto; background: none; }
.tl-cite.glow { background: rgba(31, 110, 136, .10); }
.tl-mg { position: absolute; left: 0; top: 0; width: 0; height: 0; }
.tl-mb { position: absolute; width: 4px; padding: 0; border: 0; border-radius: 2px; background: rgba(31, 110, 136, .38); cursor: pointer; transition: background 120ms; }
.tl-mb:hover, .tl-mb.on, .tl-mb:focus-visible { background: var(--wave-core, #1F6E88); outline: none; }
.tl-ml { position: absolute; transform: translateX(-100%); max-width: 150px; padding: 0; border: 0; background: none; cursor: pointer; font: 600 10.5px/14px system-ui, sans-serif; letter-spacing: .02em; color: var(--wave-core, #1F6E88); opacity: .8; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-align: right; }
.tl-ml:hover, .tl-ml.on { opacity: 1; text-decoration: underline; font-weight: 800; }
.tl-pop { position: absolute; z-index: 50; width: min(420px, calc(100vw - 24px)); background: var(--paper, #F3ECDE); border: 1px solid var(--desk, #DED5C4); border-radius: 4px; box-shadow: 0 8px 28px rgba(26, 20, 16, .28); font-size: 13.5px; line-height: 1.45; color: var(--ink); }
.tl-pop[hidden] { display: none; }
.tl-pop-in { max-height: min(60vh, 520px); overflow-y: auto; padding: 12px 16px 14px; }
.tl-pop h4 { margin: 0 0 4px; padding-right: 28px; font-size: 11px; letter-spacing: .08em; text-transform: uppercase; color: var(--ink-mid); }
.tl-pop ul { list-style: none; margin: 0; padding: 0; }
.tl-pop li { padding: 7px 0; border-top: 1px solid var(--desk, #DED5C4); }
.tl-pop li:first-child { border-top: 0; }
.tl-pk { display: block; font-size: 11px; color: var(--ink-mid); text-transform: uppercase; letter-spacing: .05em; }
.tl-pl { display: flex; flex-wrap: wrap; gap: 4px 14px; margin-top: 3px; }
.tl-pl a { color: var(--wave-core, #1F6E88); font-size: 12.5px; }
.tl-pop li > b { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; font-weight: 600; }
.tl-pop li.tl-pr { display: flex; flex-wrap: wrap; align-items: baseline; gap: 2px 10px; padding: 5px 0; }
.tl-pop li.tl-pr .tl-pk { display: inline; min-width: 44px; } .tl-pop li.tl-pr .tl-pl { margin: 0 0 0 auto; } .tl-pop li.tl-pr > b { display: inline; }
.tl-pop-x { position: absolute; top: 4px; right: 8px; z-index: 1; border: 0; background: none; font-size: 22px; line-height: 1; cursor: pointer; color: var(--ink-mid); }
@media (max-width: 700px) { .tl-mb { width: 3px; } }

/* An Edition reads like the Full Text reader: a centred serif column with room in the margins for the bars */
.cp-body .cp-article.cp-edition { margin: 0 auto; flex: 0 1 700px; max-width: 700px !important; width: 100%; }
#edition-text { font-family: Georgia, 'Times New Roman', serif; font-size: 17.5px; line-height: 1.8; color: var(--ink-soft, #39302A); }
#edition-text h2 { font-size: 22px; line-height: 1.3; color: var(--ink); margin: 2em 0 .6em; }
#edition-text h3 { font-size: 18px; color: var(--ink); margin: 1.6em 0 .5em; }
#edition-text p { margin: 0 0 1em; }
#edition-text blockquote { margin: 1em 0 1em 1.2em; padding-left: 1em; border-left: 3px solid var(--desk, #DED5C4); }
#edition-text sup { font-size: .72em; color: var(--ink-mid); }
#edition-text table { border-collapse: collapse; margin: 1em 0; } #edition-text td { border: 1px solid var(--desk, #DED5C4); padding: 4px 8px; }
.tl-pc { flex-basis: 100%; display: block; font-size: 12px; color: var(--ink-mid); margin-top: 3px; } .tl-pc a { color: var(--rust); }
.tl-ll { color: var(--ink-mid); } .tl-nm { border-bottom: 1px dotted var(--rust); }
.tl-pl .entry-edit { display: none; } .weme-admin .tl-pl .entry-edit { display: inline; font-weight: 700; color: var(--rust); }

/* the admin page restyles labels and inputs; keep the layer switches on one line there too */
.tl-layers { align-items: center; }
.tl-layers label { display: inline-flex !important; flex-direction: row !important; align-items: center; gap: 6px; width: auto; margin: 0 !important; font-size: 13px !important; font-weight: 400 !important; color: var(--ink-mid); }
.tl-layers input[type=checkbox] { width: auto !important; height: auto !important; margin: 0 !important; flex: none; }
.tl-layers .tl-nm, .tl-layers .tl-ll { font-weight: 400; }