/* English pages (/en/), loaded after site.css. The same notebook, written left to right, so the margin line moves
   to the left as in English notebooks. Building blocks for English text with Hebrew in it live here too. */
.site{direction:ltr}
.crumbs li:not(:last-child)::after{content:"›"}
.wa-fab{left:auto;right:calc(22px + env(safe-area-inset-right,0px));padding:10px 14px 10px 16px}
.a11y{direction:ltr;left:auto;right:calc(16px + env(safe-area-inset-right,0px))}
.toast{direction:ltr}
.toast q{quotes:"“" "”"}
@media (max-width:860px){.tabbar{grid-template-columns:repeat(4,1fr)}}
.en-foot{grid-template-columns:1.3fr .9fr 1.2fr}
.en-foot small{display:block;font-size:.8125rem;color:var(--panel-soft);opacity:.85}
.en-foot a{line-height:1.35;margin-bottom:4px}
@media (max-width:960px){.en-foot{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.en-foot{grid-template-columns:minmax(0,1fr)}}
.nav a[lang="he"]{font-family:var(--body)}

/* Hebrew inside English: the right font and direction, kept apart from the English around it,
   so punctuation next to a Hebrew phrase stays where the English sentence put it */
:lang(he){font-family:var(--body)}
[lang="he"]:not(html){direction:rtl;unicode-bidi:isolate}
.he{direction:rtl;unicode-bidi:isolate;font-weight:500}
.he-block{direction:rtl;text-align:right}
.term{display:inline-flex;align-items:baseline;gap:6px;flex-wrap:wrap;border:1.5px solid var(--line);border-radius:999px;padding:1px 12px;background:var(--card);font-size:.9375rem;line-height:1.5}
.term .he{color:var(--ink)}
.term small{color:var(--ink-soft);font-size:.8125rem}

/* reading width, sources, notes */
.prose{max-width:70ch}
.prose p + p{margin-top:12px}
.prose ul,.prose ol{padding-inline-start:20px;display:grid;gap:6px;margin:12px 0 0}
.prose li{color:var(--ink-soft)}
.prose li b{color:var(--ink)}
.prose a,.src a,.links a{color:var(--ink);text-underline-offset:3px}
.src{font-size:.8125rem;color:var(--ink-soft);margin-top:14px;max-width:70ch}
.src::before{content:"Source: ";font-weight:700}
.src.many::before{content:"Sources: "}
.box{background:var(--card);border:2px solid var(--ink);border-radius:8px;padding:20px 22px}
.box.soft{border:1.5px solid var(--line)}
.box.warn{border-color:var(--pen);border-style:dashed}
.box h3{font-size:1.125rem;margin-bottom:8px}
.box p{color:var(--ink-soft)}
.box p + p{margin-top:10px}
.links{list-style:none;margin:12px 0 0;padding:0;display:grid;gap:8px}
.links li{display:flex;flex-wrap:wrap;gap:2px 10px;align-items:baseline}
.links small{color:var(--ink-soft);font-size:.8125rem}
.table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;border:1.5px solid var(--line);border-radius:8px;background:var(--card)}
.tbl{border-collapse:collapse;width:100%;font-size:.9375rem}
.tbl caption{text-align:start;font-size:.8125rem;color:var(--ink-soft);padding:10px 14px 0;caption-side:top}
.tbl th,.tbl td{padding:9px 14px;border-bottom:1px solid var(--line);text-align:start;vertical-align:top}
.tbl thead th{font-size:.8125rem;letter-spacing:.02em;color:var(--ink-soft);font-weight:700;background:var(--paper)}
.tbl tbody th{font-weight:700}
.tbl tr:last-child > *{border-bottom:0}
.tbl .he{font-size:1rem}
.tbl .math{white-space:normal}
.lvl{display:inline-block;font-family:var(--mono);font-size:.75rem;border:1px solid var(--line);border-radius:4px;padding:0 5px;margin-inline-end:3px;color:var(--ink-soft);white-space:nowrap}