/* Greek and Latin with Jerome: Study Companion */
.jc{--gk:var(--c-g);--lt:var(--c-l);--acc:#004225;--gt:#8a6a1f}
html[data-theme="dark"] .jc{--acc:#6cc79a;--gt:#e0c070}
.jc [hidden]{display:none !important}
.jc .grc,.jc .lat,.jc .jc-tw td{font-family:"Gentium Book Plus","Gentium Plus",Georgia,"Times New Roman",serif}
.jc-crumbs{font-size:.85rem;color:var(--muted);margin:0 0 .6rem}.jc-crumbs a{color:inherit;text-decoration:none;box-shadow:none}.jc-crumbs a:hover{color:var(--acc)}
.jc .lang-hero h1{font-size:2rem}
.jc .lang-hero .jc-motto{margin-top:.5rem;font:1.15rem "Gentium Book Plus",Georgia,serif;color:var(--gold-l)}
.jc-actions{display:flex;flex-wrap:wrap;gap:.5rem;margin:.9rem 0 0}
.jc-btn{display:inline-flex;align-items:center;gap:.35rem;font:600 .95rem system-ui,sans-serif;padding:.55rem 1rem;border-radius:10px;border:1px solid var(--line);background:var(--card);color:var(--ink);text-decoration:none;box-shadow:none;cursor:pointer;line-height:1.2}
.jc a.jc-btn{color:var(--ink)}
.jc-btn:hover{border-color:var(--acc)}
.jc-btn.pri,.jc a.jc-btn.pri{background:#b8963e;border-color:#b8963e;color:#1d1608}
.lang-hero .jc-btn{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.35);color:#fff}
.lang-hero a.jc-btn{color:#fff}
.lang-hero a.jc-btn.pri{background:#f3dfa3;border-color:#f3dfa3;color:#1d1608}
.jc-sec{margin:1.8rem 0}
.jc h2{font:700 1.4rem Georgia,serif;color:var(--acc);margin:0 0 .6rem}
.jc h3{font:700 1.1rem Georgia,serif;color:var(--acc);margin:1.1rem 0 .4rem}
.jc h4.jc-gold{font:700 1rem Georgia,serif;color:var(--gt);margin:1rem 0 .3rem}
.jc p{line-height:1.6}
.jc-small{font-size:.85rem;color:var(--muted)}
.jc-cols{columns:2 320px;column-gap:2rem}.jc-cols p{margin:0 0 .8rem;break-inside:avoid}
.jc-box{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:1rem 1.2rem}
.jc-note{background:var(--paper);border:1px solid var(--line);border-left:4px solid var(--gold);border-radius:12px;padding:.8rem 1rem}
/* contents */
.jc-parts{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:.9rem}
.jc-part{display:block;background:var(--card);border:1px solid var(--line);border-radius:14px;padding:1rem 1.1rem;text-decoration:none;box-shadow:none;color:inherit}
a.jc-part:hover{border-color:var(--acc)}
.jc-part b{display:block;font:700 1.12rem Georgia,serif;color:var(--acc)}
.jc-part span{display:block;color:var(--muted);font-size:.9rem;margin-top:.2rem;line-height:1.45}
.jc-part .jc-k{font:700 .7rem system-ui,sans-serif;text-transform:uppercase;letter-spacing:.12em;color:var(--gt);margin:0 0 .15rem}
.jc-refs{display:flex;flex-wrap:wrap;gap:.3rem;margin:.5rem 0 0;padding:0;list-style:none}
.jc-refs a{display:inline-block;font-size:.8rem;padding:.12rem .45rem;border:1px solid var(--line);border-radius:999px;text-decoration:none;box-shadow:none;color:var(--ink);background:var(--paper)}
.jc-refs a:hover{border-color:var(--acc)}
/* tables */
.jc table{display:table}
.jc-tw{overflow-x:auto;-webkit-overflow-scrolling:touch}
.jc-tw table,.jc-tbl{border-collapse:collapse;width:auto;min-width:min(100%,320px);font-size:.95rem;margin:0}
.jc-tw th,.jc-tw td,.jc-tbl th,.jc-tbl td{border-bottom:1px solid var(--line);padding:.32rem .55rem;text-align:left;vertical-align:top}
.jc-tw thead th,.jc-tbl thead th{background:var(--paper);font:700 .76rem system-ui,sans-serif;letter-spacing:.03em;color:var(--muted);border-bottom:2px solid var(--line)}
.jc-tw thead th b{font-weight:700}
.jc-fig{margin:.9rem 0;min-width:0}
.jc-fig figcaption{font:700 .95rem Georgia,serif;color:var(--gt);margin:0 0 .3rem}
.jc-cap{font-size:.85rem;color:var(--muted);margin:.35rem 0 0;line-height:1.45}
.jc-sub{color:var(--muted)}
.jc-row{display:flex;flex-wrap:wrap;gap:0 1.6rem;align-items:flex-start}
.jc-row>.jc-fig{flex:1 1 300px}
/* passage */
.jc-pnav{display:flex;justify-content:space-between;gap:.6rem;flex-wrap:wrap;margin:1.4rem 0}
.jc-pnav a{flex:1 1 220px;display:block;padding:.6rem .9rem;border:1px solid var(--line);border-radius:12px;background:var(--card);text-decoration:none;box-shadow:none;color:var(--ink)}
.jc-pnav a:hover{border-color:var(--acc)}
.jc-pnav a small{display:block;color:var(--muted);font-size:.78rem}
.jc-pnav a.next{text-align:right}
.jc-ph{display:flex;align-items:baseline;gap:.6rem;flex-wrap:wrap}
.jc-ph .jc-n{font:700 1.2rem Georgia,serif;color:var(--gt)}
.jc-tools{display:flex;flex-wrap:wrap;gap:.4rem;margin:.6rem 0}
.jc-tools button{font:600 .82rem system-ui,sans-serif;padding:.35rem .7rem;border-radius:999px;border:1px solid var(--line);background:var(--card);color:var(--ink);cursor:pointer}
.jc-tools button[aria-pressed="true"]{background:#004225;border-color:#004225;color:#fff}
html[data-theme="dark"] .jc-tools button[aria-pressed="true"]{background:#6cc79a;border-color:#6cc79a;color:#0f1a14}
.jc-text{background:var(--paper);border:1px solid var(--line);border-radius:14px;padding:.9rem 1.1rem;margin:.6rem 0}
.jc-lab{font:700 .66rem system-ui,sans-serif;letter-spacing:.16em;text-transform:uppercase;margin:.4rem 0 .15rem}
.jc-lab.g{color:var(--gk)}.jc-lab.l{color:var(--lt)}.jc-lab.e{color:var(--muted)}
.jc-il{display:flex;flex-wrap:wrap;gap:.15rem .7rem;line-height:1.2}
.jc-il span{display:inline-flex;flex-direction:column;align-items:flex-start}
.jc-il b{font:400 1.45rem/1.25 "Gentium Book Plus",Georgia,serif}
.jc-il.g b{color:var(--gk)}.jc-il.l b{color:var(--lt)}
.jc-il i{font:normal .72rem system-ui,sans-serif;color:var(--muted);letter-spacing:.02em}
.jc.nopron .jc-il i{display:none}
.jc-en{font:1.12rem/1.5 Georgia,serif;margin:.1rem 0 .2rem}
.jc.noen .jc-en{filter:blur(6px);user-select:none;cursor:pointer}
.jc-notes{width:100%;border-collapse:collapse;margin:.4rem 0}
.jc-notes th{background:var(--paper);font:700 .76rem system-ui,sans-serif;color:var(--muted);text-align:left;padding:.35rem .6rem;border-bottom:2px solid var(--line)}
.jc-notes td{border-bottom:1px solid var(--line);padding:.5rem .6rem;vertical-align:top;line-height:1.5}
.jc-notes td.g b,.jc-notes td.l b{font:700 1.08rem "Gentium Book Plus",Georgia,serif}
.jc-notes td.g b{color:var(--gk)}.jc-notes td.l b{color:var(--lt);font-style:italic}
.jc-notes td small{display:block;color:var(--muted);font-size:.8rem;margin-top:.1rem}
.jc-notes td.n{font-size:.95rem}
.jc-notes td.n b{font-family:"Gentium Book Plus",Georgia,serif;color:var(--gk)}
.jc-notes td.n i{font-family:"Gentium Book Plus",Georgia,serif;color:var(--lt)}
.jc-notes td small a{color:inherit}
@media (max-width:700px){
  .jc .jc-notes,.jc-notes tbody{display:block}
  .jc-notes thead{display:none}
  .jc-notes tr{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid var(--line);padding:.35rem 0}
  .jc-notes td{border:0;padding:.25rem .4rem}
  .jc-notes td.n{grid-column:1/-1}
}
.jc-new{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:.6rem}
.jc-new h4{margin:0 0 .3rem;font:700 .74rem system-ui,sans-serif;letter-spacing:.12em;text-transform:uppercase}
.jc-new .g h4{color:var(--gk)}.jc-new .l h4{color:var(--lt)}
.jc-chips{display:flex;flex-wrap:wrap;gap:.35rem}
.jc-chip{display:inline-block;padding:.2rem .55rem;border:1px solid var(--line);border-radius:10px;background:var(--card);text-decoration:none;box-shadow:none;color:var(--ink);font-size:.86rem;line-height:1.35}
.jc-chip:hover{border-color:var(--acc)}
.jc-chip b{font:700 1.02rem "Gentium Book Plus",Georgia,serif}
.g .jc-chip b{color:var(--gk)}.l .jc-chip b{color:var(--lt);font-style:italic}
.jc-met{display:grid;grid-template-columns:auto 1fr auto;gap:.3rem .6rem;align-items:center;font-size:.85rem;margin-top:.8rem;max-width:520px}
.jc-bar{height:8px;border-radius:5px;background:var(--line);overflow:hidden}
.jc-bar i{display:block;height:100%;border-radius:5px}
.jc-bar.g i{background:var(--gk)}.jc-bar.l i{background:var(--lt)}
/* book list */
.jc-plist{list-style:none;padding:0;margin:0;display:grid;gap:.6rem}
.jc-plist a{display:grid;grid-template-columns:2.4rem minmax(0,1fr);gap:.2rem .7rem;padding:.7rem .9rem;border:1px solid var(--line);border-radius:12px;background:var(--card);text-decoration:none;box-shadow:none;color:var(--ink)}
.jc-plist a:hover{border-color:var(--acc)}
.jc-plist .jc-n{font:700 1.15rem Georgia,serif;color:var(--gt);grid-row:span 3}
.jc-plist .r{font:700 1.02rem Georgia,serif;color:var(--acc)}
.jc-plist .gr{font:1.05rem "Gentium Book Plus",Georgia,serif;color:var(--gk)}
.jc-plist .en{color:var(--muted);font-size:.9rem}
/* practice */
.jc-q{border-top:1px solid var(--line);padding:.8rem 0}
.jc-q:first-of-type{border-top:0}
.jc-qt{margin:0 0 .4rem}
.jc-qt b.qn{display:inline-block;min-width:1.8rem;color:var(--gt)}
.jc-match{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);gap:.2rem 1.2rem;margin:.3rem 0 .3rem 1.8rem;max-width:820px}
.jc-match ol{margin:0;padding-left:1.3rem}
.jc-match ol.ab{list-style:lower-alpha}
.jc-match li{padding:.15rem 0}
.jc-match select{font:inherit;font-size:.85rem;margin-left:.4rem;padding:.05rem .2rem;border-radius:6px;border:1px solid var(--line);background:var(--card);color:var(--ink)}
.jc-match li.ok select{border-color:#3f9b6e;background:#e3f3ea}.jc-match li.no select{border-color:#c2523c;background:#f8e3df}
html[data-theme="dark"] .jc-match li.ok select{background:#1f3b2b}html[data-theme="dark"] .jc-match li.no select{background:#46241e}
.jc-opts{list-style:none;margin:.2rem 0 .2rem 1.8rem;padding:0;display:grid;gap:.35rem;grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr));max-width:980px}
.jc-opts button{width:100%;text-align:left;font:inherit;padding:.4rem .7rem;border-radius:10px;border:1px solid var(--line);background:var(--card);color:var(--ink);cursor:pointer}
.jc-opts button:hover{border-color:var(--acc)}
.jc-opts button.ok{border-color:#3f9b6e;background:#e3f3ea}.jc-opts button.no{border-color:#c2523c;background:#f8e3df}
html[data-theme="dark"] .jc-opts button.ok{background:#1f3b2b}html[data-theme="dark"] .jc-opts button.no{background:#46241e}
.jc-extra{margin:.3rem 0 .3rem 1.8rem;font-family:"Gentium Book Plus",Georgia,serif;font-size:1.05rem}
.jc-extra p{margin:.15rem 0}
.jc-ans{margin:.4rem 0 0 1.8rem}
.jc-ans summary{cursor:pointer;font:600 .85rem system-ui,sans-serif;color:var(--acc)}
.jc-ans .a{margin:.35rem 0 0;padding:.5rem .8rem;border-left:3px solid var(--gold);background:var(--paper);border-radius:0 10px 10px 0}
.jc-ans .why{display:block;color:var(--muted);font-style:italic;margin-top:.2rem}
.jc-check{font:600 .82rem system-ui,sans-serif;margin:.3rem 0 0 1.8rem;padding:.3rem .8rem;border-radius:999px;border:1px solid var(--acc);background:var(--card);color:var(--acc);cursor:pointer}
.jc-score{font-size:.85rem;color:var(--muted);margin-left:.5rem}
/* vocabulary */
.jc-vtools{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;margin:.6rem 0}
.jc-vtools input,.jc-vtools select{font:inherit;padding:.4rem .6rem;border-radius:10px;border:1px solid var(--line);background:var(--card);color:var(--ink)}
.jc-vtools input{flex:1 1 220px}
.jc .jc-tw table.jc-vocab{width:100%}
.jc-vocab{width:100%;border-collapse:collapse}
.jc-vocab th{position:sticky;top:0;background:var(--paper);font:700 .76rem system-ui,sans-serif;color:var(--muted);text-align:left;padding:.4rem .5rem;border-bottom:2px solid var(--line);cursor:pointer;white-space:nowrap}
.jc-vocab td{border-bottom:1px solid var(--line);padding:.35rem .5rem;vertical-align:top}
.jc-vocab td.vw a{font:700 1.12rem "Gentium Book Plus",Georgia,serif;text-decoration:none;box-shadow:none}
.jc-vocab.greek td.vw a{color:var(--gk)}.jc-vocab.latin td.vw a{color:var(--lt)}
.jc-vocab td.p{font-size:.78rem;color:var(--muted);white-space:nowrap}
.jc-vocab td.num{text-align:right;font-variant-numeric:tabular-nums;color:var(--muted)}
.jc-vocab td.f a{font-size:.8rem;white-space:nowrap}
@media (max-width:640px){.jc-vocab td.p,.jc-vocab th.p,.jc-vocab td.f,.jc-vocab th.f{display:none}}
/* word */
.jc-wh{display:flex;align-items:baseline;flex-wrap:wrap;gap:.3rem .8rem}
.jc-wh .hw{font:700 2.4rem/1.1 "Gentium Book Plus",Georgia,serif}
.jc.greek .jc-wh .hw{color:var(--gk)}.jc.latin .jc-wh .hw{color:var(--lt)}
.jc-wh .pr{font:.95rem system-ui,sans-serif;color:var(--muted)}
.jc-wh .pos{font-style:italic;color:var(--muted)}
.jc-entry{font:1.25rem "Gentium Book Plus",Georgia,serif;margin:.4rem 0}
.jc-entry .m{font-family:Georgia,serif;font-size:1.05rem}
.jc-wnotes{margin:.3rem 0 .6rem;padding-left:1.2rem}
.jc-wnotes li{margin:.15rem 0}
.jc-tables{display:flex;flex-wrap:wrap;align-items:flex-start;gap:1.1rem 2rem;margin:.8rem 0}
.jc-ftab{flex:0 1 auto;min-width:min(100%,17rem);max-width:100%}
.jc-ftab .ft{width:0;min-width:100%}
.jc-ftab h3{font:700 .95rem Georgia,serif;margin:0 0 .3rem}
.jc-ftab table{border-collapse:collapse;font:1rem "Gentium Book Plus",Georgia,serif;width:100%}
.jc-ftab th{background:var(--paper);font:700 .72rem system-ui,sans-serif;color:var(--muted);text-align:left;padding:.28rem .45rem;border-bottom:2px solid var(--line);white-space:nowrap}
.jc-ftab td{border-bottom:1px solid var(--line);padding:.25rem .45rem;white-space:nowrap}
.jc-ftab td:first-child{font:700 .78rem system-ui,sans-serif;color:var(--muted)}
.jc-ftab td b{color:var(--ink)}
.jc-ftab td:not(:first-child){color:var(--muted)}
.jc-ftab .ft{font-size:.88rem;margin:.3rem 0 0;line-height:1.45}
.jc-ftab .ft p{margin:.1rem 0}
.jc-legend{font-size:.85rem;color:var(--muted)}
.jc-legend b{color:var(--ink)}
.jc-credits li{margin:.25rem 0}
@media print{.jc-tools,.jc-pnav,.jc-actions,.jc-vtools,.jc-check{display:none !important}.jc.noen .jc-en{filter:none}}
.jc-q{font-family:"Gentium Book Plus",Georgia,serif;font-size:1.06rem}
.jc-q button,.jc-q select{font-family:inherit}
.jc-toc ul{margin:.4rem 0 0;padding:0;list-style:none;columns:2 240px}
.jc-toc li{margin:.15rem 0}
.jc-found ul{padding-left:1.2rem}.jc-found li{margin:.25rem 0;line-height:1.5}
.jc-found .jc-tw td,.jc-found .jc-tw th{white-space:normal}
.jc-found table{min-width:0}
.jc .lang-hero a{color:#f3dfa3}
.jc-btn small{font-weight:400;opacity:.85}
.jc a:not([class]){color:var(--acc);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:2px;box-shadow:none}
.jc .jc-crumbs a:not([class]){color:inherit;text-decoration:none}
.jc .lang-hero a:not([class]){color:#f3dfa3}
.jc-pnav span[lang]{font:1.15rem "Gentium Book Plus",Georgia,serif}
.jc-ftab th{font-family:system-ui,sans-serif}
.jc .jc-refs a:not([class]),.jc .jc-plist a:not([class]),.jc a.jc-plain{color:var(--ink);text-decoration:none}
.jc .jc-plist a:not([class]){color:var(--ink)}
.jc-ftab .ft{font-family:"Gentium Book Plus",Georgia,serif;font-size:.95rem}