/* Bundled fonts (see static/fonts/LICENSE-*.txt) */
@font-face{font-family:"David CLM";src:url(/static/fonts/DavidCLM-Medium.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"David CLM";src:url(/static/fonts/DavidCLM-Bold.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:"Liberation Serif";src:url(/static/fonts/LiberationSerif-Regular.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Liberation Serif";src:url(/static/fonts/LiberationSerif-Bold.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:"Liberation Serif";src:url(/static/fonts/LiberationSerif-Italic.woff2) format("woff2");font-weight:400;font-style:italic;font-display:swap}
@font-face{font-family:"Liberation Serif";src:url(/static/fonts/LiberationSerif-BoldItalic.woff2) format("woff2");font-weight:700;font-style:italic;font-display:swap}
:root{--bg:#f4f1ea;--paper:#fffdf8;--ink:#1d1d1f;--line:#d9d2c3;--accent:#2b3a55;--hl:#fff3c4;--bar:48px;--toc:270px}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--ink);font:17px/1.5 "Liberation Serif","Times New Roman",serif}
.index{max-width:640px;margin:2rem auto;padding:0 1rem}
.index a{color:var(--accent);text-decoration:none;display:block;padding:.6rem 0;border-bottom:1px solid var(--line)}

#bar{position:fixed;top:0;left:0;right:0;height:var(--bar);background:var(--accent);color:#fff;display:flex;align-items:center;gap:.8rem;padding:0 .6rem;z-index:30;font-family:system-ui,sans-serif}
#bar button{background:none;border:0;color:#fff;font-size:24px;width:44px;height:40px;cursor:pointer}
#bar .home{color:#fff;text-decoration:none;opacity:.8}
#cur{flex:1;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#status{font-size:14px;opacity:.9;min-width:5em;text-align:right}
#status.dirty{color:#ffd37a}#status.err{color:#ff9a9a}

#toc{position:fixed;top:var(--bar);bottom:0;left:0;width:var(--toc);background:var(--paper);border-right:1px solid var(--line);overflow-y:auto;z-index:20;transform:translateX(0);transition:transform .2s;font-family:system-ui,sans-serif;font-size:15px;-webkit-overflow-scrolling:touch}
body.toc-closed #toc{transform:translateX(-100%)}
#toc a{display:flex;gap:.6rem;align-items:baseline;padding:.55rem .8rem;color:var(--ink);text-decoration:none;border-bottom:1px solid #eee7d9}
#toc a.active{background:var(--hl);font-weight:600}
#toc .tl{min-width:2em;font-family:"David CLM","Frank Ruehl CLM","Noto Serif Hebrew",serif;font-size:19px;color:var(--accent);text-align:right}
#toc .empty{opacity:.4}
#scrim{display:none}

main#doc{margin-left:var(--toc);padding:calc(var(--bar) + 1rem) 1.2rem 40vh;max-width:calc(var(--toc) + 1100px);transition:margin .2s}
body.toc-closed main#doc{margin-left:auto;margin-right:auto;max-width:1100px}
@media(max-width:900px){
 main#doc,body.toc-closed main#doc{margin:0 auto;padding-left:.6rem;padding-right:.6rem}
 #toc{box-shadow:2px 0 12px #0004}
 body:not(.toc-closed) #scrim{display:block;position:fixed;inset:var(--bar) 0 0 0;background:#0003;z-index:15}
}

.dochead{background:var(--paper);border:1px solid var(--line);border-radius:8px;padding:.8rem 1rem;margin-bottom:1rem}
.dochead .meta{font:13px system-ui;color:#777;margin-bottom:.4rem}
.hdr{display:grid;grid-template-columns:1fr 1fr;gap:1.2rem}
.hdr .mf{font-weight:700;font-size:1.15em;padding:2px 4px;border-radius:4px;min-height:1.5em}
.hdr .he .mf{font-family:"David CLM","Frank Ruehl CLM","Noto Serif Hebrew",serif;font-size:1.35em}
.hdr .mf.sub{font-weight:400;font-size:1em;color:#444}
.hdr .mf:empty::before{content:"…";color:#bbb}

.seif{display:grid;grid-template-columns:1fr 1fr;gap:0 1.2rem;background:var(--paper);border:1px solid var(--line);border-radius:8px;margin:0 0 .9rem;padding:.7rem 1rem;position:relative;scroll-margin-top:calc(var(--bar) + .6rem)}
.seif.current{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}
.seif .num{position:absolute;top:.35rem;left:50%;transform:translateX(-50%);background:var(--accent);color:#fff;border-radius:12px;padding:0 .6rem;font:600 16px/1.5 "David CLM","Noto Serif Hebrew",serif;z-index:1}
.col{min-width:0;padding-top:1.4rem}
.edit{outline:none;border-radius:6px;padding:.3rem .4rem;cursor:text;min-height:2.5rem}
.edit:hover{background:#f7f2e4}
.edit.editing{background:#fff;box-shadow:0 0 0 2px var(--accent)}
.edit.editing .t,.edit.editing .p,.edit.editing .l{caret-color:var(--accent)}

.he .l{font-family:"David CLM","Frank Ruehl CLM","Noto Serif Hebrew","Times New Roman",serif;font-size:1.3em;line-height:1.45;min-height:1.45em}
.he .l b{font-weight:700}
.hu .t{font-weight:700;font-size:1.05em;margin-bottom:.3rem;min-height:1.5em}
.hu .t b{font-weight:800}
.hu .p{position:relative;padding-left:1.3rem;margin:.15rem 0;min-height:1.5em}
.hu .p::before{content:"•";position:absolute;left:.4rem}
.hu .p.gap{margin:0;padding:0;min-height:1.885em}
.hu .p.gap::before{content:none}
.edit.editing .p.gap{background:repeating-linear-gradient(90deg,#e9e3d3 0 6px,transparent 6px 12px) bottom/100% 1px no-repeat}
.hu .p[data-level="2"]{padding-left:2.7rem}
.hu .p[data-level="2"]::before{content:"–";left:1.7rem}
.hu .t:empty::before,.mf:empty::before{color:#bbb}

#help{display:none;position:fixed;bottom:0;left:0;right:0;background:#222;color:#eee;font:13px system-ui;padding:.4rem .8rem;z-index:40;text-align:center}
body.is-editing #help{display:block}