/*  Scoped to .wordstudy.
 *
 *  This stylesheet began as the <style> block of a standalone prototype, so it
 *  set variables on :root and rules on body, a and h1. Dropped into the site
 *  as-is it restyled the header and the footer: eleven of its variables share
 *  names with style.css, and .tag, .pill and .playing are defined in both.
 *
 *  Every selector is therefore prefixed with .wordstudy, and the page's state
 *  attributes (data-depth, data-bab, data-marks, and the rest) live on that
 *  wrapper rather than on <body>. html.dark is left where it is: the theme
 *  switch belongs to the site header, and this page follows it.
 */
.wordstudy{
  --accent:#D4AF37; --main:#707035; --olive:#908F51; --light:#F8F8F2;
  --gray:#D5D9DE; --text:#1c1c1c; --text2:#3d3d3d; --text3:#63635c; --white:#fff; --w:1280px;
  --ff:Verdana,Geneva,sans-serif;
  --fg:"SBL Greek","Noto Sans","Gentium Plus",Georgia,serif;
  --hl-word:#f6e7a6; --hl-amp:#e6dcf5; --amp-ink:#6B46C1; --hl-quote:#fdf3d0;
  --tint-lex:#fcf8e9; --edge-lex:#d9c98a;
  --tint-morph:#f0f4ec; --edge-morph:#a9bd9a;
  --tint-dict:#f1f5f7; --edge-dict:#a3bcc6;
  --tint-topic:#f7f2fb; --edge-topic:#bda8d6;
  --tint-eng:#fbf5ec; --edge-eng:#d3b894;
  --pen-verb:#8b4545; --pen-subj:#7a63ad; --pen-obj:#3c6f8f;
  --pen-rare:#c8791f; --pen-divine:#c9a227; --pen-kw:#4b826e;
}
.wordstudy[data-vdark="1"] .vcard{
  --light:#242420; --gray:#44443c; --text:#ecece2; --text2:#cfcfc6; --text3:#a3a39a;
  --white:#22221e; --hl-word:#5c5220; --hl-amp:#453a5e; --amp-ink:#c9b3f2; --hl-quote:#3a3520;
  --pen-verb:#d49898; --pen-subj:#bda9e6; --pen-obj:#8cc0de;
  --pen-rare:#e8ab42; --pen-divine:#e9c85e; --pen-kw:#8ccbb4;
  background:#22221e;border-color:#44443c}
.wordstudy[data-vdark="1"] .vcard .verse, .wordstudy[data-vdark="1"] .vcard .grkline{color:var(--text)}
.wordstudy[data-vdark="1"] .vcard .bab{color:#b9b9ad}
.wordstudy[data-vdark="1"] .vcard .gl{color:#9a9a8e}
.wordstudy[data-vdark="1"] .vcard .legend .lg>span{color:var(--text)}
.wordstudy[data-vdark="1"] .vcard .legend .lg em{color:var(--text3)}
/* redrawing after the flip keeps the pen colours in step */
html.dark .wordstudy{
  --light:#1a1a1a; --gray:#3f3f3f; --text:#ecece2; --text2:#cfcfc6; --text3:#a3a39a; --white:#1e1e1e;
  --hl-word:#5c5220; --hl-amp:#3f3556; --amp-ink:#B794F4; --hl-quote:#3a3520;
  --tint-lex:#2b2820; --edge-lex:#6d6035;
  --tint-morph:#212620; --edge-morph:#546048;
  --tint-dict:#1f2528; --edge-dict:#4a5c64;
  --tint-topic:#252030; --edge-topic:#5d4f78;
  --tint-eng:#2a231b; --edge-eng:#6b5a40;
  --pen-verb:#c98a8a; --pen-subj:#b49ee0; --pen-obj:#7FB4D4;
  --pen-rare:#e0a030; --pen-divine:#e3c04a; --pen-kw:#7ec0a8;
}
.wordstudy *{box-sizing:border-box}
.wordstudy{margin:0;background:var(--light);color:var(--text);font-family:var(--ff);line-height:1.55}
/* --olive measures 3.16 on the page's own background; --main is the darker of
   the pair and clears 4.5. In dark mode --main is lifted, so links follow. */
.wordstudy a{color:var(--main)}
.wordstudy .wrap{max-width:var(--w);margin:0 auto;padding:0 20px 70px}
.wordstudy .top{background:var(--white);border-bottom:1px solid var(--gray)}
.wordstudy .top-in{max-width:var(--w);margin:0 auto;padding:12px 20px;display:flex;align-items:center;gap:14px}
.wordstudy .brand{font-weight:700;color:var(--main);font-size:.95rem}
.wordstudy .crumb{font-size:.78rem;color:var(--text3)}
.wordstudy .spacer{flex:1}
.wordstudy .mode{border:1px solid var(--gray);background:var(--white);color:var(--text2);border-radius:6px;
  padding:5px 11px;font:inherit;font-size:.76rem;cursor:pointer}
.wordstudy .head{display:flex;align-items:flex-end;gap:14px;flex-wrap:wrap;margin:22px 0 2px}
.wordstudy h1{font-size:1.8rem;font-weight:600;margin:0}
.wordstudy .head .sub{font-size:.8rem;color:var(--text3);padding-bottom:5px}

.wordstudy .bar{background:var(--white);border:1px solid var(--gray);border-radius:8px;padding:11px 15px;
  margin-top:14px;display:flex;gap:22px;align-items:center;flex-wrap:wrap}
.wordstudy .bar-l{font-size:.66rem;text-transform:uppercase;letter-spacing:.1em;color:var(--text3);font-weight:700}
.wordstudy .seg{display:flex;border:1px solid var(--gray);border-radius:6px;overflow:hidden}
.wordstudy .seg button{border:0;background:var(--white);padding:7px 18px;font:inherit;font-size:.8rem;
  cursor:pointer;color:var(--text2);border-right:1px solid var(--gray);display:inline-flex;
  align-items:center;gap:6px}
.wordstudy .seg button:last-child{border-right:0}
.wordstudy .seg button[aria-pressed="true"]{background:var(--main);color:#fff;font-weight:700}
.wordstudy .star{color:var(--accent);font-size:.9rem;line-height:1}
.wordstudy .seg button[aria-pressed="true"] .star{color:#F5DE8A}
.wordstudy .toggle{display:inline-flex;align-items:center;gap:9px;font-size:.79rem;color:var(--text2);
  cursor:pointer;background:none;border:0;padding:0;font-family:inherit}
.wordstudy .sw{width:34px;height:19px;border-radius:999px;background:var(--gray);position:relative;
  transition:background .15s;flex:none}
.wordstudy .sw::after{content:"";position:absolute;top:2px;left:2px;width:15px;height:15px;border-radius:50%;
  background:#fff;transition:transform .15s;box-shadow:0 1px 2px rgba(0,0,0,.25)}
.wordstudy .toggle[aria-pressed="true"]{color:var(--main);font-weight:700}
.wordstudy .toggle[aria-pressed="true"] .sw{background:var(--olive)}
.wordstudy .toggle[aria-pressed="true"] .sw::after{transform:translateX(15px)}
.wordstudy .layers{display:flex;flex-wrap:wrap;gap:7px;margin-top:10px}
.wordstudy .chip{display:inline-flex;align-items:center;gap:7px;border:1px solid var(--gray);background:var(--white);
  border-radius:6px;padding:6px 11px 6px 9px;font-size:.77rem;cursor:pointer;color:var(--text3);
  font-family:inherit}
.wordstudy .chip .tick{width:13px;text-align:center;font-size:.85rem;line-height:1;color:transparent;flex:none}
.wordstudy .chip[aria-pressed="true"]{border-color:var(--olive);background:rgba(144,143,81,.10);
  color:var(--main);font-weight:700}
.wordstudy .chip[aria-pressed="true"] .tick{color:var(--main)}
.wordstudy .chip.adv, .wordstudy .greek-only{display:none}
.wordstudy[data-depth="3"] .chip.adv{display:inline-flex}
.wordstudy[data-depth="3"] .greek-only{display:inline-flex}

.wordstudy .vcard{background:var(--white);border:1px solid var(--gray);border-radius:8px;margin-top:13px;
  padding:34px 40px 22px;position:relative}
.wordstudy .vcard::before{content:"";position:absolute;inset:0 0 auto 0;height:3px;
  background:linear-gradient(90deg,var(--accent),var(--olive));border-radius:8px 8px 0 0}
.wordstudy .grkline{font-family:var(--fg);font-size:1.2rem;color:var(--text2);line-height:2.05;margin:0 0 18px;display:none}
.wordstudy[data-grkline="1"] .grkline{display:block}
.wordstudy .grkline span{padding:2px 5px;border-radius:4px;cursor:pointer}
.wordstudy .grkline span:hover, .wordstudy .grkline span.sel{background:var(--hl-word)}
.wordstudy #pen{position:absolute;left:0;top:0;pointer-events:none;z-index:4}
.wordstudy .verse{font-size:1.5rem;line-height:2.5;margin:0;position:relative;z-index:2}
.wordstudy[data-gloss="1"] .verse{line-height:3.35}
@media(max-width:860px){.wordstudy .verse{font-size:1.2rem;line-height:2.45}.wordstudy .vcard{padding:24px 18px}}
.wordstudy .unit{display:inline;white-space:nowrap}
.wordstudy .wwrap{display:inline-block;position:relative}
.wordstudy .w{display:inline-block;line-height:1.22;padding:2px 4px 1px;border-radius:4px;cursor:pointer;transition:background .12s}
.wordstudy .w:hover{background:var(--hl-word)}
.wordstudy .unit.sel .w{background:var(--hl-word)}
.wordstudy .gl{display:none;position:absolute;left:50%;transform:translateX(-50%);top:100%;margin-top:1px;
  white-space:nowrap;font-size:.44em;color:var(--text3);font-style:italic;line-height:1.2;pointer-events:none}
.wordstudy[data-gloss="1"] .gl{display:block}
.wordstudy .bab{display:inline-block;line-height:1.22;padding:2px 4px 1px;border-radius:4px;cursor:pointer;color:var(--text3);
  transition:background .12s,color .12s}
.wordstudy[data-bab="0"] .bab{display:none}
.wordstudy .bab:hover{background:var(--hl-amp);color:var(--amp-ink)}
.wordstudy .unit.sel .bab{background:var(--hl-amp);color:var(--amp-ink)}
.wordstudy .sym{display:inline-block;font-size:.74em;line-height:1;vertical-align:.08em;font-weight:700}
.wordstudy .sym.before{margin-right:1px}.wordstudy .sym.after{margin-left:1px}
.wordstudy .sym[data-k="rare"]{color:var(--pen-rare);font-size:.86em;vertical-align:0}
.wordstudy .sym[data-k="aorist"], .wordstudy .sym[data-k="perfect"], .wordstudy .sym[data-k="present"], .wordstudy .sym[data-k="imperfect"]{color:var(--pen-verb)}
.wordstudy .sym[data-k="divine"]{color:var(--pen-divine);font-size:.8em}
.wordstudy .sym[data-k="fronted"]{color:var(--main)}
.wordstudy[data-syms="0"] .sym{display:none}
.wordstudy[data-rare="0"] .sym[data-k="rare"], .wordstudy[data-asp="0"] .sym[data-k="aorist"], .wordstudy[data-asp="0"] .sym[data-k="perfect"], .wordstudy[data-asp="0"] .sym[data-k="present"], .wordstudy[data-asp="0"] .sym[data-k="imperfect"], .wordstudy[data-divine="0"] .sym[data-k="divine"], .wordstudy[data-order="0"] .sym[data-k="fronted"]{display:none}
.wordstudy[data-focus="1"] .unit{opacity:.3;transition:opacity .18s}
.wordstudy[data-focus="1"] .unit.sel, .wordstudy[data-focus="1"] .unit.agree{opacity:1}
.wordstudy .stepper{display:flex;align-items:center;gap:9px;margin-top:24px;font-size:.78rem;color:var(--text3)}
.wordstudy .stepper button{border:1px solid var(--gray);background:var(--white);color:var(--text2);width:31px;
  height:31px;border-radius:6px;cursor:pointer;font:inherit}
.wordstudy .stepper button:hover{border-color:var(--accent);color:var(--main)}
.wordstudy .kbd{border:1px solid var(--gray);border-radius:4px;padding:1px 5px;font-size:.68rem}
.wordstudy .legend{display:flex;gap:16px;flex-wrap:wrap;margin-top:16px;padding-top:14px;border-top:1px solid var(--gray)}
.wordstudy .lg{display:inline-flex;align-items:center;gap:7px;font-size:.77rem;color:var(--text2);font-weight:600}
.wordstudy .lg svg{display:block;flex:none}
.wordstudy .lg .g{font-size:1.05rem;font-weight:700;line-height:1;width:15px;text-align:center}
.wordstudy .lg em{font-style:normal;font-weight:400;color:var(--text3)}

/* ── the two panels: plain headers, no colour bar ─────────────────────── */
.wordstudy .cols{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:16px;align-items:start}
@media(max-width:980px){.wordstudy .cols{grid-template-columns:1fr}}
.wordstudy .card{background:var(--white);border:1px solid var(--gray);border-radius:8px;overflow:hidden}
.wordstudy .card-h{padding:12px 16px 10px;font-size:.92rem;font-weight:700;color:var(--text);
  display:flex;justify-content:space-between;align-items:baseline;gap:10px;
  border-bottom:1px solid var(--gray)}
.wordstudy .card-h .of{font-size:.72rem;font-weight:400;color:var(--text3)}
.wordstudy .tabs{display:flex;flex-wrap:wrap;border-bottom:1px solid var(--gray);background:var(--light)}
.wordstudy .tabs button{border:0;background:none;font:inherit;font-size:.74rem;padding:10px 12px;cursor:pointer;
  color:var(--text2);border-bottom:2px solid transparent}
.wordstudy .tabs button[aria-selected="true"]{color:var(--main);font-weight:700;border-bottom-color:var(--accent);
  background:var(--white)}
.wordstudy .tabs button.adv{display:none}
.wordstudy[data-depth="3"] .tabs button.adv{display:block}
.wordstudy .pane{padding:18px}
.wordstudy .pane[hidden]{display:none}
.wordstudy .pane p{margin:0 0 12px;font-size:.92rem;line-height:1.75}
.wordstudy .grk{font-family:var(--fg)}
.wordstudy .quick{padding:14px 16px}
.wordstudy .qrow{display:flex;gap:12px;padding:9px 0;border-bottom:1px solid var(--gray)}
.wordstudy .qrow:last-child{border:0;padding-bottom:0}
.wordstudy .qk{font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;color:var(--main);font-weight:700;
  min-width:92px;padding-top:2px}
.wordstudy .qv{font-size:1.02rem;color:var(--text);line-height:1.75}
.wordstudy .cl{font-size:1.02rem;padding:6px 0 6px 13px;border-left:3px solid var(--gray);color:var(--text2);
  margin-bottom:4px}
.wordstudy .cl b{color:var(--main);font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;display:block;
  font-weight:700;margin-bottom:1px}
.wordstudy .cl.main{border-left-color:var(--pen-verb)}
.wordstudy .cl.sub1{border-left-color:var(--pen-obj);margin-left:20px}
.wordstudy .cl.sub2{border-left-color:var(--pen-kw);margin-left:40px}

/* word panel: everything about identity on one line */
.wordstudy .pw-line{display:flex;align-items:baseline;gap:9px;flex-wrap:wrap;margin:0 0 4px}
.wordstudy .pw-line .g{font-family:var(--fg);font-size:1.6rem;line-height:1.2}
.wordstudy .pw-line .tr{color:var(--main);font-style:italic;font-size:1rem}
.wordstudy .pw-line .sid{font-size:.72rem;color:var(--main);font-weight:700;text-decoration:none;
  border:1px solid var(--gray);border-radius:4px;padding:2px 7px}
.wordstudy .pw-line .pos{font-size:.8rem;color:var(--text3)}
.wordstudy .tag{display:inline-block;font-size:.68rem;border:1px solid var(--gray);border-radius:4px;padding:2px 7px;
  color:var(--text2);margin:0 4px 4px 0;background:var(--light)}
.wordstudy .ampbox{background:var(--hl-amp);border-left:3px solid var(--amp-ink);padding:12px 14px;margin:14px 0;
  border-radius:0 8px 8px 0;transition:box-shadow .2s}
.wordstudy .ampbox.flash{box-shadow:0 0 0 3px rgba(107,70,193,.35)}
.wordstudy .ampbox .l{font-size:.62rem;text-transform:uppercase;letter-spacing:.1em;color:var(--amp-ink);
  font-weight:700;margin-bottom:3px}
.wordstudy .ampbox .t{font-size:1.06rem;font-style:italic}
.wordstudy .plain{background:rgba(212,175,55,.10);border-left:3px solid var(--accent);padding:12px 14px;
  margin:14px 0;border-radius:0 8px 8px 0}
.wordstudy .plain .l{font-size:.62rem;text-transform:uppercase;letter-spacing:.1em;color:var(--main);
  font-weight:700;margin-bottom:3px}
.wordstudy .plain .t{font-size:1.06rem;line-height:1.8}
.wordstudy h4.sec{font-size:.7rem;text-transform:uppercase;letter-spacing:.11em;color:var(--text3);
  margin:18px 0 8px;padding-top:13px;border-top:1px solid var(--gray);font-weight:700}
.wordstudy .gram{font-size:1.02rem;background:var(--light);border-radius:6px;padding:12px 14px;line-height:1.8}
.wordstudy .gram b{color:var(--main)}
.wordstudy dl.kv{display:grid;grid-template-columns:100px 1fr;gap:6px 10px;font-size:.98rem;margin:10px 0 0}
.wordstudy dl.kv dt{color:var(--text3)}.wordstudy dl.kv dd{margin:0}
.wordstudy .btns{display:flex;gap:7px;flex-wrap:wrap;margin-top:14px}
.wordstudy .btn{font-size:.75rem;padding:7px 11px;border:1px solid var(--gray);border-radius:6px;
  text-decoration:none;color:var(--text2);background:var(--white);cursor:pointer;font-family:inherit}
.wordstudy .btn:hover{border-color:var(--accent);color:var(--main)}
.wordstudy .occ{display:block;padding:10px;border-bottom:1px solid var(--gray);text-decoration:none;color:inherit}
.wordstudy .occ:hover{background:rgba(212,175,55,.07)}
.wordstudy .occ .ref{font-size:.73rem;color:var(--main);font-weight:700}
.wordstudy .occ .txt{font-size:.9rem;color:var(--text2);margin-top:3px}
.wordstudy .occ mark{background:var(--hl-word);color:inherit;padding:0 3px;border-radius:3px}
.wordstudy .occ.here{background:rgba(144,143,81,.07)}
.wordstudy .lexrow{border-bottom:1px solid var(--gray);padding:11px 0}
.wordstudy .lexrow:last-of-type{border:0}
.wordstudy .lexname{font-size:.72rem;text-transform:uppercase;letter-spacing:.09em;color:var(--main);font-weight:700}
.wordstudy .lexbody{font-size:1.02rem;color:var(--text);margin-top:4px;line-height:1.8}
.wordstudy .cmp, .wordstudy .para{width:100%;border-collapse:collapse;font-size:.85rem}
.wordstudy .cmp td, .wordstudy .para td{padding:8px 9px;border-bottom:1px solid var(--gray);vertical-align:top;font-size:1rem;line-height:1.7}
.wordstudy .cmp td:first-child{color:var(--main);font-weight:700;width:60px;font-size:.72rem}
.wordstudy .para th{text-align:left;font-size:.62rem;text-transform:uppercase;letter-spacing:.08em;
  color:var(--text3);padding:5px 8px;border-bottom:1px solid var(--gray)}
.wordstudy .para td:first-child{font-family:var(--fg);font-size:.95rem}
.wordstudy .note{font-size:.73rem;color:var(--text3);border-top:1px solid var(--gray);padding-top:11px;margin-top:6px}

/* ── full-width study notes ───────────────────────────────────────────── */
.wordstudy .notes{background:var(--white);border:1px solid var(--gray);border-radius:8px;margin-top:22px;
  padding:26px 34px 34px}
.wordstudy .notes-h{display:flex;align-items:center;gap:14px;flex-wrap:wrap;
  border-bottom:1px solid var(--gray);padding-bottom:14px;margin-bottom:18px}
.wordstudy .notes-h h2{font-size:1.35rem;font-weight:600;margin:0;flex:1}
.wordstudy .jump{background:var(--light);border:1px solid var(--gray);border-radius:8px;padding:13px 16px;
  display:flex;flex-wrap:wrap;gap:9px 20px;margin-bottom:26px}
.wordstudy .jump a{font-size:.83rem;color:var(--main);text-decoration:none}
.wordstudy .jump a:hover{text-decoration:underline;color:var(--main)}
.wordstudy .sn{padding-top:8px;margin-bottom:34px}
.wordstudy .sn h3{font-size:1.28rem;font-weight:600;margin:0 0 12px;color:var(--text)}
.wordstudy .sn h3 span{color:var(--text3);font-weight:400;font-size:.86rem}
.wordstudy .sn p{font-size:1.04rem;line-height:1.85;margin:0 0 14px}
.wordstudy .sn hr{border:0;border-top:1px solid var(--gray);margin:30px 0 0}
.wordstudy .ctx{border-left:3px solid transparent;padding:4px 0 4px 12px;margin-bottom:6px;font-size:.98rem}
.wordstudy .ctx b{color:var(--main);font-size:.72rem;vertical-align:super;margin-right:4px}
.wordstudy .ctx.this{background:var(--hl-quote);border-left-color:var(--accent)}
.wordstudy[data-quotes="0"] .ctx.this{background:none;border-left-color:transparent}
.wordstudy[data-quotes="0"] .qhl{background:none}
.wordstudy .qhl{background:var(--hl-quote);border-radius:2px;padding:0 2px}
.wordstudy .xr{width:100%;border-collapse:collapse;font-size:.92rem}
.wordstudy .xr th{text-align:left;font-size:.63rem;text-transform:uppercase;letter-spacing:.08em;color:var(--text3);
  padding:7px 10px;border-bottom:1px solid var(--gray);font-weight:700}
.wordstudy .xr td{padding:11px 10px;border-bottom:1px solid var(--gray);vertical-align:top;line-height:1.7}
.wordstudy .xr td:first-child{color:var(--text3);width:34px}
.wordstudy .xr td:nth-child(2){width:150px}
.wordstudy .xr a{font-weight:600;text-decoration:none}
.wordstudy .faq{border-bottom:1px solid var(--gray);padding:14px 0}
.wordstudy .faq:last-of-type{border:0}
.wordstudy .faq b{display:block;font-size:1.04rem;margin-bottom:5px;color:var(--text)}
.wordstudy .faq p{margin:0;color:var(--text2)}
.wordstudy .rq{counter-reset:rq;padding-left:0;list-style:none;margin:0}
.wordstudy .rq li{counter-increment:rq;position:relative;padding:9px 0 9px 34px;font-size:.95rem;
  border-bottom:1px solid var(--gray);color:var(--text2)}
.wordstudy .rq li:last-child{border:0}
.wordstudy .rq li::before{content:counter(rq);position:absolute;left:0;top:9px;width:22px;height:22px;
  border-radius:50%;background:var(--light);border:1px solid var(--gray);color:var(--main);
  font-size:.72rem;font-weight:700;display:flex;align-items:center;justify-content:center}
.wordstudy .comm{background:var(--light);border-left:3px solid var(--olive);padding:14px 16px;border-radius:0 8px 8px 0}
.wordstudy .comm .src{font-size:.68rem;text-transform:uppercase;letter-spacing:.09em;color:var(--main);
  font-weight:700;margin-bottom:5px}
.wordstudy .comm p{font-size:.92rem;margin:0 0 10px}
.wordstudy .slot{font-size:.85rem;color:var(--text3);font-style:italic}
.wordstudy .cmgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:8px}
.wordstudy .cmlink{display:flex;justify-content:space-between;align-items:baseline;gap:10px;
  padding:10px 13px;border:1px solid var(--gray);border-radius:7px;text-decoration:none;
  background:var(--white)}
.wordstudy .cmlink:hover{border-color:var(--accent);background:rgba(212,175,55,.06)}
.wordstudy .cmlink .nm{font-size:1rem;color:var(--text);font-weight:600}
.wordstudy .cmlink .go{font-size:.72rem;color:var(--main);white-space:nowrap}

/* ── per-word lexicon dossiers ─────────────────────────────────────────── */
.wordstudy .dossier{border-top:2px solid var(--gray);padding:26px 0 10px}
.wordstudy .dossier:first-child{border-top:0;padding-top:6px}
/* the whole verse, ghosted, with only this word lit — so you never lose your
   place while reading twenty lexicon entries about one word */
/* The verse above each dossier: no panel, no background — just the sentence
   ghosted back so the word under study stands out of it. Every other word is
   live: hover to see it, click to jump to its own dossier, so the verse itself
   becomes the navigation between the eleven sections. */
.wordstudy .ghost{font-size:1.12rem;line-height:1.95;color:var(--text);margin:0 0 18px;
  padding:0;background:none}
.wordstudy .ghost .q{opacity:.14;font-size:1.3rem;line-height:0;vertical-align:-.1em}
.wordstudy .ghost span.gw{opacity:.10;transition:opacity .14s,background .14s;cursor:pointer;
  border-radius:4px;padding:1px 3px}
.wordstudy .ghost span.gw:hover{opacity:.72;background:var(--hl-word)}
.wordstudy .ghost span.gw.on{opacity:1;font-weight:700;background:var(--hl-word);padding:1px 5px}
.wordstudy .dossier-h{display:flex;align-items:baseline;gap:11px;flex-wrap:wrap;margin-bottom:6px}
.wordstudy .dossier-h .g{font-family:var(--fg);font-size:1.75rem;line-height:1.2}
.wordstudy .dossier-h .tr{font-style:italic;color:var(--main);font-size:.95rem}
.wordstudy .dossier-h .en{font-weight:700;font-size:1.05rem}
.wordstudy .dossier-h .sid{font-size:.72rem;color:var(--main);font-weight:700;border:1px solid var(--gray);
  border-radius:5px;padding:3px 8px;text-decoration:none}
.wordstudy .dossier-h .pos{font-size:.75rem;color:var(--text3)}
.wordstudy .grp{margin-top:26px}
.wordstudy .grp>.t{font-size:.72rem;text-transform:uppercase;letter-spacing:.11em;color:var(--main);
  font-weight:700;padding-bottom:6px;border-bottom:1px solid var(--gray);margin-bottom:11px;
  display:flex;justify-content:space-between;align-items:baseline}
.wordstudy .grp>.t em{font-style:normal;color:var(--text3);font-weight:400;letter-spacing:0;
  text-transform:none;font-size:.8rem}
.wordstudy .lexgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:11px}
/* The reference works are what a pastor actually sits and reads, so they get
   study-sized type, a pale box each so the eye can find its place, and two
   columns — long entries opt out of the second column by going full width. */
.wordstudy .entgrid{display:grid;gap:14px 18px}
.wordstudy .entgrid.two{grid-template-columns:repeat(auto-fit,minmax(420px,1fr))}
@media(max-width:940px){.wordstudy .entgrid.two{grid-template-columns:1fr}}
.wordstudy .ent{padding:15px 18px 16px;border-radius:8px;background:var(--tint-lex);
  border:1px solid var(--gray);border-left:4px solid var(--edge-lex)}
.wordstudy .grp.morph .ent{background:var(--tint-morph);border-left-color:var(--edge-morph)}
.wordstudy .grp.dict  .ent{background:var(--tint-dict);border-left-color:var(--edge-dict)}
.wordstudy .grp.topic .ent{background:var(--tint-topic);border-left-color:var(--edge-topic)}
.wordstudy .grp.eng   .ent{background:var(--tint-eng);border-left-color:var(--edge-eng)}
.wordstudy .ent.wide{grid-column:1/-1}
.wordstudy .ent .en{font-size:.86rem;font-weight:700;color:var(--main);margin-bottom:8px;
  padding-bottom:7px;border-bottom:1px solid rgba(0,0,0,.07);
  display:flex;justify-content:space-between;gap:12px;align-items:baseline}
html.dark .wordstudy .ent .en{border-bottom-color:rgba(255,255,255,.09)}
.wordstudy .ent .en em{font-style:normal;font-weight:400;color:var(--text3);font-size:.72rem;
  white-space:nowrap}
.wordstudy .ent .eb{font-size:1.06rem;line-height:1.85;color:var(--text)}
.wordstudy .ent.pending{background:none;border:1px dashed var(--gray);border-left:1px dashed var(--gray)}
.wordstudy .ent.pending .eb{color:var(--text3);font-style:italic;font-size:.95rem}
.wordstudy .ent .eb p{margin:0 0 11px}
.wordstudy .ent .eb p:last-child{margin-bottom:0}
.wordstudy .ent .eb .more a{font-size:.9rem;color:var(--main);text-decoration:none;
  border-bottom:1px dotted var(--olive)}
.wordstudy .credits{margin:32px 0 0;padding:16px 0 0;border-top:1px solid var(--gray);
  font-size:.88rem;line-height:1.8;color:var(--text3)}
.wordstudy .credits b{color:var(--main);font-weight:700}
.wordstudy .credits i{font-style:normal;color:var(--text3);opacity:.85}
.wordstudy .ent .eb code{font-size:.95rem;background:var(--light);padding:1px 5px;border-radius:3px}
.wordstudy .grk-mix{font-family:var(--ff),var(--fg),Georgia,serif}
.wordstudy .lexcell{background:var(--hl-quote);border-radius:8px;padding:14px 16px;
  border:1px solid var(--gray);border-left:4px solid var(--edge-lex)}
.wordstudy .lexcell.pending{background:none;border:1px dashed var(--gray)}
.wordstudy .lexcell .n{font-size:.72rem;text-transform:uppercase;letter-spacing:.09em;color:var(--main);
  font-weight:700;margin-bottom:5px;display:flex;justify-content:space-between;gap:8px;align-items:baseline}
.wordstudy .lexcell .n em{font-style:normal;font-weight:400;color:var(--text3);font-size:.62rem;letter-spacing:0;
  text-transform:none}
.wordstudy .lexcell .b{font-size:1.02rem;color:var(--text);line-height:1.8}
.wordstudy .lexcell.pending .b{color:var(--text3);font-style:italic;font-size:.83rem}
.wordstudy .lexcell .b a{white-space:nowrap}
.wordstudy .wordnav{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 22px}
.wordstudy .wordnav a{font-size:.92rem;border:1px solid var(--gray);border-radius:6px;padding:5px 10px;
  text-decoration:none;color:var(--text2);background:var(--white)}
.wordstudy .wordnav a:hover{border-color:var(--accent);color:var(--main)}
.wordstudy .wordnav a .gk{font-family:var(--fg)}

/* ── the card that sits on the by-verse page, above Study Highlights ──── */
.wordstudy .promo-demo{margin-top:26px}
.wordstudy .promo-demo>h2{font-size:1rem;font-weight:700;color:var(--text3);text-transform:uppercase;
  letter-spacing:.1em;margin:0 0 4px}
.wordstudy .promo-demo>p.n{font-size:.8rem;color:var(--text3);margin:0 0 14px}
.wordstudy .promo{max-width:420px;background:linear-gradient(170deg,#fbf9ef,#f3efdd);
  border:1px solid rgba(144,143,81,.34);border-radius:12px;padding:18px 20px 20px;
  box-shadow:0 2px 10px rgba(90,85,45,.07)}
html.dark .wordstudy .promo{background:linear-gradient(170deg,#262620,#20201a);border-color:#4a4835}
.wordstudy .promo-mock{background:var(--white);border:1px solid rgba(144,143,81,.22);border-radius:9px;
  padding:11px 13px;margin-bottom:14px}
html.dark .wordstudy .promo-mock{background:#1b1b16}
.wordstudy .promo-mock .lbl{font-size:.58rem;text-transform:uppercase;letter-spacing:.13em;color:var(--olive);
  font-weight:700;margin-bottom:8px}
.wordstudy .promo-mock .verse-mini{font-size:.9rem;line-height:1.9}
.wordstudy .promo-mock .verse-mini .hw{background:var(--hl-word);border-radius:3px;padding:0 3px}
.wordstudy .promo-mock .verse-mini .hb{background:var(--hl-amp);color:var(--amp-ink);border-radius:3px;padding:0 3px}
.wordstudy .promo-mock .verse-mini u{text-decoration-thickness:2.5px;text-underline-offset:4px;
  text-decoration-color:var(--pen-verb)}
.wordstudy .pill{display:inline-block;font-size:.6rem;text-transform:uppercase;letter-spacing:.12em;
  font-weight:700;color:var(--main);background:rgba(144,143,81,.16);
  border:1px solid rgba(144,143,81,.3);border-radius:999px;padding:4px 11px;margin-bottom:10px}
.wordstudy .pill i{font-style:normal;color:var(--accent)}
.wordstudy .promo h3{font-size:1.34rem;font-weight:700;margin:0 0 8px;line-height:1.3}
.wordstudy .promo h3 em{font-style:italic;color:var(--olive);font-weight:700}
.wordstudy .promo p{font-size:.86rem;color:var(--text2);line-height:1.65;margin:0 0 15px}
.wordstudy .promo .cta{display:inline-flex;align-items:center;gap:8px;background:var(--accent);color:#2b2708;
  font-weight:700;font-size:.86rem;text-decoration:none;border-radius:8px;padding:11px 18px}
.wordstudy .promo .cta:hover{background:#e0bd48}
.wordstudy .promo .meta{font-size:.71rem;color:var(--text3);margin:12px 0 0}

/* ── tooltips ───────────────────────────────────────────────────────────
   A translucent light-brown card in the same family as the buttons, blurred
   just enough that the page shows through it. Native title= tooltips are
   slow, unstyleable and invisible on touch, so every control carries
   data-tip instead. */
.wordstudy [data-tip]{position:relative}
.wordstudy [data-tip]::after{content:attr(data-tip);position:absolute;left:50%;bottom:calc(100% + 9px);
  transform:translateX(-50%) translateY(4px);width:max-content;max-width:270px;
  background:rgba(243,238,222,.88);color:#3b3a29;border:1px solid rgba(144,143,81,.45);
  border-radius:7px;padding:8px 11px;font-size:.74rem;font-weight:400;line-height:1.5;
  letter-spacing:0;text-transform:none;text-align:left;
  box-shadow:0 5px 16px rgba(80,75,40,.16);backdrop-filter:blur(3px);
  opacity:0;pointer-events:none;transition:opacity .16s ease,transform .16s ease;z-index:60}
.wordstudy [data-tip]::before{content:"";position:absolute;left:50%;bottom:calc(100% + 4px);
  transform:translateX(-50%) translateY(4px);border:5px solid transparent;
  border-top-color:rgba(243,238,222,.88);opacity:0;transition:opacity .16s ease,transform .16s ease;z-index:61}
.wordstudy [data-tip]:hover::after, .wordstudy [data-tip]:focus-visible::after, .wordstudy [data-tip]:hover::before, .wordstudy [data-tip]:focus-visible::before{opacity:1;transform:translateX(-50%) translateY(0)}
html.dark .wordstudy [data-tip]::after{background:rgba(58,54,38,.9);color:#e8e4d4;border-color:rgba(180,175,120,.35)}
html.dark .wordstudy [data-tip]::before{border-top-color:rgba(58,54,38,.9)}

.wordstudy .lexw{border-top:1px solid var(--gray);padding:20px 0 6px}
.wordstudy .lexw:first-child{border-top:0}
.wordstudy .lexw-h{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;margin-bottom:10px}
.wordstudy .lexw-h .g{font-family:var(--fg);font-size:1.4rem}
.wordstudy .lexw-h .tr{font-style:italic;color:var(--main);font-size:.88rem}
.wordstudy .lexw-h .en{font-weight:700}
.wordstudy .lexw-h .sid{font-size:.7rem;color:var(--main);font-weight:700;border:1px solid var(--gray);
  border-radius:4px;padding:2px 7px;text-decoration:none}
.wordstudy .lexw-h .pos{font-size:.72rem;color:var(--text3)}
.wordstudy .lexgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:12px}
.wordstudy .lexcell{background:var(--light);border-radius:6px;padding:11px 13px}
.wordstudy .lexcell .n{font-size:.64rem;text-transform:uppercase;letter-spacing:.09em;color:var(--main);
  font-weight:700;margin-bottom:4px}
.wordstudy .lexcell .b{font-size:1.04rem;color:var(--text);line-height:1.8}
.wordstudy .wl-row{cursor:pointer}
.wordstudy .wl-row:hover{background:rgba(212,175,55,.08)}
.wordstudy .wl-row.on{background:rgba(144,143,81,.10)}

/* the verse stepper, up beside the title where the eye starts */
.wordstudy .head{display:flex;align-items:baseline;gap:14px;flex-wrap:wrap}
.wordstudy .vnav{margin-left:auto;display:flex;align-items:center;gap:12px;font-size:.86rem}
.wordstudy .vnav .first{color:var(--text3)}
.wordstudy .vnav .vn{color:var(--main);font-weight:700;text-decoration:none;border:1px solid var(--gray);
  border-radius:6px;padding:6px 12px;background:var(--white)}
.wordstudy .vnav .vn:hover{border-color:var(--accent)}
.wordstudy .vnav .wstep{display:flex;align-items:center;gap:7px;padding-left:12px;
  border-left:1px solid var(--gray);color:var(--text3);font-size:.8rem}
.wordstudy .vnav .wstep button{font:inherit;font-size:.9rem;cursor:pointer;background:var(--white);
  border:1px solid var(--gray);border-radius:5px;padding:3px 9px;color:var(--text2)}
.wordstudy .vnav .wstep button:hover{border-color:var(--accent);color:var(--main)}

/* legend: mark and name only — the sentence is in the tooltip */
.wordstudy .legend .lg>span{font-weight:700;font-size:.84rem;color:var(--text)}
.wordstudy .legend .lg{cursor:help}
.wordstudy[data-syms="0"] .legend .lg.sym{display:none}
.wordstudy[data-marks="0"] .legend .lg:not(.sym){display:none}

/* which word am I inside? */
.wordstudy .dossier{transition:background .25s,box-shadow .25s;border-radius:10px;
  padding:18px 20px;margin:0 -20px}
.wordstudy .dossier.here{background:rgba(212,175,55,.045);box-shadow:inset 3px 0 0 var(--accent)}
html.dark .wordstudy .dossier.here{background:rgba(212,175,55,.07)}

/* the amplified reading and the plain sense, highlighted as they are up top */
.wordstudy .lexcell.amp{background:var(--hl-amp);border-left-color:var(--amp-ink)}
.wordstudy .lexcell.amp .b{color:var(--amp-ink);font-style:italic;font-weight:600}
.wordstudy .lexcell.mean{background:var(--hl-quote);border-left-color:var(--accent)}

/* long entries read as two columns of prose */
.wordstudy .halves{display:grid;grid-template-columns:1fr 1fr;gap:0 34px;position:relative}
.wordstudy .halves:before{content:"";position:absolute;left:50%;top:2px;bottom:2px;
  border-left:1px solid var(--gray)}
@media(max-width:940px){.wordstudy .halves{grid-template-columns:1fr}.wordstudy .halves:before{display:none}}
.wordstudy .half>p:first-child{margin-top:0}
.wordstudy .sn-mk{display:inline-block;font-size:.72rem;font-weight:700;color:var(--main);
  background:var(--light);border:1px solid var(--gray);border-radius:5px;
  padding:1px 6px;margin-right:5px;vertical-align:1px}
.wordstudy .sref{color:var(--main);text-decoration:none;border-bottom:1px dotted var(--olive);
  white-space:nowrap}
.wordstudy .sref:hover{background:var(--hl-quote);border-bottom-style:solid}

/* the Greek editions, side by side */
.wordstudy .vardemo{border:1px dashed var(--olive);border-radius:9px;padding:16px 18px;margin:4px 0 16px;
  background:var(--white)}
.wordstudy .vd-h{font-weight:700;color:var(--main);font-size:.95rem;margin-bottom:10px}
.wordstudy .vd-h em{font-style:normal;font-weight:400;color:var(--text3);font-size:.8rem}
.wordstudy .vd-row{display:flex;gap:14px;align-items:baseline;margin-bottom:6px;flex-wrap:wrap}
.wordstudy .vd-nm{flex:0 0 170px;font-size:.78rem;font-weight:700;color:var(--text3);
  text-transform:uppercase;letter-spacing:.06em}
.wordstudy .vd-row .gt{font-size:1.08rem;line-height:1.9;margin:0;flex:1;min-width:300px}
.wordstudy .cnote{font-size:.95rem;line-height:1.8;color:var(--text2);margin:2px 0 10px}
.wordstudy .cgrid, .wordstudy .cf-rest{display:grid;grid-template-columns:repeat(auto-fit,minmax(420px,1fr));gap:0 34px}
@media(max-width:940px){.wordstudy .cgrid, .wordstudy .cf-rest{grid-template-columns:1fr}}
.wordstudy .cf-more{font:inherit;font-size:.85rem;font-weight:700;color:var(--main);background:none;
  border:1px solid var(--gray);border-radius:7px;padding:8px 16px;margin-top:12px;cursor:pointer}
.wordstudy .cf-more:hover{border-color:var(--accent)}
.wordstudy .cbook{position:relative;display:inline-block;min-width:86px;padding:4px 10px;overflow:hidden}
.wordstudy .cb-bar{position:absolute;left:0;top:0;bottom:0;background:rgba(144,143,81,.16);border-radius:6px}
.wordstudy .cb-t{position:relative}
.wordstudy .varmap{border:1px solid var(--gray);border-left:4px solid var(--accent);border-radius:9px;
  padding:16px 18px;margin:4px 0 16px;background:var(--white)}
.wordstudy .vm-line{font-size:1rem;line-height:2.1;margin:0 0 14px}
.wordstudy .vlink{display:inline-block;min-width:26px;text-align:center;font-size:.85rem;font-weight:700;
  color:var(--main);text-decoration:none;border:1px solid var(--gray);border-radius:5px;
  padding:2px 5px;margin:1px}
.wordstudy .vlink:hover{border-color:var(--accent);background:var(--hl-quote)}
.wordstudy .tr-w{cursor:pointer}

/* long entries flow across columns instead of stranding one */

.wordstudy .eb.cols p:first-child{margin-top:0}
/* the LSJ's own citation markers, quietened */
.wordstudy .eb .rf{font-size:.82rem;color:var(--text3);white-space:nowrap}

/* two columns for the study prose */
.wordstudy .prose2{column-count:2;column-gap:38px;column-rule:1px solid var(--gray)}
@media(max-width:940px){.wordstudy .prose2{column-count:1}}
.wordstudy .prose2>*{break-inside:avoid-column}
.wordstudy .prose2 p:first-child{margin-top:0}
.wordstudy .prose2 .cmgrid, .wordstudy .prose2 .gedgrid, .wordstudy .prose2 .witness, .wordstudy .prose2 table, .wordstudy .prose2 .treewrap, .wordstudy .prose2 .varmap{column-span:all}

/* in plain words — one column, highlighted like the page's own marker */
.wordstudy .plainbox{background:var(--hl-quote);border:1px solid var(--gray);border-left:4px solid var(--accent);
  border-radius:9px;padding:18px 22px}
.wordstudy .plainbox p{font-size:1.08rem;line-height:1.9;margin:0 0 12px}
.wordstudy .plainbox p:last-child{margin-bottom:0}
.wordstudy .sn .lead{font-size:1.06rem;line-height:1.85;margin:0 0 14px}

/* the audio / take-away card */
.wordstudy .audiocard{margin-top:16px}

/* commentators, with their faces */
.wordstudy .cmtgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(330px,1fr));gap:16px;margin:6px 0 14px}
.wordstudy .cmt{background:var(--white);border:1px solid var(--gray);border-radius:10px;padding:15px 17px;
  display:flex;flex-direction:column}
.wordstudy .cmt-h{display:flex;gap:12px;align-items:center;margin-bottom:10px;padding-bottom:10px;
  border-bottom:1px solid var(--gray)}
.wordstudy .cmt-img, .wordstudy .cmt-ini{width:52px;height:52px;border-radius:50%;flex:0 0 52px;object-fit:cover;
  border:2px solid var(--accent);background:var(--light)}
.wordstudy .cmt-ini{display:inline-flex;align-items:center;justify-content:center;font-weight:700;
  color:var(--main);font-size:1rem}
.wordstudy .cmt-who{display:flex;flex-direction:column;gap:1px;min-width:0}
.wordstudy .cmt-who b{font-size:.98rem;color:var(--main)}
.wordstudy .cmt-who i{font-style:normal;font-size:.75rem;color:var(--text3)}
.wordstudy .cmt-who em{font-style:normal;font-size:.72rem;color:var(--text3);overflow:hidden;
  text-overflow:ellipsis;white-space:nowrap}
.wordstudy .cmt-t{font-size:1rem;line-height:1.8;margin:0 0 10px;flex:1}
.wordstudy .cmt-more{font-size:.85rem;color:var(--main);text-decoration:none;
  border-bottom:1px dotted var(--olive);align-self:flex-start}

/* outside the New Testament */
.wordstudy .grp.extra .xworks{display:flex;gap:8px;flex-wrap:wrap;margin:2px 0 12px}
.wordstudy .xw{font-size:.85rem;color:var(--text2);background:var(--light);border:1px solid var(--gray);
  border-radius:6px;padding:4px 11px}
.wordstudy .xw b{color:var(--main)}
.wordstudy .xq{background:var(--tint-eng);border:1px solid var(--gray);border-left:4px solid var(--edge-eng);
  border-radius:8px;padding:12px 15px;margin-bottom:10px}
.wordstudy .xq-h{display:flex;gap:10px;align-items:baseline;flex-wrap:wrap;margin-bottom:6px}
.wordstudy .xq-w{font-weight:700;color:var(--main);font-size:.88rem}
.wordstudy .xq-r{font-size:.78rem;color:var(--text3)}
.wordstudy .xq-d{margin-left:auto;font-size:.7rem;font-weight:700;color:#fff;background:var(--olive);
  border-radius:20px;padding:2px 10px}
.wordstudy .xq p{font-size:1.04rem;line-height:1.95;margin:0}

/* the Septuagint evidence row */
.wordstudy .lxxrow{margin-top:10px;padding-top:9px;border-top:1px solid var(--gray)}
.wordstudy .lexcell.lxx .b{font-size:1rem}
.wordstudy .lx-n{display:block;font-size:.72rem;text-transform:uppercase;letter-spacing:.07em;
  color:var(--main);font-weight:700;margin-bottom:3px}
.wordstudy .lx-r{font-size:.95rem;line-height:1.9}
.wordstudy .lexcell.wide2{grid-column:span 2}
@media(max-width:940px){.wordstudy .lexcell.wide2{grid-column:auto}}

/* the Fathers */
.wordstudy .fbox{background:var(--tint-eng);border:1px solid var(--gray);border-left:4px solid var(--edge-eng);
  border-radius:9px;padding:15px 18px;margin:4px 0 14px;column-span:all}
.wordstudy .fbox.pending{background:none;border:1px dashed var(--gray)}
.wordstudy .fb-h{display:flex;gap:10px;align-items:baseline;flex-wrap:wrap;margin-bottom:9px;
  padding-bottom:8px;border-bottom:1px solid rgba(0,0,0,.07)}
.wordstudy .fb-who{font-weight:700;color:var(--main);font-size:1rem}
.wordstudy .fb-w{font-size:.82rem;color:var(--text3);font-style:italic}
.wordstudy .fb-d{margin-left:auto;font-size:.72rem;font-weight:700;color:#fff;background:var(--olive);
  border-radius:20px;padding:3px 11px;white-space:nowrap}
.wordstudy .fb-q{margin:0 0 10px;padding:0 0 0 14px;border-left:3px solid var(--accent);
  font-size:1.06rem;line-height:1.9;font-family:var(--fs),Georgia,serif}
.wordstudy .fb-n{font-size:.98rem;line-height:1.8;color:var(--text2);margin:0 0 8px}
.wordstudy .fb-more{font-size:.88rem;color:var(--main);text-decoration:none;
  border-bottom:1px dotted var(--olive)}

/* the witness strip */
.wordstudy .witness{border:1px solid var(--gray);border-left:4px solid var(--edge-morph);border-radius:9px;
  padding:15px 18px;margin:4px 0 14px;background:var(--white)}
.wordstudy .wit-h{font-weight:700;color:var(--main);font-size:.95rem;margin-bottom:12px;
  display:flex;gap:10px;align-items:baseline}
.wordstudy .wit-all{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em;
  color:#fff;background:var(--pen-kw);border-radius:20px;padding:3px 11px}
.wordstudy .witgrp{display:flex;gap:14px;align-items:baseline;margin-bottom:9px;flex-wrap:wrap}
.wordstudy .wg-l{flex:0 0 155px;font-size:.72rem;font-weight:700;text-transform:uppercase;
  letter-spacing:.06em;color:var(--text3)}
.wordstudy .wits{display:flex;gap:8px;flex-wrap:wrap;flex:1}
.wordstudy .wit{display:inline-flex;gap:7px;align-items:baseline;font-size:.88rem;
  border:1px solid var(--gray);border-radius:6px;padding:4px 10px;background:var(--light)}
.wordstudy .wit.ok{border-left:3px solid var(--pen-kw)}
.wordstudy .wit b{font-weight:700;color:var(--text)}
.wordstudy .wit i{font-style:normal;font-size:.74rem;color:var(--text3)}
.wordstudy .wit-n{font-size:.88rem;color:var(--text3);margin:8px 0 0}

/* the concordance, as chips */
.wordstudy .cchips{display:flex;flex-wrap:wrap;gap:7px;margin:4px 0 12px}
.wordstudy .cchip{font:inherit;display:inline-flex;gap:7px;align-items:baseline;cursor:pointer;
  background:var(--light);border:1px solid var(--gray);border-radius:7px;padding:5px 11px}
.wordstudy .cchip .grk{font-size:1rem;color:var(--text)}
.wordstudy .cchip b{font-size:.72rem;color:var(--main)}
.wordstudy .cchip:hover{border-color:var(--accent)}
.wordstudy .cchip.on{background:var(--hl-word);border-color:var(--accent)}
.wordstudy .cchip.mine{box-shadow:inset 0 -2px 0 var(--accent)}
.wordstudy .cdetail{font-size:.98rem;line-height:1.9;color:var(--text2);min-height:2.4em;
  border-top:1px solid var(--gray);padding-top:9px}
.wordstudy .cdetail .cd-p{font-weight:700;color:var(--text)}
.wordstudy .cdetail .cd-r{display:block;margin-top:2px}
.wordstudy .tr-w:hover .tr-grk{background:var(--hl-word);border-radius:4px}
.wordstudy .gedgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(430px,1fr));gap:16px;margin:6px 0 16px}
@media(max-width:940px){.wordstudy .gedgrid{grid-template-columns:1fr}}
.wordstudy .ged{background:var(--tint-lex);border:1px solid var(--gray);border-left:4px solid var(--edge-lex);
  border-radius:8px;padding:15px 18px}
.wordstudy .ged.pending{background:none;border:1px dashed var(--gray)}
.wordstudy .ged .gh{display:flex;justify-content:space-between;align-items:baseline;gap:12px;
  padding-bottom:8px;margin-bottom:9px;border-bottom:1px solid rgba(0,0,0,.07)}
html.dark .wordstudy .ged .gh{border-bottom-color:rgba(255,255,255,.09)}
.wordstudy .ged .nm{font-weight:700;color:var(--main);font-size:.95rem}
.wordstudy .ged .dt{font-size:.78rem;color:var(--text3)}
.wordstudy .ged .gt{font-size:1.22rem;line-height:1.95;margin:0 0 10px}
.wordstudy .ged .gn{font-size:.95rem;line-height:1.8;color:var(--text2);margin:0}
.wordstudy .gw-same{padding:1px 2px}
.wordstudy .gw-diff{padding:1px 4px;border-radius:4px;background:var(--hl-word);font-weight:700}
.wordstudy .anote{font-size:.92rem;line-height:1.75;color:var(--text2);display:block;margin-top:7px}

/* the syntax tree: nested boxes, verse 1 full strength */
.wordstudy .treewrap{overflow-x:auto;padding:6px 2px 14px;font-size:.95rem}
.wordstudy .tr-g{display:inline-flex;flex-wrap:wrap;align-items:flex-start;gap:7px;
  border:1px solid var(--gray);border-radius:9px;padding:9px 10px 8px;margin:4px;
  background:var(--white);position:relative}
.wordstudy .tr-g.cl{border-left:4px solid var(--olive);background:var(--tint-morph)}
.wordstudy .tr-g.np{border-left:4px solid var(--edge-dict);background:var(--tint-dict)}
.wordstudy .tr-g.pp{border-left:4px solid var(--edge-topic);background:var(--tint-topic)}
.wordstudy .tr-g.adjp{border-left:4px solid var(--edge-eng);background:var(--tint-eng)}
.wordstudy .tr-tag{display:block;width:100%%;font-size:.62rem;text-transform:uppercase;letter-spacing:.08em;
  color:var(--text3);font-weight:700;margin-bottom:2px}
.wordstudy .tr-w{display:inline-flex;flex-direction:column;align-items:center;gap:1px;padding:3px 6px;
  border-radius:6px;opacity:.38}
.wordstudy .tr-w.v1{opacity:1;background:var(--hl-quote)}
.wordstudy .tr-grk{font-size:1.08rem}
.wordstudy .tr-gl{font-size:.68rem;color:var(--text3);font-style:italic}
.wordstudy .tr-role{font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em;
  font-style:normal;padding:1px 6px;border-radius:4px;color:#fff;background:var(--text3)}
.wordstudy .tr-role.s{background:var(--pen-subj)}
.wordstudy .tr-role.v{background:var(--pen-verb)}
.wordstudy .tr-role.o, .wordstudy .tr-role.io{background:var(--pen-obj)}
.wordstudy .tr-role.adv{background:var(--olive)}
.wordstudy .tr-role.vc, .wordstudy .tr-role.p{background:var(--pen-kw)}

/* the concordance */
.wordstudy .cbooks{margin:2px 0 12px;display:flex;gap:8px;flex-wrap:wrap}
.wordstudy .cbook{font-size:.8rem;color:var(--text2);background:var(--light);border:1px solid var(--gray);
  border-radius:6px;padding:4px 10px}
.wordstudy .cbook b{color:var(--main)}
.wordstudy .cform{padding:10px 0;border-bottom:1px solid var(--gray)}
.wordstudy .cform:last-child{border:0}
.wordstudy .cf-h{display:flex;gap:12px;align-items:baseline;flex-wrap:wrap;margin-bottom:4px}
.wordstudy .cf-h .grk{font-size:1.12rem}
.wordstudy .cf-n{font-size:.8rem;font-weight:700;color:var(--main)}
.wordstudy .cf-p{font-size:.82rem;color:var(--text3)}
.wordstudy .cf-refs{font-size:.95rem;line-height:2;color:var(--text2)}
.wordstudy .cf-refs .sref.here{background:var(--hl-word);border-bottom-style:solid;font-weight:700}
.wordstudy .cmore{font-size:.8rem;color:var(--text3);font-style:italic}

/* illustrations */
.wordstudy .illgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(430px,1fr));gap:16px}
@media(max-width:940px){.wordstudy .illgrid{grid-template-columns:1fr}}
.wordstudy .illc{background:var(--tint-lex);border:1px solid var(--gray);border-left:4px solid var(--accent);
  border-radius:8px;padding:15px 18px}
.wordstudy .illc .ill-h{font-weight:700;color:var(--main);font-size:.95rem;margin-bottom:7px;
  display:flex;justify-content:space-between;gap:10px}
.wordstudy .illc .ill-h em{font-style:normal;font-weight:400;font-size:.72rem;color:var(--text3)}
.wordstudy .illc p{font-size:1rem;line-height:1.8;margin:0 0 8px}
.wordstudy .ill-more{font-size:.85rem;color:var(--main);text-decoration:none;border-bottom:1px dotted var(--olive)}
.wordstudy .lbox{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.wordstudy .lb-play{display:inline-flex;align-items:center;gap:8px;font:inherit;font-size:.9rem;font-weight:700;
  color:#fff;background:var(--main);border:0;border-radius:7px;padding:9px 16px;cursor:pointer}
.wordstudy .lb-play:hover{background:var(--olive)}
.wordstudy .lb-play.playing{background:var(--olive)}
.wordstudy .lb-dl{font-size:.85rem;color:var(--main);text-decoration:none;border:1px solid var(--gray);
  border-radius:7px;padding:8px 13px;white-space:nowrap}
.wordstudy .lb-dl:hover{border-color:var(--accent)}

/* reading progress */
.wordstudy #progress{position:fixed;top:0;left:0;height:3px;width:0;z-index:60;
  background:linear-gradient(90deg,var(--olive),var(--accent))}

/* the verse follows you down the page */
.wordstudy #stickyverse{position:fixed;top:-64px;left:0;right:0;z-index:55;transition:top .22s;
  background:var(--white);border-bottom:1px solid var(--gray);
  box-shadow:0 2px 10px rgba(0,0,0,.06)}
.wordstudy #stickyverse.on{top:0}
.wordstudy .sv-in{max-width:var(--w);margin:0 auto;padding:9px 26px;display:flex;gap:14px;align-items:center}
.wordstudy .sv-top{font-size:.82rem;font-weight:700;color:var(--main);text-decoration:none;white-space:nowrap}
.wordstudy .sv-next{font-size:.82rem;color:var(--main);text-decoration:none;white-space:nowrap;margin-left:auto}
.wordstudy .sv-words{font-size:.94rem;line-height:1.5;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.wordstudy .sv-words span{cursor:pointer;padding:2px 4px;border-radius:4px;color:var(--text2)}
.wordstudy .sv-words span:hover{background:var(--hl-word);color:var(--text)}
.wordstudy .sv-words span.cur{background:var(--hl-word);color:var(--text);font-weight:700}

/* the rail: a table of contents that knows where you are */
.wordstudy #rail{display:none;position:fixed;top:110px;right:max(12px,calc(50% - var(--w)/2 - 172px));
  width:150px;z-index:40;font-size:.78rem}
@media(min-width:1620px){.wordstudy #rail{display:block}}
.wordstudy #rail b{display:block;font-size:.64rem;text-transform:uppercase;letter-spacing:.1em;
  color:var(--text3);margin-bottom:8px}
.wordstudy #rail a{display:block;color:var(--text3);text-decoration:none;padding:3px 0 3px 10px;
  border-left:2px solid var(--gray);line-height:1.45}
.wordstudy #rail a:hover{color:var(--main)}
.wordstudy #rail a.cur{color:var(--main);font-weight:700;border-left-color:var(--accent)}

/* dossier header tools */
.wordstudy .dh-tools{margin-left:auto;display:flex;gap:8px;align-items:center}
.wordstudy .cw{font:inherit;font-size:.72rem;font-weight:700;color:var(--main);background:var(--white);
  border:1px solid var(--gray);border-radius:6px;padding:4px 10px;cursor:pointer}
.wordstudy .cw:hover{border-color:var(--accent)}
.wordstudy .cw.did{background:var(--hl-word);border-color:var(--accent)}
.wordstudy .plink{color:var(--text3);text-decoration:none;font-size:.9rem;opacity:0;transition:opacity .15s}
.wordstudy .dossier:hover .plink{opacity:1}
.wordstudy .plink:hover{color:var(--main)}

/* how common is this word? */
.wordstudy .freq-row{display:flex;align-items:center;gap:12px;margin:10px 0 2px}
.wordstudy .freq-bar{flex:0 0 180px;height:8px;border-radius:4px;background:var(--light);
  border:1px solid var(--gray);overflow:hidden}
.wordstudy .freq-bar i{display:block;height:100%;border-radius:4px;
  background:linear-gradient(90deg,var(--olive),var(--accent))}
.wordstudy .freq-n{font-size:.86rem;font-weight:700;color:var(--text2);white-space:nowrap}
.wordstudy .freq-s{font-size:.76rem;color:var(--text3);margin-left:auto}
@media(max-width:700px){.wordstudy .freq-s{display:none}}

/* the word family */
.wordstudy .fam{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin:8px 0 2px}
.wordstudy .fam-l{font-size:.7rem;text-transform:uppercase;letter-spacing:.09em;color:var(--text3);font-weight:700}
.wordstudy .fam-w{display:inline-flex;align-items:baseline;gap:6px;text-decoration:none;
  background:var(--tint-lex);border:1px solid var(--gray);border-radius:6px;padding:4px 10px}
.wordstudy .fam-w .grk{font-size:.98rem;color:var(--text)}
.wordstudy .fam-w .fn{font-size:.68rem;color:var(--main);font-weight:700}
.wordstudy .fam-w:hover{border-color:var(--accent)}

/* print: a study sheet for free */
@media print{
 .wordstudy .top, .wordstudy .bar, .wordstudy .chips, .wordstudy #rail, .wordstudy #stickyverse, .wordstudy #progress, .wordstudy .vnav .wstep, .wordstudy .dh-tools, .wordstudy .mode, .wordstudy .promo-demo, .wordstudy .wordnav, .wordstudy .jump{display:none !important}
 .wordstudy{background:#fff;color:#000}
 .wordstudy .ent, .wordstudy .lexcell, .wordstudy .ged{background:#fff !important;border-color:#bbb !important;
  break-inside:avoid}
 .wordstudy .dossier{page-break-inside:avoid;box-shadow:none !important;background:none !important}
 .wordstudy .sn, .wordstudy .cols2, .wordstudy .card{break-inside:auto}
 .wordstudy a{color:#000;text-decoration:none}
 .wordstudy .sref{border-bottom:none}
}

/* commentator preview — the API hero's face fan, shrunk to a strip */
.wordstudy .cmtpv{display:flex;align-items:center;gap:14px;padding:11px 15px;margin-top:12px;
  text-decoration:none;color:inherit;transition:border-color .15s,box-shadow .15s}
.wordstudy .cmtpv:hover{border-color:var(--accent);box-shadow:0 2px 14px rgba(0,0,0,.09)}
.wordstudy .pv-fan{display:flex;flex:0 0 auto}
.wordstudy .pv-f{width:34px;height:34px;border-radius:50%;overflow:hidden;background:#fff;
  border:2.5px solid var(--accent);box-shadow:0 2px 7px rgba(0,0,0,.22);
  margin-left:-11px;display:flex;align-items:center;justify-content:center}
.wordstudy .pv-f:first-child{margin-left:0}
.wordstudy .pv-f img{width:100%;height:100%;object-fit:cover;display:block}
.wordstudy .pv-i{font-style:normal;font-weight:700;font-size:.62rem;color:var(--main)}
.wordstudy .pv-t{line-height:1.35;min-width:0}
.wordstudy .pv-t b{display:block;font-size:.92rem;color:var(--text1)}
.wordstudy .pv-t i{font-style:normal;font-size:.82rem;color:var(--text3)}
.wordstudy .cmtpv:hover .pv-t i{color:var(--main)}
@media(max-width:520px){.wordstudy .pv-f{width:30px;height:30px;margin-left:-9px}}

/* the searched word, lit inside the Josephus quotation */
.wordstudy mark.xm{background:linear-gradient(transparent 58%,rgba(212,175,55,.55) 58%);
  color:inherit;padding:0 1px;border-radius:2px;font-weight:600}

/* the everyday-Greek panel reuses the Josephus one, tinted differently */
.wordstudy .grp.pap>.t>span{color:#7A5C2E}
.wordstudy .xq.pap{background:#FBF6EC;border-left-color:#C9A227}
.wordstudy .xq-f{margin:6px 0 0;font-size:.82rem}
.wordstudy .xq-f a{color:var(--main);text-decoration:none;border-bottom:1px dotted var(--main)}

/* the Hebrew behind the Greek */
.wordstudy .hbgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:8px;
  max-width:760px}
.wordstudy .hbw{display:block;padding:10px 12px;border:1px solid rgba(112,112,53,.18);border-radius:9px;
  background:#FAF9F4;text-decoration:none;color:inherit;transition:border-color .15s,background .15s}
.wordstudy .hbw:hover{border-color:var(--accent);background:#FFFDF6}
/* right-to-left inside itself, but starting at the left of the card, or a
   lone Hebrew word floats away from the English that explains it */
.wordstudy .hb-h{display:block;font-size:1.5rem;line-height:1.5;color:var(--text1);
  text-align:left;unicode-bidi:isolate}
.wordstudy .hb-g{display:block;font-size:.88rem;color:var(--text2);margin:1px 0 6px}
.wordstudy .hb-n{display:flex;align-items:center;gap:7px}
.wordstudy .hb-n i{display:block;height:6px;border-radius:3px;background:var(--accent);min-width:6px}
.wordstudy .hb-n b{font-size:.78rem;color:var(--main)}
.wordstudy .hb-s{display:block;font-size:.74rem;color:var(--text3);margin-top:4px}

/* collocations */
.wordstudy .colgrid{display:flex;flex-wrap:wrap;gap:7px}
.wordstudy .colw{display:inline-flex;align-items:baseline;gap:7px;padding:6px 11px;border-radius:999px;
  background:rgba(112,112,53,.07);border:1px solid rgba(112,112,53,.16);
  text-decoration:none;color:inherit;transition:all .15s}
.wordstudy .colw:hover{background:rgba(212,175,55,.18);border-color:rgba(212,175,55,.45)}
.wordstudy .colw .grk{font-size:1.06rem;color:var(--text1)}
.wordstudy .co-g{font-size:.82rem;color:var(--text3)}
.wordstudy .co-n{font-size:.74rem;font-weight:700;color:var(--main)}

/* the apparatus */
.wordstudy .appu{display:grid;grid-template-columns:minmax(120px,auto) 1fr;gap:4px 16px;
  padding:10px 0;border-bottom:1px solid rgba(112,112,53,.13);align-items:baseline}
.wordstudy .appu:last-of-type{border-bottom:0}
.wordstudy .app-r{font-size:1.24rem;color:var(--text1)}
.wordstudy .app-p{margin:0;font-size:.96rem;color:var(--text2)}
.wordstudy .app-none{background:#F4F6EE;border-left:4px solid var(--olive);border-radius:0 9px 9px 0;
  padding:13px 16px;font-size:1rem;color:var(--text2);margin:4px 0 0}
.wordstudy .app-none b{color:var(--main)}
@media(max-width:700px){.wordstudy .appu{grid-template-columns:1fr}}

/* the earliest translations */
.wordstudy .oldvgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(330px,1fr));gap:12px}
.wordstudy .oldv{border:1px solid rgba(112,112,53,.18);border-radius:11px;background:#FCFBF6;padding:13px 15px}
.wordstudy .ov-h{display:flex;justify-content:space-between;align-items:baseline;gap:10px;margin-bottom:7px}
.wordstudy .ov-h b{font-size:.95rem;color:var(--main)}
.wordstudy .ov-h i{font-style:normal;font-size:.78rem;color:var(--text3)}
.wordstudy .ov-t{margin:0 0 8px;font-size:1.1rem;line-height:1.55;color:var(--text1)}
.wordstudy .ov-t[lang="syr"]{font-size:1.4rem;line-height:1.8}
.wordstudy .ov-n{margin:0;font-size:.83rem;color:var(--text3);line-height:1.5}

/* the translation ring — how a Greek word turns into English */
.wordstudy .ringwrap{display:flex;gap:20px;align-items:center;flex-wrap:wrap}
.wordstudy .ring{width:132px;height:132px;border-radius:50%;flex:0 0 auto;position:relative;
  box-shadow:0 2px 10px rgba(0,0,0,.10)}
.wordstudy .ring:after{content:"";position:absolute;inset:26px;border-radius:50%;background:#fff}
.wordstudy .ring-c{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;
  justify-content:center;z-index:1;text-align:center;line-height:1.15}
.wordstudy .ring-c b{font-size:1.3rem;color:var(--main)}
.wordstudy .ring-c i{font-style:normal;font-size:.78rem;color:var(--text3);max-width:74px}
.wordstudy .ringkey{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,190px));
  gap:4px 16px;flex:1 1 300px;min-width:0}
.wordstudy .rk{display:flex;align-items:baseline;gap:7px;font-size:.9rem;min-width:0}
.wordstudy .rk i{width:11px;height:11px;border-radius:3px;flex:0 0 auto;display:block}
.wordstudy .rk b{font-weight:600;color:var(--text1);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.wordstudy .rk em{font-style:normal;font-size:.76rem;color:var(--text3);margin-left:auto;white-space:nowrap}
.wordstudy .rk.rest b{color:var(--text3);font-weight:400}

/* what the word does in the sentence */
.wordstudy .rlgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:5px 20px;max-width:760px}
.wordstudy .rl{display:grid;grid-template-columns:104px 1fr 38px;align-items:center;gap:9px;font-size:.9rem}
.wordstudy .rl-n{color:var(--text2)}
.wordstudy .rl-b{background:rgba(112,112,53,.12);border-radius:3px;height:8px}
.wordstudy .rl-b i{display:block;height:8px;border-radius:3px;background:var(--olive)}
.wordstudy .rl-p{font-size:.78rem;color:var(--main);font-weight:700;text-align:right}

/* here versus everywhere */
.wordstudy .hereness{display:block;margin:2px 0 0;font-size:.88rem;color:var(--text2);
  border-bottom:1px dotted rgba(112,112,53,.4);cursor:help;width:fit-content}
.wordstudy .hereness b{color:var(--main)}

/* word by word across the editions */
.wordstudy .edblock{margin-top:16px;padding-top:14px;border-top:1px solid rgba(112,112,53,.15)}
.wordstudy .edblock h4{margin:0 0 9px;font-size:.82rem;letter-spacing:.06em;text-transform:uppercase;
  color:var(--main)}
.wordstudy .ed-none{background:#F4F6EE;border-left:4px solid var(--olive);border-radius:0 9px 9px 0;
  padding:12px 15px;margin:0;font-size:.96rem;color:var(--text2);line-height:1.55}
.wordstudy .ed-none b{color:var(--main)}
.wordstudy .edgrid{display:flex;flex-wrap:wrap;gap:6px}
.wordstudy .edw{display:inline-flex;flex-direction:column;padding:5px 9px;border-radius:7px;
  background:rgba(112,112,53,.07);border:1px solid rgba(112,112,53,.15);cursor:help}
.wordstudy .edw .grk{font-size:1.05rem;color:var(--text1);line-height:1.3}
.wordstudy .edw em{font-style:normal;font-size:.74rem;color:var(--text3)}
.wordstudy .edw.off{background:#FBF3E6;border-color:rgba(212,175,55,.5);opacity:.85}

/* places */
.wordstudy .plgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:10px}
.wordstudy .plc{border:1px solid rgba(112,112,53,.18);border-radius:11px;background:#FCFBF6;padding:12px 14px}
.wordstudy .plc-h{display:flex;justify-content:space-between;align-items:baseline;gap:9px}
.wordstudy .plc-h b{font-size:1.02rem;color:var(--text1)}
.wordstudy .plc-c{font-size:.72rem;padding:2px 8px;border-radius:999px;white-space:nowrap}
.wordstudy .plc-c.ok{background:rgba(112,112,53,.13);color:var(--main)}
.wordstudy .plc-c.iffy{background:rgba(212,175,55,.22);color:#7A5C2E}
.wordstudy .plc-t{margin:5px 0 0;font-size:.8rem;color:var(--text3)}
.wordstudy .plc-a{margin:5px 0 0;font-size:.84rem;color:var(--text2)}
.wordstudy .plc-l{display:inline-block;margin-top:8px;font-size:.8rem;color:var(--main);text-decoration:none;
  border-bottom:1px dotted var(--main)}
.wordstudy .plmap{margin-top:12px}
.wordstudy .plmap iframe{width:100%;height:320px;border:1px solid rgba(112,112,53,.2);border-radius:11px}

/* Gospel parallels */
.wordstudy .par{border:1px solid rgba(112,112,53,.16);border-radius:11px;background:#FCFBF6;
  padding:12px 15px;margin-bottom:9px}
.wordstudy .par-h{display:flex;justify-content:space-between;align-items:center;gap:14px}
.wordstudy .par-h a{font-weight:700;color:var(--main);text-decoration:none;font-size:1rem}
.wordstudy .par-s{display:flex;align-items:center;gap:7px;flex:0 0 130px}
.wordstudy .par-s i{display:block;height:7px;border-radius:4px;background:var(--accent);min-width:6px}
.wordstudy .par-s b{font-size:.76rem;color:var(--text3)}
.wordstudy .par-t{margin:7px 0 5px;font-size:1.06rem;line-height:1.6;color:var(--text1)}
.wordstudy .par-w{margin:0;font-size:.82rem;color:var(--text3)}

/* one word's study must end before the next begins */
.wordstudy .dossier{padding:26px 0 30px;border-top:3px solid rgba(112,112,53,.22);margin-top:26px}
.wordstudy .dossier:first-of-type{border-top:0;margin-top:0;padding-top:6px}
.wordstudy .dossier-h{position:sticky;top:0;z-index:5;background:linear-gradient(#fff 78%,rgba(255,255,255,0));
  padding:9px 0 12px;margin-bottom:2px}
.wordstudy .dossier-h:before{content:"word " counter(dw) " of 10";counter-increment:dw;
  display:block;font-size:.7rem;letter-spacing:.09em;text-transform:uppercase;
  color:var(--text3);margin-bottom:3px}
.wordstudy .lexgrid, .wordstudy #sn-lex{counter-reset:dw}
.wordstudy .dossier-h .g{font-size:1.9rem}

/* the papyri heading carries the explanation now */
.wordstudy .tnote{font-weight:600;color:var(--text3);font-size:.78rem;letter-spacing:0}
.wordstudy .xq.pap a.xq-w{color:var(--main);text-decoration:none;border-bottom:1px dotted var(--main)}

/* the Treasury */
.wordstudy .tskblock, .wordstudy .naveblock{margin-top:18px;padding-top:14px;border-top:1px solid rgba(112,112,53,.15)}
.wordstudy .tskblock h4, .wordstudy .naveblock h4{margin:0 0 9px;font-size:.82rem;letter-spacing:.06em;
  text-transform:uppercase;color:var(--main)}
.wordstudy .tskblock h4 i, .wordstudy .naveblock h4 i{font-style:normal;text-transform:none;letter-spacing:0;
  color:var(--text3);font-weight:400}
.wordstudy .tsk{display:grid;grid-template-columns:minmax(90px,150px) 1fr;gap:4px 16px;padding:7px 0;
  border-bottom:1px solid rgba(112,112,53,.10);align-items:baseline}
.wordstudy .tsk:last-child{border-bottom:0}
.wordstudy .tsk-p{color:var(--text1);font-size:.98rem}
.wordstudy .tsk-r{font-size:.9rem;line-height:1.9}
.wordstudy .tsk-r a{margin-right:9px}
.wordstudy .tsk-m{font-style:normal;color:var(--text3);font-size:.82rem}
@media(max-width:640px){.wordstudy .tsk{grid-template-columns:1fr}}

/* Nave's */
.wordstudy .navegrid{display:flex;flex-wrap:wrap;gap:7px}
.wordstudy .navechip{display:inline-flex;flex-direction:column;padding:6px 12px;border-radius:999px;
  background:rgba(112,112,53,.07);border:1px solid rgba(112,112,53,.16);
  text-decoration:none;color:inherit;transition:all .15s}
.wordstudy .navechip:hover{background:rgba(212,175,55,.18);border-color:rgba(212,175,55,.45)}
.wordstudy .navechip b{font-size:.9rem;color:var(--text1);font-weight:600}
.wordstudy .navechip em{font-style:normal;font-size:.75rem;color:var(--text3)}

/* the semantic map */
.wordstudy .smwrap{max-width:880px;margin:6px auto 0}
.wordstudy .smwrap svg{width:100%;height:auto;display:block}
.wordstudy .sm-e{stroke:rgba(112,112,53,.22);stroke-width:1.4}
.wordstudy .sm-e.sh{stroke:rgba(212,175,55,.85);stroke-width:2.6}
.wordstudy .sm-hub{fill:#F4F6EE;stroke:rgba(112,112,53,.3)}
.wordstudy .sm-ht{text-anchor:middle;font-family:var(--ff);font-weight:700;font-size:22px;fill:var(--main)}
.wordstudy .sm-hs{text-anchor:middle;font-family:var(--ff);font-size:12px;fill:var(--text3)}
.wordstudy .sm-n{cursor:pointer}
.wordstudy .sm-in circle{fill:#fff;stroke:var(--main);stroke-width:2.4;transition:fill .15s}
.wordstudy .sm-in:hover circle{fill:#FBF7E6}
.wordstudy .sm-out circle{fill:#FAF9F4;stroke:rgba(112,112,53,.45);stroke-width:1.6;transition:fill .15s}
.wordstudy .sm-out.kin circle{stroke:var(--accent);stroke-dasharray:3 2.5}
.wordstudy .sm-out:hover circle{fill:#FBF3E0}
.wordstudy .sm-g{text-anchor:middle;font-family:var(--fg);font-size:19px;fill:var(--text1)}
.wordstudy .sm-l{text-anchor:middle;font-family:var(--ff);font-size:12px;fill:var(--text2)}
.wordstudy .sm-g2{text-anchor:middle;font-family:var(--fg);font-size:15px;fill:var(--text1)}
.wordstudy .sm-l2{text-anchor:middle;font-family:var(--ff);font-size:10.5px;fill:var(--text3)}
.wordstudy .sm-k{display:inline-block;width:22px;height:0;border-top:2px solid rgba(112,112,53,.5);
  vertical-align:middle;margin-right:3px}
.wordstudy .sm-k.kin{border-top-style:dashed;border-color:var(--accent)}

/* The word header used to be sticky. With the page's own verse bar already
   pinned above it, two bars competed for the same strip of screen and the
   half-transparent one let the card behind show through. One is enough. */
.wordstudy .dossier-h{position:static;background:none;padding:0 0 12px}
.wordstudy .dossier{padding-left:2px}

/* Nave's: subject and heading on one line, told apart by weight and colour */
.wordstudy .navechip{flex-direction:row;align-items:baseline;gap:8px}
.wordstudy .navechip .nv-c{font-size:.78rem;color:var(--text3);border-left:1px solid rgba(112,112,53,.3);
  padding-left:8px}
.wordstudy .navechip:hover .nv-c{color:var(--main)}

/* where in the New Testament the word falls */
.wordstudy .distrib{margin-top:14px}
.wordstudy .db-h{display:flex;justify-content:space-between;align-items:baseline;
  border-bottom:1px solid rgba(112,112,53,.16);padding-bottom:5px;margin-bottom:9px}
.wordstudy .db-h span{font-size:.78rem;letter-spacing:.06em;text-transform:uppercase;color:var(--main);font-weight:700}
.wordstudy .db-h em{font-style:normal;font-size:.8rem;color:var(--text3)}
.wordstudy .dbwrap{display:flex;align-items:flex-end;gap:3px;height:74px}
.wordstudy .db{flex:1 1 0;display:flex;flex-direction:column;justify-content:flex-end;
  align-items:center;height:100%;cursor:help;min-width:0}
.wordstudy .db i{display:block;width:100%;height:var(--h);background:var(--olive);border-radius:2px 2px 0 0;
  transition:background .15s}
.wordstudy .db.zero i{background:rgba(112,112,53,.2)}
.wordstudy .db.on i{background:var(--accent)}
.wordstudy .db:hover i{background:var(--main)}
.wordstudy .db em{font-style:normal;font-size:.6rem;color:var(--text3);margin-top:3px;
  white-space:nowrap;overflow:hidden;max-width:100%}
.wordstudy .db.on em{color:var(--main);font-weight:700}

/* ── the map ─────────────────────────────────────────────────────────────── */
.wordstudy .smbar{display:flex;justify-content:flex-end;margin-bottom:4px}
.wordstudy .smtog{font:inherit;font-size:.84rem;padding:6px 13px;border-radius:999px;cursor:pointer;
  background:rgba(112,112,53,.08);border:1px solid rgba(112,112,53,.22);color:var(--main)}
.wordstudy .smtog:hover{background:rgba(212,175,55,.2);border-color:rgba(212,175,55,.5)}
.wordstudy .smwrap{max-width:900px;margin:0 auto}
.wordstudy .smwrap svg{width:100%;height:auto;display:block}
.wordstudy .sm-e{stroke:rgba(112,112,53,.45);fill:none}
.wordstudy .sm-e.kin{stroke:rgba(212,175,55,.75);stroke-dasharray:7 5}
.wordstudy .sm-e.sh{stroke:#C9A227;stroke-width:6 !important}
.wordstudy .sm-hub{fill:#F4F6EE;stroke:rgba(112,112,53,.35);stroke-width:1.5}
.wordstudy .sm-ht{text-anchor:middle;font-family:var(--ff);font-weight:700;font-size:30px;fill:var(--main)}
.wordstudy .sm-n{cursor:pointer}
.wordstudy .sm-in circle{fill:#fff;stroke:var(--main);stroke-width:2.6;transition:fill .15s}
.wordstudy .sm-in:hover circle, .wordstudy .sm-in:focus circle{fill:#FBF7E6}
.wordstudy .sm-out circle{fill:#FAF9F4;stroke:rgba(112,112,53,.5);stroke-width:1.8;transition:fill .15s}
.wordstudy .sm-out.kin circle{stroke:var(--accent);stroke-dasharray:4 3}
.wordstudy .sm-out:hover circle, .wordstudy .sm-out:focus circle{fill:#FBF3E0}
.wordstudy .sm-n .lab{text-anchor:middle;pointer-events:none}
.wordstudy .sm-n .grk-big{font-family:var(--fg);fill:var(--text1)}
.wordstudy .sm-n .en-small{font-family:var(--ff);font-size:12px;fill:var(--text2)}
.wordstudy .sm-n .en-big, .wordstudy .sm-n .grk-small{display:none}
.wordstudy .sm-out .en-small{font-size:10.5px;fill:var(--text3)}
/* English first */
.wordstudy #sm-wrap.eng .grk-big, .wordstudy #sm-wrap.eng .en-small{display:none}
.wordstudy #sm-wrap.eng .en-big, .wordstudy #sm-wrap.eng .grk-small{display:block}
.wordstudy #sm-wrap.eng .en-big{font-family:var(--ff);font-weight:600;fill:var(--text1)}
.wordstudy #sm-wrap.eng .grk-small{font-family:var(--fg);font-size:13px;fill:var(--text2)}
.wordstudy #sm-wrap.eng .sm-out .grk-small{font-size:12px;fill:var(--text3)}

.wordstudy .smleg{display:flex;flex-wrap:wrap;gap:8px 20px;margin:12px 0 0;padding:12px 15px;
  background:#FAF9F4;border:1px solid rgba(112,112,53,.16);border-radius:11px;font-size:.85rem;
  color:var(--text2)}
.wordstudy .smleg span{display:flex;align-items:center;gap:8px}
.wordstudy .lg{display:block;width:26px;flex:0 0 26px}
.wordstudy .lg-thin{border-top:2px solid rgba(112,112,53,.45)}
.wordstudy .lg-thick{border-top:6px solid rgba(112,112,53,.45)}
.wordstudy .lg-kin{border-top:3px dashed rgba(212,175,55,.85)}
.wordstudy .lg-gold{border-top:6px solid #C9A227}
.wordstudy .lg-in, .wordstudy .lg-out{width:15px;flex:0 0 15px;height:15px;border-radius:50%}
.wordstudy .lg-in{background:#fff;border:2.5px solid var(--main)}
.wordstudy .lg-out{background:#FAF9F4;border:2px solid rgba(112,112,53,.5)}

.wordstudy .smmodal{position:fixed;inset:0;background:rgba(30,30,24,.45);display:flex;
  align-items:center;justify-content:center;z-index:60;padding:20px}
.wordstudy .smmodal[hidden]{display:none}
.wordstudy .smm-box{background:#fff;border-radius:14px;max-width:520px;width:100%;padding:22px 24px;
  position:relative;box-shadow:0 18px 60px rgba(0,0,0,.3);max-height:80vh;overflow:auto}
.wordstudy .smm-x{position:absolute;top:10px;right:12px;border:0;background:none;font-size:1.6rem;
  line-height:1;cursor:pointer;color:var(--text3)}
.wordstudy .smm-x:hover{color:var(--main)}
.wordstudy .smm-g{font-family:var(--fg);font-size:2rem;color:var(--text1);margin:0}
.wordstudy .smm-e{margin:2px 0 4px;font-size:1.05rem;color:var(--text2)}
.wordstudy .smm-k{display:inline-block;font-size:.72rem;padding:2px 9px;border-radius:999px;
  background:rgba(112,112,53,.12);color:var(--main);margin-bottom:10px}
.wordstudy .smm-l{margin:12px 0 0;padding:0;list-style:none;font-size:.94rem}
.wordstudy .smm-l li{padding:7px 0;border-top:1px solid rgba(112,112,53,.12);line-height:1.5}
.wordstudy .smm-l b{color:var(--text1)}
.wordstudy .smm-l .grk{font-size:1.1rem}
.wordstudy .smm-a{display:inline-block;margin-top:14px;font-size:.88rem;color:var(--main);
  border-bottom:1px dotted var(--main);text-decoration:none}

/* the promo card, in the dark-verse palette */
.wordstudy .promo-demo .promo{background:linear-gradient(170deg,#2A2A22,#1E1E18);
  border:1px solid rgba(212,175,55,.35);color:#E6E2D2}
.wordstudy .promo-demo .promo .lbl{color:var(--accent)}
.wordstudy .promo-demo .promo h3, .wordstudy .promo-demo .promo b{color:#F2EEDD}
.wordstudy .promo-demo .promo p, .wordstudy .promo-demo .promo .n{color:#B4AF9B}
.wordstudy .promo-demo .promo-mock{background:#16160F;border-color:rgba(212,175,55,.22)}
.wordstudy .promo-demo .promo a, .wordstudy .promo-demo .promo .btn{color:#23231B;background:var(--accent);
  border-color:var(--accent)}

/* ── the jam: .dossier.here draws an inset bar down the left, and the
      dossier had no horizontal padding to keep the text off it ───────────── */
.wordstudy .dossier{padding:22px 18px 28px}
.wordstudy .dossier:first-of-type{padding-top:8px}

/* ── the word tree ──────────────────────────────────────────────────────── */
.wordstudy .wtwrap{display:grid;grid-template-columns:1fr auto 1fr;gap:14px;align-items:center}
.wordstudy .wt-col h5{margin:0 0 8px;font-size:.72rem;letter-spacing:.07em;text-transform:uppercase;
  color:var(--text3);font-weight:700}
.wordstudy .wt-col.right{text-align:right}
.wordstudy .wt-b{position:relative;padding:7px 10px;margin-bottom:5px;border-radius:8px;
  background:rgba(112,112,53,.05);overflow:hidden}
.wordstudy .wt-bar{position:absolute;inset:0 auto 0 0;background:rgba(212,175,55,.20);z-index:0}
.wordstudy .wt-col.right .wt-bar{inset:0 0 0 auto}
.wordstudy .wt-w, .wordstudy .wt-n, .wordstudy .wt-kids{position:relative;z-index:1}
.wordstudy .wt-w .grk{font-size:1.15rem;color:var(--text1)}
.wordstudy .wt-w em{font-style:normal;font-size:.8rem;color:var(--text3);margin-left:7px}
.wordstudy .wt-n{float:right;font-size:.78rem;color:var(--main);margin-left:8px}
.wordstudy .wt-col.right .wt-n{float:left;margin:0 8px 0 0}
.wordstudy .wt-kids{display:flex;flex-wrap:wrap;gap:4px 8px;margin-top:5px;clear:both}
.wordstudy .wt-col.right .wt-kids{justify-content:flex-end}
.wordstudy .wt-k{display:inline-flex;align-items:baseline;gap:5px;font-size:.78rem;color:var(--text3)}
.wordstudy .wt-k .grk{font-size:.95rem;color:var(--text2)}
.wordstudy .wt-k b{color:var(--main);font-size:.72rem}
.wordstudy .wt-mid{flex:0 0 auto;text-align:center;padding:14px 16px;border-radius:12px;
  background:#F4F6EE;border:1px solid rgba(112,112,53,.25);min-width:120px}
.wordstudy .wt-mid .grk{display:block;font-size:1.5rem;color:var(--text1);line-height:1.3}
.wordstudy .wt-mid i{display:block;font-style:normal;font-size:.82rem;color:var(--text2)}
.wordstudy .wt-mid b{display:block;font-size:.76rem;color:var(--main);margin-top:4px}

/* ── the phone ──────────────────────────────────────────────────────────── */
@media(max-width:760px){
  .wordstudy .wtwrap{grid-template-columns:1fr;gap:10px}
  .wordstudy .wt-col.right{text-align:left}
  .wordstudy .wt-col.right .wt-bar{inset:0 auto 0 0}
  .wordstudy .wt-col.right .wt-n{float:right;margin:0 0 0 8px}
  .wordstudy .wt-col.right .wt-kids{justify-content:flex-start}
  .wordstudy .wt-mid{order:-1;min-width:0}
}
@media(max-width:620px){
  .wordstudy .dossier{padding:18px 12px 22px}
  /* wide things get their own scroll rather than making the page scroll */
  .wordstudy .treewrap, .wordstudy .sv-in, .wordstudy .dbwrap, .wordstudy .cf-rest, .wordstudy .edgrid{overflow-x:auto;-webkit-overflow-scrolling:touch}
  .wordstudy .treewrap>*{min-width:max-content}
  .wordstudy .sv-words{flex-wrap:nowrap}
  .wordstudy .unit{max-width:100%}
  .wordstudy .bab{display:block;margin-left:0;white-space:normal}
  .wordstudy .dbwrap{gap:2px}
  .wordstudy .db em{display:none}
  .wordstudy .db{min-width:7px}
  .wordstudy .ringwrap{gap:12px}
  .wordstudy .ring{width:104px;height:104px}
  .wordstudy .ring:after{inset:20px}
  .wordstudy .ringkey{grid-template-columns:1fr;flex-basis:100%}
  .wordstudy .rl{grid-template-columns:88px 1fr 34px;gap:7px}
  .wordstudy .smleg{font-size:.8rem;gap:6px 14px}
  .wordstudy .plmap iframe{height:240px}
  .wordstudy .navechip{max-width:100%}
  .wordstudy .navechip b, .wordstudy .navechip .nv-c{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .wordstudy .smm-box{padding:18px 16px}
  .wordstudy .smm-g{font-size:1.6rem}
}
/* nothing should be able to push the page sideways */
html, .wordstudy{max-width:100%;overflow-x:hidden}

/* ── the promo card ─────────────────────────────────────────────────────── */
/* The card itself belongs to the light page it will sit on; only the little
   study specimen inside it is dark, because that is what the dark verse area
   actually looks like. */
.wordstudy .promo-demo .promo{background:var(--card,#fff);border:1px solid rgba(112,112,53,.2);
  color:var(--text2)}
.wordstudy .promo-demo .promo h3{color:var(--text1)}
.wordstudy .promo-demo .promo h3 em{color:var(--main)}
.wordstudy .promo-demo .promo p{color:var(--text2)}
.wordstudy .promo-demo .promo .pill{background:rgba(112,112,53,.1);color:var(--main)}
.wordstudy .promo-demo .promo .cta{background:var(--accent);color:#23231B;border-color:var(--accent)}
.wordstudy .promo-demo .promo .meta{display:none}

/* the specimen: the dark verse area, with the same pens the real one uses */
.wordstudy .promo-demo .promo-mock{background:#20201A;border:1px solid rgba(212,175,55,.28);
  border-radius:11px;padding:14px 16px}
.wordstudy .promo-demo .promo-mock .lbl{color:var(--accent);font-size:.68rem;letter-spacing:.09em;
  text-transform:uppercase;font-weight:700;margin-bottom:9px}
.wordstudy .promo-demo .verse-mini{color:#EDE9D8;font-size:1.02rem;line-height:2.3}
.wordstudy .promo-demo .verse-mini .hw{background:rgba(212,175,55,.9);color:#23231B;
  border-radius:4px;padding:1px 5px;font-weight:600}
.wordstudy .promo-demo .verse-mini .hb{background:rgba(122,99,173,.28);color:#CBBDF0;
  border:1px solid rgba(189,169,230,.5);border-radius:4px;padding:1px 5px;font-size:.9em}
.wordstudy .promo-demo .verse-mini u{text-decoration:none;border-bottom:2.5px solid #d49898;
  padding-bottom:2px}
.wordstudy .promo-demo .verse-mini u+u, .wordstudy .promo-demo .verse-mini u:nth-of-type(2){border-bottom-color:#7fb3a0}

/* ── the pen-mark legend ────────────────────────────────────────────────── */
/* The row is right — v41's look. It collided because each item draws its mark
   out of flow, leaving the item itself with almost no width, so a two-word
   label spilled over its neighbour. Sizing each item to its own content keeps
   the row and stops the overlap; the taller row-gap keeps wrapped rows clear. */
.wordstudy .legend{row-gap:20px}
.wordstudy .legend .lg{min-width:max-content}

/* ── the promo specimen: the real marks, at small scale ─────────────────── */
.wordstudy .promo-demo .verse-mini u{text-decoration:none;padding-bottom:2px}
.wordstudy .promo-demo .verse-mini u.pm-verb{border-bottom:2.5px solid #d49898}
.wordstudy .promo-demo .verse-mini u.pm-obj{border-bottom:2.5px solid #8fb6d4}
.wordstudy .promo-demo .verse-mini u.pm-dot{border-bottom:2px dotted #cfcabb}
.wordstudy .promo-demo .pm-s{font-size:.72em;color:var(--accent);vertical-align:super;margin-left:1px}
.wordstudy .promo-demo .pm-s.rare{color:#e0a35c}
.wordstudy .promo-demo .pm-s.div{color:#e6c65a}
.wordstudy .promo-demo .pm-ring{position:relative;padding:2px 8px}
.wordstudy .promo-demo .pm-ring:before{content:"";position:absolute;inset:-5px -2px;border:2px solid #d9bf55;
  border-radius:50%;opacity:.9}
.wordstudy .promo-demo .pm-par:before{content:"(";color:#9a9a8e}
.wordstudy .promo-demo .pm-par:after{content:")";color:#9a9a8e}
.wordstudy .promo-demo .pm-key{display:flex;flex-wrap:wrap;gap:6px 14px;margin-top:12px;padding-top:10px;
  border-top:1px solid rgba(212,175,55,.2);font-size:.68rem;color:#A8A395}
.wordstudy .promo-demo .pm-key span{display:flex;align-items:center;gap:5px}
.wordstudy .promo-demo .pm-key i{display:block;width:16px;height:0;font-style:normal}
.wordstudy .promo-demo .k-verb{border-top:2.5px solid #d49898}
.wordstudy .promo-demo .k-obj{border-top:2.5px solid #8fb6d4}
.wordstudy .promo-demo .k-ring{height:11px !important;border:2px solid #d9bf55;border-radius:50%}
.wordstudy .promo-demo .k-sym{width:auto !important;color:#e0a35c;font-size:.8rem}

/* ── the syntax preview card ────────────────────────────────────────────── */
.wordstudy .synpv{align-items:stretch;gap:12px}
.wordstudy .pv-tree{flex:0 0 auto;display:block;padding:2px 0}
.wordstudy .pv-cl{display:block;border-left:2px solid rgba(112,112,53,.35);padding:2px 0 2px 7px;
  font-size:.6rem;letter-spacing:.05em;text-transform:uppercase;color:var(--text3);
  white-space:nowrap}
.wordstudy .pv-cl .pv-cl{margin-top:3px}
/* Scoped to .pv-cl. Bare .pv-t is the commentator preview's text block up in
   the right column, and this rule — being later in the file — was painting it
   white on white, so its heading was invisible in light mode. The syntax-tree
   tags this rule is for are always inside a clause. */
.wordstudy .pv-cl .pv-t{display:inline-block;font-size:.54rem;letter-spacing:.04em;padding:1px 4px;
  border-radius:3px;color:#fff;margin-right:3px;vertical-align:middle}
.wordstudy .pv-t.s{background:#7a63ad}
.wordstudy .pv-t.v{background:#8b4545}
.wordstudy .pv-cl .grk{font-size:.86rem;color:var(--text1);text-transform:none;letter-spacing:0;
  margin-right:6px}
.wordstudy .pv-t2{line-height:1.35;min-width:0}
.wordstudy .pv-t2 b{display:block;font-size:.92rem;color:var(--text1)}
.wordstudy .pv-t2 i{display:block;font-style:normal;font-size:.8rem;color:var(--text3);margin-top:2px}
.wordstudy .pv-t2 em{font-style:normal;color:var(--main);font-weight:700}
@media(max-width:620px){.wordstudy .synpv{flex-direction:column}.wordstudy .pv-cl{white-space:normal}}

/* ── the header, laid out like the by-verse page ────────────────────────── */
.wordstudy .head{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:14px}
.wordstudy .head h1{margin:0;text-align:center;grid-column:2}
.wordstudy .head .sub{display:none}
.wordstudy .vnav.left{justify-self:start;text-align:left}
.wordstudy .vnav.right{justify-self:end;text-align:right}
.wordstudy .head .vnav{display:flex;align-items:center;gap:8px}
@media(max-width:720px){
  .wordstudy .head{grid-template-columns:1fr;gap:8px}
  .wordstudy .head h1{grid-column:1;font-size:1.5rem}
  .wordstudy .vnav.left, .wordstudy .vnav.right{justify-self:center;text-align:center}
}

/* the stepper now rides with the chips it steps through */
.wordstudy .wstep{display:inline-flex;align-items:center;gap:8px;margin-left:16px;
  padding:5px 10px;border-radius:999px;background:rgba(112,112,53,.07);
  border:1px solid rgba(112,112,53,.18);white-space:nowrap}
.wordstudy .wstep button{border:1px solid rgba(112,112,53,.28);background:#fff;color:var(--main);
  border-radius:7px;width:26px;height:24px;line-height:1;cursor:pointer;font-size:.9rem}
.wordstudy .wstep button:hover{background:rgba(212,175,55,.2);border-color:rgba(212,175,55,.5)}
.wordstudy #stepinfo{font-size:.8rem;color:var(--text2);min-width:76px;text-align:center}
@media(max-width:720px){.wordstudy .wstep{margin-left:0;margin-top:6px}}

/* which text is which, said once on the line itself */
.wordstudy .tlab{float:right;margin:2px 0 0 16px;font-family:var(--ff);font-size:.58rem;
  letter-spacing:.1em;text-transform:uppercase;font-weight:700;line-height:1.6;
  color:var(--text3);background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.14);
  border-radius:999px;padding:1px 8px}

/* ── the legend: room between items ─────────────────────────────────────── */
/* Each item draws its mark out of flow, so the item itself is barely wider
   than nothing. Sizing to content stopped the overlap; the padding stops them
   merely touching. */
.wordstudy .legend{gap:18px 22px}
.wordstudy .legend .lg{min-width:max-content;padding-right:6px}
@media(max-width:620px){.wordstudy .legend{gap:14px 16px}}

/* the verse nav, on its own row under the title, as on the by-verse page */
.wordstudy .head{display:block}
.wordstudy .head h1{margin:0;text-align:center}
.wordstudy .vrow{display:flex;justify-content:space-between;align-items:center;
  margin:10px 0 16px;gap:12px}
.wordstudy .vbtn{display:inline-flex;align-items:center;gap:7px;font-size:.86rem;font-weight:600;
  padding:7px 14px;border-radius:9px;border:1px solid rgba(112,112,53,.22);
  background:#fff;color:var(--main);text-decoration:none;transition:all .15s}
.wordstudy .vbtn:hover{border-color:var(--accent);background:rgba(212,175,55,.12)}
.wordstudy .vbtn.off{color:var(--text3);border-color:rgba(112,112,53,.14);background:transparent;
  cursor:default;pointer-events:none}
.wordstudy .vbtn.off:hover{border-color:rgba(112,112,53,.14);background:transparent}
html.dark .wordstudy .vbtn{background:transparent;border-color:rgba(212,175,55,.28)}

/* the label rides the first line of the text it names, not the gap above it */
.wordstudy .tlab.low{margin-top:12px}
/* The version labels sit hard against the right edge of the card, so their
   tooltip hangs off the right rather than centring on a 40px chip. */
.wordstudy .tlab[data-tip]{cursor:help}
.wordstudy .tlab[data-tip]::after{left:auto;right:0;transform:translateX(0) translateY(4px)}
.wordstudy .tlab[data-tip]::before{left:auto;right:14px;transform:translateX(0) translateY(4px)}
.wordstudy .tlab[data-tip]:hover::after,.wordstudy .tlab[data-tip]:focus-visible::after,
.wordstudy .tlab[data-tip]:hover::before,.wordstudy .tlab[data-tip]:focus-visible::before{transform:translateX(0) translateY(0)}
.wordstudy .tlab a{color:inherit;text-decoration:none;border-bottom:1px dotted currentColor}
.wordstudy .tlab a:hover{color:var(--accent)}

/* ── provenance ──────────────────────────────────────────────────────────
   Sections a model wrote carry a mark; sections that are counted or quoted
   do not. Sized to read as a footnote on the heading, not as a warning. */
.wordstudy .gen{
  display:inline-block;margin-left:9px;padding:1px 6px 2px;
  font:400 .58rem/1.5 var(--ff);letter-spacing:.09em;text-transform:uppercase;
  color:var(--text3);background:var(--light);
  border:1px solid var(--gray);border-radius:3px;
  vertical-align:middle;white-space:nowrap;cursor:help}
.wordstudy .sn h3 .gen{position:relative;top:-1px}
.wordstudy .genline{
  margin:0 0 26px;padding:10px 14px;
  font:400 .78rem/1.6 var(--ff);color:var(--text3);
  background:var(--light);border-left:3px solid var(--gray);border-radius:0 4px 4px 0}
.wordstudy .genline .gen{margin-left:2px;margin-right:2px;background:var(--white)}
html.dark .wordstudy .gen, html.dark .wordstudy .genline{background:transparent}

/* the way out of a capped lexicon entry */
.wordstudy .lexmore{
  display:inline-block;margin-top:10px;
  font:400 .74rem/1 var(--ff);color:var(--main);
  text-decoration:none;border-bottom:1px solid var(--gray);padding-bottom:2px}
.wordstudy .lexmore:hover{color:var(--accent);border-bottom-color:var(--accent)}

/* the plain-English reading of a word's lexicon entries — titled exactly like
   the reference-work entries beneath it, because it sits in the same stack */
.wordstudy .lexnote{
  margin:0 0 16px;padding:13px 16px 14px;
  background:var(--tint-lex);border:1px solid var(--edge-lex);
  border-left:3px solid var(--accent);border-radius:0 5px 5px 0}
.wordstudy .lexnote .en{
  font-size:.86rem;font-weight:700;color:var(--main);margin-bottom:8px;
  padding-bottom:7px;border-bottom:1px solid rgba(0,0,0,.07);
  display:flex;justify-content:space-between;gap:12px;align-items:baseline}
html.dark .wordstudy .lexnote .en{border-bottom-color:rgba(255,255,255,.09)}
.wordstudy .lexnote p{margin:0;font:400 .95rem/1.68 var(--ff);color:var(--text2)}
html.dark .wordstudy .lexnote{background:transparent}

.wordstudy .src-h{
  margin:20px 0 8px;font:600 .7rem/1.3 var(--ff);letter-spacing:.08em;
  text-transform:uppercase;color:var(--main)}
.wordstudy .srclist{margin:0;padding:0;list-style:none;
  display:grid;grid-template-columns:repeat(auto-fill,minmax(310px,1fr));gap:6px 22px}
.wordstudy .srclist li{
  font:400 .82rem/1.5 var(--ff);color:var(--text2);
  padding:5px 0 6px;border-bottom:1px solid var(--gray)}
.wordstudy .srclist li b{font-weight:600;color:var(--text)}
.wordstudy .srclist li em{display:block;font-style:normal;font-size:.72rem;color:var(--text3)}

/* ── back to the top ─────────────────────────────────────────────────────
   The page is several thousand pixels long once the dossiers are printed. */
.wordstudy .totop{
  position:fixed;right:22px;bottom:22px;z-index:60;
  display:inline-flex;align-items:center;gap:6px;
  padding:9px 14px 10px;border:1px solid var(--gray);border-radius:22px;
  background:var(--white);color:var(--text2);
  font:600 .78rem/1 var(--ff);cursor:pointer;
  box-shadow:0 2px 10px rgba(0,0,0,.13);
  opacity:0;transform:translateY(6px);transition:opacity .18s,transform .18s}
.wordstudy .totop.on{opacity:1;transform:none}
.wordstudy .totop:hover{border-color:var(--accent);color:var(--main)}
html.dark .wordstudy .totop{background:#22221e;border-color:#44443c;color:#cfcfc6}
.wordstudy .sv-top b{font-weight:600;color:var(--text3)}
@media print{.wordstudy .totop{display:none}}

/* the cite/share module sits above the quick helps */
.wordstudy .citecard{padding:12px 14px;margin-bottom:14px}
.wordstudy .citecard .bch-cite-trigger{width:100%;justify-content:center}

/* ── the verse in English, compared ──────────────────────────────────────
   The tab above shows that the translations differ; this shows where. */
.wordstudy .vergrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(330px,1fr));gap:18px 24px;margin:4px 0 6px}
.wordstudy .ver-f{margin:0 0 8px;font:600 .68rem/1.3 var(--ff);letter-spacing:.08em;
  text-transform:uppercase;color:var(--main)}
.wordstudy .verrow{padding:9px 0 10px;border-top:1px solid var(--gray)}
.wordstudy .verrow.base{border-top-color:var(--accent)}
.wordstudy .ver-h{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap;margin-bottom:3px}
.wordstudy .ver-h b{font:700 .78rem/1 var(--ff);color:var(--text)}
.wordstudy .verrow.base .ver-h b{color:var(--main)}
.wordstudy .ver-n{font:400 .72rem/1 var(--ff);color:var(--text3)}
.wordstudy .ver-y{font:400 .7rem/1 var(--ff);font-style:normal;color:var(--text3);margin-left:auto}
.wordstudy .ver-t{margin:0;font:400 .87rem/1.6 var(--ff);color:var(--text2)}
.wordstudy .verrow.base .ver-t{color:var(--text)}

.wordstudy .choice{margin:14px 0 0;padding:13px 16px 14px;
  background:var(--white);border:1px solid var(--gray);border-radius:6px}
.wordstudy .choice.key{border-left:3px solid var(--accent);background:var(--tint-lex)}
.wordstudy .ch-h{display:flex;align-items:baseline;gap:9px;flex-wrap:wrap;
  padding-bottom:8px;margin-bottom:9px;border-bottom:1px solid var(--gray)}
.wordstudy .ch-h .grk{font-family:var(--fg);font-size:1.12rem;color:var(--text)}
.wordstudy .ch-h i{font-style:italic;font-size:.78rem;color:var(--text3)}
.wordstudy .ch-g{font-size:.82rem;color:var(--text2);font-weight:600}
.wordstudy .ch-s{font-size:.68rem;color:var(--text3);text-decoration:none;
  border:1px solid var(--gray);border-radius:3px;padding:1px 5px}
.wordstudy .ch-n{margin-left:auto;font-size:.7rem;color:var(--text3)}
.wordstudy .ch-sense{margin:9px 0 6px;font:600 .74rem/1.4 var(--ff);color:var(--main);
  display:flex;align-items:baseline;gap:7px}
.wordstudy .ch-sense i{font-style:normal;font-size:.62rem;color:var(--white);
  background:var(--olive);border-radius:50%;width:15px;height:15px;flex:none;
  display:inline-flex;align-items:center;justify-content:center}
.wordstudy .chgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:5px 18px}
.wordstudy .chrow{display:flex;align-items:baseline;gap:9px;padding:4px 0 5px;
  border-bottom:1px dotted var(--gray)}
.wordstudy .ch-e{font:400 .85rem/1.45 var(--ff);color:var(--text)}
.wordstudy .ch-v{margin-left:auto;font:400 .68rem/1.4 var(--ff);color:var(--text3);white-space:nowrap}
.wordstudy .ch-v b{font-weight:600}
html.dark .wordstudy .choice{background:transparent}

/* ── a button that says what it did ──────────────────────────────────────
   Every one of these used to do nothing at all, silently. */
.wordstudy .btn.done{
  background:#2E6F4E;border-color:#2E6F4E;color:#fff;font-weight:600}
.wordstudy .btn.failed{
  background:#8C3B3B;border-color:#8C3B3B;color:#fff;font-weight:600}
.wordstudy .cw.done{background:#2E6F4E;border-color:#2E6F4E;color:#fff}
.wordstudy .cw.failed{background:#8C3B3B;border-color:#8C3B3B;color:#fff}
.wordstudy .btn.done,.wordstudy .btn.failed,
.wordstudy .cw.done,.wordstudy .cw.failed{transition:background .12s,color .12s}

/* ── how rare are these words ────────────────────────────────────────────
   One measure across ten words, so one hue: the bar length is the magnitude.
   The rare ones are flagged in gold and never by colour alone — they carry
   the same triangle the verse card uses, and their count reads "once". */
.wordstudy .raritycard .pane{padding:14px 16px 16px}
.wordstudy .rar-lead{margin:0 0 12px;font:400 .8rem/1.5 var(--ff);color:var(--text2)}
.wordstudy .rar-lead b{color:var(--main);font-weight:700}
.wordstudy .rargrid{display:flex;flex-direction:column;gap:2px}
.wordstudy .rarrow{
  display:grid;grid-template-columns:minmax(64px,34%) 1fr auto;align-items:center;gap:10px;
  width:100%;padding:4px 6px;border:0;border-radius:4px;background:none;
  font:inherit;text-align:left;cursor:pointer}
.wordstudy .rarrow:hover,.wordstudy .rarrow:focus-visible{background:var(--light);outline:0}
.wordstudy .rar-w{font:400 .82rem/1.35 var(--ff);color:var(--text2);
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.wordstudy .rar-b{display:block;height:9px;background:var(--gray);border-radius:2px;overflow:hidden}
.wordstudy .rar-b i{display:block;height:100%;background:var(--olive);border-radius:2px}
.wordstudy .rarrow.hapax .rar-b i{background:var(--accent)}
.wordstudy .rarrow.hapax .rar-w{color:var(--text);font-weight:600}
.wordstudy .rar-n{font:400 .72rem/1 var(--ff);color:var(--text3);white-space:nowrap;
  display:inline-flex;align-items:center;gap:4px}
.wordstudy .rar-x{color:var(--pen-rare);font-size:.8rem;line-height:1}
.wordstudy .rarrow.sel{background:var(--hl-quote)}
html.dark .wordstudy .rarrow:hover{background:#2a2a24}

/* ── the printable study sheet ───────────────────────────────────────────
   What is worth carrying into a pulpit: the verse, its words, and the study
   notes. Not the map, the papyri or ten full lexicon dossiers. */
@media print{
  .wordstudy .bar,.wordstudy .layers,.wordstudy .vrow,.wordstudy .tabs,
  .wordstudy #stickyverse,.wordstudy #progress,.wordstudy .totop,
  .wordstudy .citecard,.wordstudy .cmtpv,.wordstudy .audiocard,
  .wordstudy .notes-h .toggle,.wordstudy .jump,.wordstudy .genline,
  .wordstudy #sn-map,.wordstudy .grp.pap,.wordstudy .grp.extra,
  .wordstudy .grp.wtree,.wordstudy .grp.conc,.wordstudy .distrib,
  .wordstudy .wordnav,.wordstudy .ghost,.wordstudy .dh-tools{display:none !important}
  .wordstudy .cols{display:block}
  .wordstudy .pane[hidden]{display:block !important}
  .wordstudy .vcard{background:#fff;border:1px solid #ccc}
  .wordstudy .dossier{break-inside:avoid}
  .wordstudy{--light:#fff;--white:#fff}
}

/* the rarity card's footnote is a footnote, and the card needs air above it */
.wordstudy .raritycard{margin-top:14px}
.wordstudy .raritycard .note{
  margin:12px 0 0;font:400 .68rem/1.5 var(--ff);color:var(--text3)}
.wordstudy .raritycard .note .grk{font-size:.8rem}
/* the syntax card now says it in one line, so the link sits on the title */
.wordstudy .synpv .pv-t2 b{display:block;line-height:1.45}
.wordstudy .synpv .pv-t2 em{
  font-style:normal;font-weight:600;color:var(--main);white-space:nowrap;margin-left:6px}

/* ══ Dark mode, second pass ══════════════════════════════════════════════════
   The first pass flipped the surfaces — --light, --white, --gray, the three
   text greys and the ten tint/edge pairs. It did not flip --main, the olive
   #707035, and that one variable is used 115 times as an ink: section labels,
   Strong's numbers, transliterations, "copy study", the commentator names, the
   cross-reference links. Against a dark surface it measures between 2.2 and
   3.4 to 1, so the page read as a set of half-legible olive smudges. Nothing
   else on the page failed: a contrast sweep of every text node found 166 under
   4.5 to 1 and 164 of them were this colour.

   #b0af6d is the same hue lifted until the worst case clears 4.5 — the worst
   being the purple amplification box, where "Amplified meaning" sat at 2.19.

   Two rules put white text ON --main rather than in it. Lifting the variable
   would have inverted them, so they get the dark ink instead, which is the
   right way round on a light olive anyway. */
html.dark .wordstudy{ --main:#b0af6d; }
html.dark .wordstudy .seg button[aria-pressed="true"],
html.dark .wordstudy .lb-play{ color:#1b1b17; }

/* Surfaces that were written as a literal #fff rather than var(--white), so
   the flip never reached them: the word stepper, the share modal, the hole in
   the translation ring, the legend's filled dot, the commentator portrait
   discs. Each was a white patch on a dark page. */
html.dark .wordstudy .wstep button{ background:var(--white); border-color:rgba(212,175,55,.28); }
html.dark .wordstudy .smm-box{ background:var(--white); color:var(--text); }
html.dark .wordstudy .ring:after{ background:var(--white); }
html.dark .wordstudy .lg-in{ background:var(--white); }
html.dark .wordstudy .lg-out{ background:#2a2a24; }
html.dark .wordstudy .pv-f{ background:#2a2a24; }
html.dark .wordstudy .hbw:hover{ background:rgba(212,175,55,.10); }

/* A date on an olive pill: white measured 3.37 against it in both modes, so
   this is not a dark-mode fix but a contrast one, and it applies to both. */
.wordstudy .fb-d{ color:#1b1b17; }

/* The version label on the verse card. This rule was written as
   `.wordstudy body:not([data-vdark="1"])` — body is never a descendant of
   .wordstudy, so it never matched and the light verse card kept the pale pill
   meant for the dark one. Corrected, and held to light mode: when the page is
   dark the card is dark whatever the verse toggle says. */
html:not(.dark) .wordstudy:not([data-vdark="1"]) .tlab{
  background:rgba(112,112,53,.08); border-color:rgba(112,112,53,.2); color:#707035; }

/* Two light-mode inks that measured just under 4.5 at their size and weight:
   the "Amplified meaning" label on the lavender box (3.92) and the pressed filter
   chips (4.41). Same hue, one step darker, light mode only — dark mode reads
   these from the lifted --main and already clears. */
html:not(.dark) .wordstudy .lexcell.amp .n,
html:not(.dark) .wordstudy .chip[aria-pressed="true"],
html:not(.dark) .wordstudy .chip[aria-pressed="true"] .tick{ color:#5c5c2b; }

/* ══ Dark mode, third pass — the light cards ═════════════════════════════════
   The contrast sweep that drove the last pass only sees text, and text was not
   the problem here. Six components set their background to a literal cream —
   #FCFBF6, #FAF9F4, #FBF6EC, #F4F6EE — instead of one of the tint variables,
   so the theme flip never reached them. On a dark page they stayed as bright
   panels: the Vulgate and Peshitta cards, the papyri quotations, the Hebrew
   correspondence cards, the word-tree hub, the map legend, the "every edition
   agrees" note. Worse, the papyri and the old versions dim their unhighlighted
   words — pale grey on near-white, which is how they came out unreadable. */
html.dark .wordstudy .oldv    { background:var(--tint-eng); border-color:var(--edge-eng); }
html.dark .wordstudy .xq.pap  { background:var(--tint-eng); }
html.dark .wordstudy .hbw     { background:var(--tint-eng); border-color:rgba(212,175,55,.18); }
html.dark .wordstudy .ed-none { background:var(--tint-morph); }
html.dark .wordstudy .wt-mid  { background:var(--tint-morph); border-color:rgba(212,175,55,.25); }
html.dark .wordstudy .smleg   { background:var(--white); border-color:rgba(212,175,55,.16); }

/* The word map is SVG, so its surfaces are fill, not background, and the
   sweep for light backgrounds could not see them either. Same problem: white
   discs on a dark page. */
html.dark .wordstudy .sm-hub          { fill:#1e2a20; stroke:rgba(212,175,55,.35); }
html.dark .wordstudy .sm-in circle    { fill:#2a2620; stroke:var(--main); }
html.dark .wordstudy .sm-in:hover circle  { fill:#3a3520; }
html.dark .wordstudy .sm-out circle   { fill:#232320; stroke:rgba(176,175,109,.5); }
html.dark .wordstudy .sm-out:hover circle { fill:#3a3520; }

/* --text1 is asked for 22 times in this stylesheet and defined nowhere, so
   every one of those declarations is invalid and the property falls back to
   whatever it inherits. In HTML that landed near enough to --text to pass
   unnoticed. In SVG, fill inherits black from the root, which was legible only
   because the discs above it were white. Now that they are not, the variable
   has to exist. */
.wordstudy      { --text1:#1c1c1c; }
html.dark .wordstudy { --text1:#ecece2; }

/* More colour in the dark theme. The first pass picked tints a step or two off
   neutral — #2b2820, #212620, #1f2528 — which read as five shades of the same
   grey once they were on the page, so the lexicon, morphology, dictionary,
   topic and English cards stopped telling themselves apart. These carry the
   same five hues with the chroma raised, and stay dark enough that the palest
   ink on them, --text3, still measures better than 5.7 to 1. */
html.dark .wordstudy{
  --tint-lex:#322c1c;   --edge-lex:#8a7a3e;
  --tint-morph:#1e2a20; --edge-morph:#5f7355;
  --tint-dict:#1b2830;  --edge-dict:#4f6b7a;
  --tint-topic:#2a2140; --edge-topic:#6f5b93;
  --tint-eng:#33261a;   --edge-eng:#866c4a;
}

/* ── Coloured pills: an ink that follows the fill ──────────────────────────
   The role tags, the papyrus dates and the "all agree" badge printed white on
   a saturated fill. Two different failures hid behind that one declaration.

   The olive pills — the papyrus date, the adverbial tag — are mid-tone in both
   modes, and white measured 3.37 against them either way. They take dark ink
   permanently.

   The rest sit on the pen colours, and those are inverted between modes: dark
   wine and slate in light mode, lifted pastels in dark. So white is right in
   one and wrong in the other, which is what --on-pen is for. */
.wordstudy           { --on-pen:#fff; }
html.dark .wordstudy { --on-pen:#1b1b17; }
.wordstudy .tr-role  { color:var(--on-pen); }
.wordstudy .wit-all  { color:var(--on-pen); }
.wordstudy .xq-d, .wordstudy .tr-role.adv{ color:#1b1b17; }

/* A hard-coded brown for the papyri group heading, dark enough that it
   disappeared against the dark page. Same hue, lifted. */
/* --pen-kw at 4.45 was the last one short; one step darker clears it. */
html:not(.dark) .wordstudy{ --pen-kw:#44775f; }

html.dark .wordstudy .grp.pap>.t>span{ color:#d3a95f; }
html.dark .wordstudy .plc-c.iffy{ color:#e7c88a; }

/* A lexicon set from a page scan says so. Thayer exists as a free text only as
   an image of the 1889 pages, and while its Greek came through clean the
   English still carries the odd scanning slip. Saying that beside the name is
   cheaper than implying a fidelity the source does not have. */
.wordstudy .ent .en .ocr{ font-style:normal; font-weight:400; font-size:.74em;
  letter-spacing:.04em; text-transform:uppercase; color:var(--text3);
  border:1px solid var(--gray); border-radius:20px; padding:1px 7px;
  margin-left:6px; vertical-align:1px; cursor:help; white-space:nowrap; }

/* ── Hebrew, and the Old Testament witnesses ─────────────────────────────── */
/* Hebrew inside a left-to-right box needs its own direction, or the maqqef and
   the sof pasuq land on the wrong end of the word. */
.wordstudy .heb{font-family:"SBL Hebrew","Ezra SIL","Taamey Frank CLM",David,"Times New Roman",serif;
  direction:rtl;unicode-bidi:isolate;font-size:1.15em;line-height:1.9}
.wordstudy .tr-grk.heb{font-size:1.2rem}
.wordstudy .wits{display:grid;gap:10px;margin:14px 0}
.wordstudy .wit{border:1px solid var(--line);border-radius:8px;padding:10px 12px;background:var(--card)}
.wordstudy .wit-h{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px;margin-bottom:6px}
.wordstudy .wit-h b{font-size:.95rem}
.wordstudy .wit-h em{font-style:normal;font-size:.78rem;color:var(--muted)}
.wordstudy .wit-t{margin:0;font-size:1.05rem}
.wordstudy .wit-t.grk{font-family:var(--fg)}
.wordstudy .wit-n{margin:6px 0 0;font-size:.8rem;color:var(--muted)}
.wordstudy .wit-mt{border-left:3px solid var(--pen-subj)}
.wordstudy .wit-dss{border-left:3px solid var(--olive)}
.wordstudy .wit-pairs{display:flex;flex-wrap:wrap;gap:6px}
.wordstudy .wp{display:inline-flex;flex-direction:column;align-items:center;gap:1px;
  padding:4px 8px;border:1px solid var(--line);border-radius:6px;background:var(--bg)}
.wordstudy .wp b{font-weight:600;font-size:1.05rem}
.wordstudy .wp i{font-style:normal;font-size:.85rem;color:var(--muted)}
.wordstudy .wit{display:block}
.wordstudy .wit-h{display:block;margin-bottom:6px}
.wordstudy .wit-h em{display:block;margin-top:2px}
/* not .wit-pairs — it is the flex row above, and listing it here turned the
   Hebrew/Greek pairs back into one squashed run of letters */
.wordstudy .wit-t,.wordstudy .wit-n{display:block;margin:6px 0 0}
.wordstudy .wit-pairs{margin:6px 0 0}

/* Pointed Hebrew needs more room than Greek at the same nominal size: the
   vowel points sit under the letter and the cantillation marks above it, so at
   1.2rem — the size the Greek line is set at — בְּרֵאשִׁ֖ית collapses into a smudge.
   These are the two places the text is meant to be read rather than referred
   to: the line under the verse card, and the witnesses set against each other. */
.wordstudy .grkline.heb{font-size:1.85rem;line-height:2.15;letter-spacing:.01em}
.wordstudy .wit-t.heb{font-size:1.6rem;line-height:2.1}
.wordstudy .wit-pairs .wp b.heb{font-size:1.45rem;line-height:1.9}
@media (max-width:640px){
  .wordstudy .grkline.heb{font-size:1.5rem}
  .wordstudy .wit-t.heb{font-size:1.35rem}
}
.wordstudy .note.nowords{margin:14px 0;padding:12px 14px;border-left:3px solid var(--line);
  background:var(--card);color:var(--muted);font-size:.9rem;line-height:1.6}
