/* The English text under a note or a variant (see english.js), and the Greek text under a note (see greek.js) */
.enline,.grline{margin:8px 0 12px;font-size:1.02rem;line-height:1.55;color:var(--ink)}
.grline{font-size:1.1rem;line-height:1.6}
.grline .grnote{font-size:.86rem;font-style:italic;line-height:1.4;color:var(--ink-soft);margin:1px 0 0}
.enline .enlab,.grline .grlab{color:var(--ink-soft)}
.enline .ensc{font-variant-caps:all-small-caps;letter-spacing:.04em}
.enline .envn,.grline .envn{font-size:.72em;line-height:0;vertical-align:super;color:var(--ink-soft);margin:0 2px 0 4px}
.enline .enmore,.enline .encopy,.grline .enmore{font:inherit;font-size:.88rem;line-height:1.2;color:var(--rubric);background:transparent;border:1px solid var(--rule);border-radius:3px;padding:.15em .6em;margin-left:8px;cursor:pointer;white-space:nowrap}
.enline .enmore:hover,.enline .encopy:hover,.enline .enmore:focus-visible,.enline .encopy:focus-visible,.grline .enmore:hover,.grline .enmore:focus-visible{border-color:var(--rubric)}
.vd-body .enline{max-width:var(--measure);margin:0 0 22px;font-size:1.1rem}

/* the words a note is about, shaded in the Greek verse */
.grline u.vw{--c:rgba(138,42,30,.2);text-decoration:none;position:relative;isolation:isolate;background:none}
.grline u.vw::before{content:"";position:absolute;left:0;right:0;top:50%;height:1.2em;margin-top:-.52em;background:var(--c);z-index:-1;pointer-events:none;-webkit-print-color-adjust:exact;print-color-adjust:exact}
.grline u.vw.vg{--c:rgba(138,42,30,.09)}
.grline u.vw.vl::before{border-radius:.2em 0 0 .2em}
.grline u.vw.vr::before{border-radius:0 .2em .2em 0}
.grline u.vw.vl.vr::before{border-radius:.2em}

/* the switches that hide the English and the Greek under the notes */
.no-en .enhold,.no-gr .grhold{display:none}
.vtext{margin-top:10px;padding-top:2px;border-top:1px solid var(--rule)}
.no-en.no-gr .vtext{display:none}
.copyhold{margin:0 0 12px}
.copyhold .encopy{font:inherit;font-size:.88rem;line-height:1.2;color:var(--rubric);background:transparent;border:1px solid var(--rule);border-radius:3px;padding:.15em .6em;cursor:pointer;white-space:nowrap}
.copyhold .encopy:hover,.copyhold .encopy:focus-visible{border-color:var(--rubric)}
.copyhold .encopy+.encopy{margin-left:8px}
.tiphint{font-size:.86rem;font-style:italic;line-height:1.4;color:var(--ink-soft);margin:-4px 0 12px}
.sortrow .showen,.sortrow .showgr{display:inline-flex;align-items:center;gap:8px;margin-left:12px;cursor:pointer;color:var(--ink)}
.sortrow .showen input,.sortrow .showgr input{width:20px;height:20px;margin:0;accent-color:var(--rubric)}

/* the switch inside the variant dialog */
.enhold .enswitch{display:inline-flex;align-items:center;gap:6px;margin:0 0 6px;font-size:.95rem;color:var(--ink-soft);cursor:pointer}
.enhold .enswitch input{width:18px;height:18px;margin:0;accent-color:var(--rubric)}
.enhold.en-off .enline{display:none}
.enhold.en-off{margin-bottom:14px}

/* shown under a note until the Greek or the English has arrived */
.ldwait{display:block;margin:8px 0 12px;color:var(--ink-soft);font-size:.95rem;font-style:italic}

/* the word popup (see greek-tip.js) */
.gw{border-radius:2px;cursor:pointer}
/* the word being pointed at: blue text with a thin underline, so the red shading keeps one meaning (the words a note covers) */
.gw:hover,.gw.gw-on{color:#0d47a1;text-decoration:underline;text-decoration-thickness:1.5px;text-underline-offset:3px;background:rgba(13,71,161,.1);box-shadow:0 0 0 3px rgba(13,71,161,.1)}
.gw:hover u.vw,.gw.gw-on u.vw{color:#0d47a1}
.gwtip{position:fixed;z-index:60;box-sizing:border-box;width:max-content;max-width:min(340px,calc(100vw - 16px));max-height:min(70vh,420px);overflow:auto;background:var(--vellum);color:var(--ink);border:1px solid var(--rule);border-top:3px solid var(--rubric);box-shadow:0 6px 18px rgba(0,0,0,.2);padding:10px 14px 12px;font-size:.95rem;line-height:1.45;text-align:left;font-weight:400;font-style:normal}
.gwtip[hidden]{display:none}
.gwtip .gt-word{font-size:1.3rem;line-height:1.3;margin-bottom:4px}
.gwtip .gt-an+.gt-an{margin-top:10px;padding-top:8px;border-top:1px dotted var(--rule)}
.gwtip .gt-num{color:var(--ink-soft);margin-right:8px}
.gwtip .gt-hw{font-size:1.05rem}
.gwtip .gt-gloss{margin:2px 0 4px}
.gwtip .gt-code{font-weight:600;color:var(--rubric)}
.gwtip .gt-soft{color:var(--ink-soft);font-size:.9rem}
.gwtip .gt-count,.gwtip .gt-many,.gwtip .gt-none,.gwtip .gt-load{color:var(--ink-soft);font-size:.9rem;margin-top:4px}

@media (max-width:640px){.sortrow .showen,.sortrow .showgr{margin-left:0;flex:1 1 100%}}