/* The Wroot Press Bible: own design (SITE-PLAN §9). EB Garamond text, Alegreya for Aramaic, Noto Serif Hebrew. */
@font-face{font-family:"EB Garamond";src:url(/fonts/eb-garamond-latin-400-normal.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"EB Garamond";src:url(/fonts/eb-garamond-latin-400-italic.woff2) format("woff2");font-weight:400;font-style:italic;font-display:swap}
@font-face{font-family:"EB Garamond";src:url(/fonts/eb-garamond-latin-600-normal.woff2) format("woff2");font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:"EB Garamond";src:url(/fonts/eb-garamond-greek-400-normal.woff2) format("woff2");font-weight:400;unicode-range:U+0370-03FF,U+1F00-1FFF;font-display:swap}
@font-face{font-family:"Alegreya";src:url(/fonts/alegreya-latin-400-normal.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Alegreya";src:url(/fonts/alegreya-latin-400-italic.woff2) format("woff2");font-weight:400;font-style:italic;font-display:swap}
@font-face{font-family:"Noto Serif Hebrew";src:url(/fonts/noto-serif-hebrew-hebrew-400-normal.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"Noto Serif Hebrew";src:url(/fonts/noto-serif-hebrew-hebrew-600-normal.woff2) format("woff2");font-weight:600;font-display:swap}

:root{--bg:#f6f0e4;--ink:#2b2420;--mut:#7a6e62;--rule:#d9ceb9;--acc:#8a3b24;--accbg:#f0dfcf;--card:#fbf7ee;--wip:#e5d9bf;
  --serif:"EB Garamond",Georgia,"Times New Roman",serif;--heb:"Noto Serif Hebrew","Taamey Frank CLM","SBL Hebrew","Times New Roman",serif}
@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#17130f;--ink:#e9e0d0;--mut:#9d9283;--rule:#3a3128;--acc:#d98a68;--accbg:#2b211a;--card:#1e1913;--wip:#3a3126}}
:root[data-theme=dark]{--bg:#17130f;--ink:#e9e0d0;--mut:#9d9283;--rule:#3a3128;--acc:#d98a68;--accbg:#2b211a;--card:#1e1913;--wip:#3a3126}

*{box-sizing:border-box}
html{font-size:100%;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--ink);font:1.15rem/1.55 var(--serif);font-variant-numeric:oldstyle-nums}
a{color:inherit;text-decoration-color:var(--rule);text-underline-offset:.15em}
a:hover{color:var(--acc);text-decoration-color:var(--acc)}
.skip{position:absolute;left:-999px}.skip:focus{left:8px;top:8px;background:var(--card);padding:.3rem .6rem;z-index:9}
[lang=hbo],[lang=he]{font-family:var(--heb);font-size:.95em}
[lang=arc]{font-family:"Alegreya",var(--serif)}
.mut{color:var(--mut)}

.top{display:flex;flex-wrap:wrap;gap:.4rem 1.6rem;align-items:baseline;justify-content:space-between;max-width:78rem;margin:0 auto;padding:.9rem 16px;border-bottom:1px solid var(--rule)}
.brand{font-weight:600;text-decoration:none;font-size:1.2rem;letter-spacing:.01em}
.top nav{display:flex;flex-wrap:wrap;gap:.2rem 1.2rem;font-size:1rem}
.top nav a{text-decoration:none;color:var(--mut)}.top nav a:hover,.top nav a[aria-current]{color:var(--ink)}
main{max-width:78rem;margin:0 auto;padding:1.6rem 16px 3rem}
.foot{max-width:78rem;margin:0 auto;padding:1rem 16px 3rem;color:var(--mut);font-size:.95rem;border-top:1px solid var(--rule)}
h1{font-size:2.1rem;line-height:1.15;margin:.2rem 0 .6rem;font-weight:600}
h2{font-size:1.45rem;margin:2.2rem 0 .6rem;font-weight:600}
h3{font-size:1.15rem;margin:1.4rem 0 .4rem;font-weight:600}
.lede{font-size:1.3rem;max-width:42rem}
.crumb{margin:0;color:var(--mut);font-size:.95rem}
.prose{max-width:44rem}.prose table{font-size:1rem}
table{border-collapse:collapse;width:100%;margin:1rem 0}
th,td{text-align:left;vertical-align:top;padding:.35rem .6rem;border-bottom:1px solid var(--rule)}
th{font-weight:600;font-size:.9rem;letter-spacing:.04em;color:var(--mut)}
td.n{text-align:right}
code{font-family:ui-monospace,Menlo,monospace;font-size:.85em}
mark{background:var(--accbg);color:inherit;padding:0 .1em}
.btn{display:inline-block;padding:.45rem 1rem;border:1px solid var(--ink);text-decoration:none;margin:.2rem .4rem .2rem 0}
.btn:hover{background:var(--ink);color:var(--bg)}.btn2{border-color:var(--rule);color:var(--mut)}
.hero .ex{border-left:3px solid var(--acc);padding-left:1rem;max-width:40rem;font-style:italic}

/* status badge */
.badge{display:inline-block;font-size:.8rem;letter-spacing:.06em;text-transform:lowercase;border:1px solid var(--mut);padding:0 .5em;border-radius:2px;text-decoration:none;color:var(--mut)}
.badge-final{background:var(--ink);color:var(--bg);border-color:var(--ink)}
.chead .meta{color:var(--mut);margin:.2rem 0 1rem;font-size:1rem}.tl{margin-left:.5rem}

/* controls */
.controls{display:flex;flex-wrap:wrap;gap:.4rem;margin:.6rem 0 1.6rem}
.controls button{font:inherit;font-size:.95rem;background:none;border:1px solid var(--rule);color:var(--mut);padding:.15rem .8rem;cursor:pointer}
.controls button[aria-pressed=true]{border-color:var(--ink);color:var(--ink);background:var(--card)}
.controls .sep{width:.8rem}

/* the text */
.reading .text{max-width:36rem}
.prow{margin:0 0 1.1rem}
.ptext{max-width:36rem}
.vs{display:inline}
.vs.poetry{display:block;position:relative;margin:.15rem 0}
.vs.poetry>.vn{position:absolute;left:-.95rem;top:.1rem;margin:0}
.vn{font-size:.62em;vertical-align:.45em;color:var(--mut);text-decoration:none;margin-right:.15em;font-variant-numeric:lining-nums}
.vn:hover{color:var(--acc)}
.al{font-size:1.1em;margin-right:.5em;color:var(--acc)}
.ln{display:block}.ln-q2{margin-left:1.4rem}.ln-q3{margin-left:2.8rem}
.yhwh{font-variant:all-small-caps;letter-spacing:.04em;font-feature-settings:"smcp","c2sc"}
.arc{font-family:"Alegreya",var(--serif);border-left:1px solid var(--acc);padding-left:.5em;margin-left:.1em}
.plus{background:var(--accbg)}.minus{color:var(--acc)}
.sa{display:inline-block;width:1.4em;height:.85em;margin:0 .15em;border-right:1px solid var(--mut);vertical-align:-.1em}
a.lx{text-decoration:none}
a.lx:hover,a.lx:focus{text-decoration:underline dotted var(--acc)}
a.lx1{text-decoration:underline dotted var(--rule);text-underline-offset:.2em}
.nm{font-size:.62em;vertical-align:.5em;color:var(--acc);text-decoration:none;font-variant-numeric:lining-nums;padding:0 .12em;font-weight:600}
.nm:hover{text-decoration:underline}
.pread,.psrc{display:none}
.pnotes{display:none}
.srcv{margin:.1rem 0;font-size:1.25rem;line-height:1.8;text-align:right}.srcv .vn{margin:0 0 0 .35em;font-family:var(--serif)}
.rtext .rp,.pread{max-width:36rem}

/* views */
main[data-view=reader] .ptext,main[data-view=reader] .pnotes{display:none}
main[data-view=reader] .pread{display:block}
main[data-src="1"] .psrc{display:block;border-top:1px dotted var(--rule);margin:.4rem 0 0;padding-top:.3rem;max-width:min(36rem,100%);min-width:0;box-sizing:border-box;overflow-wrap:anywhere}
main[data-view=both] .pread{display:block;margin:.4rem 0 0 1.1rem;color:var(--mut);font-size:1.05rem}

/* note boxes */
.hc{position:absolute;z-index:20;background:var(--card);border:1px solid var(--rule);box-shadow:0 2px 10px rgba(0,0,0,.12);padding:.5rem .7rem;max-width:22rem;font-size:.95rem;line-height:1.4}
.hc .h{font-family:var(--heb);font-size:1.15rem}.hc .g{font-weight:600}.hc small{display:block;color:var(--mut)}
.inl{display:block;background:var(--card);border-left:3px solid var(--acc);padding:.4rem .7rem;margin:.4rem 0;font-size:.98rem;line-height:1.45}

/* notes list */
.notes{max-width:44rem}
.nlist{padding-left:2.2rem;margin:.6rem 0}
.note{margin:0 0 1.1rem;padding-left:.2rem;font-size:1.02rem;line-height:1.5;position:relative}
.note::marker{color:var(--acc);font-weight:600;font-variant-numeric:lining-nums}
.nkind{font-size:.78rem;letter-spacing:.07em;text-transform:uppercase;color:var(--mut)}
.nkind::before{content:"";display:inline-block;width:.55em;height:.55em;margin-right:.4em;border:1.5px solid var(--mut)}
.note-decision .nkind::before{background:var(--mut)}
.note p{margin:.3rem 0}.exp{font-style:italic}.rul{color:var(--mut);font-size:.92rem}
.nbody p:first-child{margin-top:.2rem}
.back{float:right;font-size:.9rem;color:var(--acc);text-decoration:none;border:1px solid var(--rule);padding:0 .6em;margin-left:.8rem;white-space:nowrap}.back:hover{background:var(--accbg)}
.nm:target,.mn:target,.vs:target{background:var(--accbg)}
.nm,.mn,.vs,.note{scroll-margin-top:30vh}
.note:target{background:var(--accbg)}
.words{max-width:56rem;margin:1.6rem 0}.words summary,.tables h2{cursor:pointer}
.tables{max-width:52rem}.tbl h3{font-size:1rem;color:var(--mut);font-weight:400}

.pn{display:flex;justify-content:space-between;max-width:36rem;margin:2rem 0 0}
.pn a{text-decoration:none;border-bottom:1px solid var(--rule)}

/* indexes, grid */
.clist{padding-left:1.2rem}.clist li{margin:.2rem 0}
.subnav{font-size:.98rem;color:var(--mut)}
.ruling{margin:1.6rem 0;scroll-margin-top:1rem}.ruling h3{margin:0 0 .3rem}.ruling h3 a{text-decoration:none}
.ruling:target{background:var(--accbg);padding:.2rem .6rem}.rmeta,.why{color:var(--mut);font-size:.95rem}
.ridx td:first-child{width:3rem}
.occ{list-style:none;padding:0}.occ li{margin:.25rem 0}.occ a{color:var(--acc);margin-right:.4rem;font-variant-numeric:lining-nums}
.lemma dl{display:grid;grid-template-columns:max-content 1fr;gap:.2rem 1rem}.lemma dt{color:var(--mut)}.lemma dd{margin:0}
.grow{display:flex;gap:.8rem;align-items:baseline;margin:.15rem 0}.gname{width:9.5rem;flex:none;color:var(--mut);font-size:.95rem}
.gcells{display:flex;flex-wrap:wrap;gap:2px}
.gc{display:inline-block;min-width:1.6rem;padding:0 .25rem;font-size:.72rem;text-align:center;border:1px solid var(--rule);color:var(--mut);text-decoration:none;font-variant-numeric:lining-nums;line-height:1.35}
.gc-pub{background:var(--ink);color:var(--bg);border-color:var(--ink)}.gc-wip{background:var(--wip);color:var(--ink)}
.gg{margin:1.2rem 0 .3rem;font-size:.9rem;letter-spacing:.08em;text-transform:uppercase;color:var(--mut)}
.glegend{color:var(--mut);font-size:.95rem}.glegend .gc{margin:0 .2rem}

/* wide screens: margin notes */
@media (min-width:1100px){
  main.reading .text{max-width:none}
  main[data-view=translation] .prow{display:grid;grid-template-columns:36rem 22rem;gap:0 3rem;align-items:start}
  main[data-view=translation] .pnotes{display:block;font-size:.88rem;line-height:1.4;color:var(--mut);padding-top:.15rem}
  .pnotes .mn{margin:0 0 .6rem}.pnotes .mv{font-size:.8rem}.pnotes .more{color:var(--acc);margin-left:.2rem}
  main[data-view=both] .prow{display:grid;grid-template-columns:36rem 36rem;gap:0 3rem}
  main[data-view=both] .pread{margin:0;color:var(--ink);font-size:inherit}
  main[data-view=both] .psrc,main[data-src="1"][data-view=both] .psrc{grid-column:1 / span 2}
  main[data-src="1"] .psrc{grid-column:1 / span 2;max-width:100%}
  main[data-view=reader][data-src="1"] .psrc{max-width:min(36rem,100%)}
  .pn{max-width:36rem}
}
@media (max-width:719px){
  body{font-size:1.08rem}h1{font-size:1.75rem}
  .grow{display:block}.gname{display:block;width:auto}
  .lemma dl{display:block}.lemma dd{margin-bottom:.4rem}
  .ln-q2{margin-left:1.1rem}.ln-q3{margin-left:2.2rem}
}
@media print{.top,.controls,.foot,.pn,.pnotes{display:none}body{background:#fff;color:#000}}