@font-face{font-family:"Noto Sans Samaritan";src:url("/fonts/NotoSansSamaritan-Regular.ttf") format("truetype");font-display:swap}
  @font-face{font-family:"Noto Sans Phoenician";src:url("/fonts/NotoSansPhoenician-Regular.ttf") format("truetype");font-display:swap}
  :root{
    --bg:#f7f4ee; --panel:#fffdf9; --ink:#1f1b16; --muted:#675e53; --line:#e3dccf;
    --accent:#8a3b12; --accent-soft:#f0e0d2; --hit:#fff1b8; --warn:#8a5a00;
    --var-bg:#ffd8b0; --var-ink:#6b2d00; --plus-bg:#d4ecd0; --plus-ink:#1f5a1a; --orth:#9a7b4f; --hl:#c9e0ff;
    --serif: "Iowan Old Style","Palatino Linotype",Palatino,"Book Antiqua",Georgia,serif;
    --heb: "SBL Hebrew","Ezra SIL","Frank Ruehl CLM","Arial Hebrew","Times New Roman",serif;
    --grk: "Gentium Plus","Gentium",Palatino,"Palatino Linotype","Times New Roman",serif;
    --sam: "Noto Sans Samaritan",sans-serif;
    --paleo: "Noto Sans Phoenician",sans-serif;
    --fs: 18px;
  }
  @media (prefers-color-scheme: dark){
    :root:not([data-theme]){ --bg:#17140f; --panel:#1e1a14; --ink:#ece5d8; --muted:#ada391; --line:#352f25;
           --accent:#e0a070; --accent-soft:#3a2a1c; --hit:#5a4a10; --warn:#e7b85a;
           --var-bg:#5a3214; --var-ink:#ffd2a8; --plus-bg:#1f3d1c; --plus-ink:#bfe6b6; --orth:#c9a87a; --hl:#23415f; }
  }
  :root[data-theme="dark"]{ --bg:#17140f; --panel:#1e1a14; --ink:#ece5d8; --muted:#ada391; --line:#352f25;
           --accent:#e0a070; --accent-soft:#3a2a1c; --hit:#5a4a10; --warn:#e7b85a;
           --var-bg:#5a3214; --var-ink:#ffd2a8; --plus-bg:#1f3d1c; --plus-ink:#bfe6b6; --orth:#c9a87a; --hl:#23415f; }
  :root[data-theme="black"]{ --bg:#000; --panel:#0b0b0b; --ink:#f2f2f2; --muted:#a8a8a8; --line:#2a2a2a;
           --accent:#ffb27a; --accent-soft:#2a1d12; --hit:#5a4a10; --warn:#ffcc66;
           --var-bg:#5a3214; --var-ink:#ffd2a8; --plus-bg:#1f3d1c; --plus-ink:#bfe6b6; --orth:#c9a87a; --hl:#1c3a5c; }
  :root[data-theme="white"]{ --bg:#ffffff; --panel:#ffffff; --ink:#000; --muted:#555; --line:#d6d6d6;
           --accent:#8a2a00; --accent-soft:#f3e3d6; }
  :root[data-theme="sepia"]{ --bg:#efe3c8; --panel:#f6ecd6; --ink:#3b2a17; --muted:#6a5540; --line:#d9c7a3;
           --accent:#7a3410; --accent-soft:#e6d0b0; }
  :root{ --lh:1; --hebscale:1.28; --maxw:1900px; --gutter:16px; }
  .kr{color:var(--muted)}
  a{color:var(--accent)} a:visited{color:var(--accent)}
  .w.hl .rc, .vv .rc, .vp .rc{color:inherit}
  body.hide-restored .kr{display:none}
  body.stripes .row:nth-child(even){background:color-mix(in srgb, var(--ink) 3.5%, transparent)}
  body.sans{--serif:-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--grk:"Noto Sans","Segoe UI",Arial,sans-serif}
  body.hide-labels .lref{display:none}
  *{box-sizing:border-box}
  html,body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--serif)}
  header{position:sticky;top:0;z-index:25;background:var(--panel);border-bottom:1px solid var(--line);padding:0 16px}
  /* one header on every page: top bar (name, sections, Display, site links) + the reader's toolbar below it */
  .topbar{display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px;min-height:50px}
  .toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;padding:8px 0 10px;border-top:1px solid var(--line)}
  .toolbar .findgrp{margin-inline-start:auto}
  .toolbar #chips{order:3;width:100%}
  header h1{font-size:15px;letter-spacing:.08em;text-transform:uppercase;margin:0 4px 0 0;color:var(--accent);font-weight:600;white-space:nowrap}
  .navtabs{display:flex;gap:2px;align-self:stretch}
  .navtabs > *{display:flex;align-items:center;border:none;background:none;border-bottom:2px solid transparent;border-radius:0;
               padding:6px 9px;color:var(--muted);font-size:15px;text-decoration:none;white-space:nowrap;cursor:pointer}
  .navtabs > :hover{color:var(--accent);border-color:transparent}
  .navtabs > [aria-selected=true],.navtabs > [aria-current=page]{color:var(--accent);border-bottom-color:var(--accent)}
  .navmenu{display:flex;align-items:center}
  .morebtn{display:none;font-size:18px;line-height:1;padding:5px 10px}
  .sitenav[hidden]{display:none}
  #hdr .topbar .menu .panel{left:auto;right:0}
  select,input[type=text],button{font:inherit;font-size:15px;color:var(--ink);background:var(--bg);
         border:1px solid var(--line);border-radius:6px;padding:5px 9px}
  button{cursor:pointer} button:hover{border-color:var(--accent)}
  button:disabled{opacity:.4;cursor:default}
  input[type=text]{width:150px}
  .grp{display:flex;gap:6px;align-items:center;flex-wrap:wrap}
  .sep{width:1px;align-self:stretch;background:var(--line)}
  .spacer{flex:1}
  /* tabs */
  .page{display:none} .page.on{display:block}
  #chips{display:flex;gap:6px;flex-wrap:wrap;align-items:center}
  #chips .hint{font-size:12px;color:var(--muted);margin-right:2px}
  .chip{display:inline-flex;align-items:center;gap:5px;font-size:13px;padding:4px 8px 4px 6px;border:1px solid var(--line);
        border-radius:999px;background:var(--bg);cursor:grab;user-select:none;color:var(--ink)}
  .chip:focus-visible{outline:2px solid var(--accent);outline-offset:1px}
  .chip .grip{color:var(--muted);font-size:11px;letter-spacing:-2px}
  .chip input{margin:0;cursor:pointer}
  .chip.off{color:var(--muted)}
  .chip.dragging{opacity:.35}
  .chip.drop-before,.colhead span.drop-before{box-shadow:-3px 0 0 var(--accent)}
  .chip.drop-after,.colhead span.drop-after{box-shadow:3px 0 0 var(--accent)}
  .dag{color:var(--warn);font-size:.8em;vertical-align:.35em;margin-left:1px;cursor:help}
  /* display menu */
  .menu{position:relative}
  .menu .panel{display:none;position:absolute;right:0;top:calc(100% + 6px);z-index:40;background:var(--panel);border:1px solid var(--line);
               border-radius:8px;box-shadow:0 8px 28px rgba(0,0,0,.16);padding:12px 14px;width:300px;max-width:calc(100vw - 24px);max-height:calc(100vh - 110px);overflow:auto;overscroll-behavior:contain}
  .menu.open .panel{display:block}
  .panel label{display:flex;gap:8px;align-items:center;font-size:14px;margin:6px 0}
  .panel select{width:100%;margin:3px 0 6px}
  .panel .row2{display:flex;gap:8px;align-items:center;margin-top:8px}
  .panel h4{margin:8px 0 2px;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-weight:600}
  #title{padding:18px var(--gutter,16px) 6px;max-width:var(--maxw,1900px);margin:0 auto}
  body.conc-open #title, body.conc-open #note, body.conc-open .ad-slot{margin-right:400px}
  @media (max-width:900px){ body.conc-open #title, body.conc-open #note, body.conc-open .ad-slot{margin-right:0} }
  .ad-slot{max-width:var(--maxw,1900px);margin:10px auto;padding:0 var(--gutter,16px);text-align:center;min-height:0}
  .ad-slot.on{min-height:100px} #ad-end.on{min-height:260px}
  .ad-slot .adlabel{display:block;font-size:11px;color:var(--muted);letter-spacing:.06em;text-transform:uppercase;margin-bottom:2px}
  .ad-slot .adfree{display:block;font-size:12px;margin-top:4px}
  #ad-side{padding:8px 14px 16px;border-top:1px solid var(--line)}
  .sitenav{display:flex;gap:12px;align-items:center;font-size:14px}
  .sitenav a{text-decoration:none} .sitenav a:hover{text-decoration:underline}
  #sitefoot{border-top:1px solid var(--line);margin-top:30px;padding:18px var(--gutter,16px) 40px;font-size:13.5px;color:var(--muted);text-align:center}
  #sitefoot a{margin:0 8px}
  #title h2{margin:0;font-size:26px;font-weight:600}
  #title p{margin:4px 0 0;color:var(--muted);font-size:14px}
  #note{margin:10px auto 0;max-width:var(--maxw,1900px);padding:8px 12px;border-left:3px solid var(--accent);background:var(--accent-soft);font-size:14px;display:none}
  #note > div + div{margin-top:4px}
  .legend span{padding:0 4px;border-radius:3px;margin:0 2px}
  main{max-width:var(--maxw);margin:0 auto;padding:6px var(--gutter) 80px}
  body.conc-open main, body.conc-open .doc{margin-right:400px}
  .colhead,.row{display:grid;grid-template-columns:var(--cols);gap:0 22px;align-items:start}
  .colhead{position:sticky;top:var(--hh,56px);z-index:4;background:var(--bg);padding:10px 0 8px;
           border-bottom:2px solid var(--line);font-size:12px;letter-spacing:.09em;text-transform:uppercase;color:var(--muted)}
  .colhead span[draggable]{cursor:grab}
  .row{padding:11px 0;border-bottom:1px solid var(--line);scroll-margin-top:calc(var(--hh,56px) + 44px)}
  .row.sel{background:var(--accent-soft);box-shadow:-10px 0 0 var(--accent-soft),10px 0 0 var(--accent-soft)}
  .row.dim{opacity:.22}
  .vn{font-size:12px;color:var(--accent);font-weight:600;padding-top:.55em;text-align:right;cursor:pointer}
  .cell{font-size:var(--fs);line-height:calc(1.62 * var(--lh));min-width:0;overflow-wrap:anywhere}
  .heb{direction:rtl;text-align:right;font-family:var(--heb);font-size:calc(var(--fs) * var(--hebscale));line-height:calc(1.9 * var(--lh))}
  .sam{direction:rtl;text-align:right;font-family:var(--sam);font-size:calc(var(--fs) * 1.15);line-height:2}
  .grk{font-family:var(--grk)}
  .eng{font-family:var(--serif)}
  .lref{display:inline-block;font:600 11px/1 var(--serif);color:var(--accent);border:1px solid var(--accent);
        border-radius:3px;padding:2px 4px;margin-right:6px;vertical-align:.15em;opacity:.85;direction:ltr}
  .u{display:block} .u + .u{margin-top:.45em}
  .empty{color:var(--muted);font-style:italic;font-size:.8em}
  .lxxonly .vn::after{content:"LXX";display:block;font-size:9px;letter-spacing:.06em;color:var(--muted)}
  .hide-c .heb .tm,.hide-n .heb .nk{display:none}
  .w{cursor:pointer;border-radius:3px}
  .w:hover{background:var(--hit)}
  .w.hl{background:var(--hl)}
  .ktv{color:var(--muted);font-size:.85em}
  .vv{background:var(--var-bg);color:var(--var-ink);border-radius:3px}
  .vp{background:var(--plus-bg);color:var(--plus-ink);border-radius:3px}
  .show-orth .vo{text-decoration:underline dotted var(--orth);text-underline-offset:4px}
  .om{color:var(--var-ink);background:var(--var-bg);border-radius:3px;font-family:var(--serif);font-size:.65em;padding:0 3px;vertical-align:.3em;cursor:help;direction:ltr;unicode-bidi:isolate;white-space:nowrap}
  .ms + .ms{margin-top:.7em;padding-top:.5em;border-top:1px dashed var(--line)}
  .msh{direction:ltr;text-align:left;font:12px/1.4 var(--serif);color:var(--muted);margin-bottom:1px}
  .msh b{color:var(--accent);font-weight:600;font-size:13px}
  .msh b sup{font-size:.75em}
  .rc{color:var(--muted)} .rc::before{content:"["} .rc::after{content:"]"}
  .uc{text-decoration:overline dotted;text-decoration-thickness:2px}
  .rm{text-decoration:line-through}
  .su{font-size:.7em;vertical-align:.7em}
  .pl{font-family:var(--paleo);font-size:.95em}
  .foot{margin:26px 0 0;color:var(--muted);font-size:12.5px;line-height:1.6;border-top:1px solid var(--line);padding-top:12px}
  .cell .lbl{display:none}
  /* hover card */
  #pop{position:fixed;z-index:30;max-width:360px;background:var(--panel);color:var(--ink);border:1px solid var(--line);border-radius:8px;
       box-shadow:0 6px 24px rgba(0,0,0,.18);padding:10px 12px;font-size:14px;line-height:1.45;pointer-events:none;display:none}
  #pop .lem{font-size:22px;line-height:1.2}
  #pop .lem.h{font-family:var(--heb);direction:rtl;display:inline-block} #pop .lem.g{font-family:var(--grk)}
  #pop .tr{color:var(--muted);font-style:italic;margin-left:6px}
  #pop .id{font-size:11px;color:var(--accent);border:1px solid var(--accent);border-radius:3px;padding:0 4px;margin-left:6px}
  #pop .gl{font-weight:600;margin-top:3px}
  #pop .mo{color:var(--muted);font-size:13px;margin-top:3px}
  #pop .seg{font-size:13px;margin-top:4px}
  #pop .hint{font-size:11.5px;color:var(--muted);margin-top:6px}
  /* concordance panel */
  #conc{position:fixed;top:var(--hh,56px);right:0;bottom:0;width:390px;z-index:20;background:var(--panel);border-left:1px solid var(--line);
        box-shadow:-4px 0 18px rgba(0,0,0,.08);display:none;flex-direction:column}
  body.conc-open #conc{display:flex}
  #conc .top{padding:12px 14px;border-bottom:1px solid var(--line)}
  #conc .top .x{float:right}
  #conc .lem{font-size:26px;line-height:1.2}
  #conc .lem.h{font-family:var(--heb)} #conc .lem.g{font-family:var(--grk)}
  #conc .meta{color:var(--muted);font-size:13px}
  #conc .def{white-space:pre-wrap;font-size:13px;line-height:1.45;max-height:26vh;overflow:auto;margin-top:6px;color:var(--ink)}
  #conc .list{overflow:auto;padding:8px 14px 40px;font-size:13.5px}
  #conc .sec{margin-top:12px;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--accent);border-bottom:1px solid var(--line);padding-bottom:2px}
  #conc .bk{margin-top:8px;font-weight:600}
  #conc .bk span{color:var(--muted);font-weight:400}
  #conc a{color:var(--accent);text-decoration:none;display:inline-block;margin:2px 7px 2px 0;cursor:pointer}
  #conc a small{color:var(--muted)}
  #conc a:hover{text-decoration:underline}
  #conc .pick{display:block;padding:6px 0;border-bottom:1px solid var(--line)}
  #conc .cite{display:flex;flex-wrap:wrap;gap:0 8px;align-items:baseline;padding:3px 0;border-bottom:1px dotted var(--line)}
  #conc .ptext{flex-basis:100%;display:none;margin:4px 0 8px;padding:8px 10px;background:var(--bg);border-radius:6px;font-size:13.5px;line-height:1.5;max-height:46vh;overflow:auto}
  #conc .ptext.on{display:block}
  #conc .ptext .ph{direction:rtl;text-align:right;font-family:var(--heb);font-size:17px;line-height:1.7;margin-bottom:6px}
  #conc .ptext .out{display:block;margin-top:6px;font-size:12px}
  #conc .cite a{margin:0} #conc .cite .d{margin-left:auto;color:var(--muted);font-size:12px;white-space:nowrap}
  #conc .cite .q{font-size:10px;letter-spacing:.05em;text-transform:uppercase;color:var(--plus-ink);background:var(--plus-bg);border-radius:3px;padding:0 4px}
  #conc .znote{font-size:13px;color:var(--ink);line-height:1.45;margin:4px 0 0}
  .vn .cb{display:block;margin:6px 0 0 auto;border:0;background:none;color:var(--muted);font-size:15px;line-height:1;padding:0;cursor:pointer}
  .vn .cb:hover{color:var(--accent)}
  .vn .cb.has{color:var(--accent)} .vn .cb.none{opacity:.3}
  .vn .cb.has::after{content:attr(data-n);display:block;font-size:9px;font-weight:600;margin-top:1px}
  #conc .vrow{display:flex;gap:8px;align-items:baseline;padding:4px 0;border-bottom:1px dotted var(--line);cursor:pointer}
  #conc .vrow:hover{background:var(--accent-soft)} #conc .vrow b{min-width:52px;color:var(--accent)} #conc .vrow span{color:var(--muted);font-size:12.5px}
  .psdiv{margin:18px 0 4px;padding:10px 14px;border-left:4px solid var(--accent);background:var(--accent-soft);font-size:14px;line-height:1.45}
  .psdiv b{font-size:17px;color:var(--accent);margin-right:6px}
  /* documentation pages */
  .doc{max-width:860px;margin:0 auto;padding:22px 20px 80px;line-height:1.65;font-size:16.5px}
  .doc h2{font-size:28px;margin:6px 0 4px}
  .doc h3{font-size:20px;margin:28px 0 6px;color:var(--accent)}
  .doc .lead{color:var(--muted);margin-top:0}
  .doc dt{font-weight:600;margin-top:10px}
  .doc dd{margin:2px 0 0 0}
  .doc .card{border:1px solid var(--line);border-radius:10px;padding:14px 18px;margin:16px 0;background:var(--panel)}
  .doc .card h3{margin-top:0}
  .doc .meta{font-size:13.5px;color:var(--muted)}
  .doc code{font-size:14px;background:var(--accent-soft);padding:1px 5px;border-radius:4px}
  .doc .sw{display:inline-block;padding:0 5px;border-radius:3px}
  @media (max-width:980px){
    .colhead{display:none}
    .row{grid-template-columns:36px minmax(0,1fr);gap:6px 10px}
    .row > .cell{grid-column:2}
    .row > .vn{grid-row:span 12}
    .cell .lbl{display:block;direction:ltr;text-align:left;font:600 10px/1.4 var(--serif);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-bottom:1px}
    body.conc-open main, body.conc-open .doc{margin-right:0}
    #conc{width:100%;top:auto;height:60vh}
    .menu .panel{right:auto;left:0}
  }
  /* narrower screens: Support / Account / language move into the ☰ menu */
  @media (max-width:1100px){
    .morebtn{display:inline-block} .navmenu:has(#sitenav[hidden]) .morebtn{display:none}
    .sitenav{display:none}
    .navmenu.open .sitenav:not([hidden]){display:flex;flex-direction:column;align-items:stretch;gap:2px;position:absolute;right:0;top:calc(100% + 6px);
      z-index:40;min-width:210px;background:var(--panel);border:1px solid var(--line);border-radius:8px;box-shadow:0 8px 28px rgba(0,0,0,.16);padding:6px;font-size:15px}
    .navmenu.open .sitenav a{padding:9px 10px;border-radius:6px} .navmenu.open .sitenav a:hover{background:var(--accent-soft);text-decoration:none}
    .navmenu.open .sitenav select{margin:6px 10px 6px}
  }
  #chipsBtn{display:none}
  @media (max-width:760px){
    header{position:relative}
    #chipsBtn{display:inline-block}
    #chips{display:none;width:100%} body.chips-open #chips{display:flex;flex-wrap:wrap}
    .topbar{gap:2px 8px;min-height:46px;padding-top:4px}
    .topbar .spacer{order:1} #dispMenu,#sdisp{order:2} .navmenu{order:3}
    .navtabs{order:4;width:calc(100% + 32px);margin:0 -16px;padding:0 8px;overflow-x:auto;scrollbar-width:none}
    .navtabs::-webkit-scrollbar{display:none}
    .navtabs > *{padding:8px 8px 7px;font-size:14.5px}
    .toolbar{padding-top:8px}
    .toolbar .findgrp{margin:0;width:100%;display:none} body.chips-open .toolbar .findgrp{display:flex}
    #find,#lexq{display:none} body.chips-open #find, body.chips-open #lexq{display:inline-block;flex:1 1 140px;width:auto}
    #conc{z-index:45;height:78vh;border-top:1px solid var(--line);box-shadow:0 -8px 28px rgba(0,0,0,.2);border-radius:12px 12px 0 0}
    .row{scroll-margin-top:12px}
  }

/* ---- public-site additions (static pages, pre-rendered chapters) ---- */
body.static .doc{max-width:860px;font-size:calc(var(--fs) * .92)}
body.static .menu .panel{width:260px}
body.static .doc h2{font-size:28px;margin:6px 0 10px}
body.static .doc h3{margin:22px 0 6px}
.card{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:14px 16px;margin:14px 0}
.card h3{margin-top:0}
.card label{display:block;font-size:13px;color:var(--muted);margin:10px 0 4px}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px}
.amounts{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0}
button.amt{padding:8px 14px;font-weight:600;border-color:var(--accent);color:var(--accent)}
button.amt:hover{background:var(--accent-soft)}
.row2{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:10px}
a.btn{display:inline-block;padding:6px 12px;border:1px solid var(--accent);border-radius:6px;text-decoration:none}
.note{padding:8px 12px;border-left:3px solid var(--accent);background:var(--accent-soft)}
.draftnote{max-width:860px;margin:12px auto 0;padding:8px 12px;border:1px dashed var(--warn);color:var(--warn);font-size:14px}
textarea,input[type=email],input[type=number]{font:inherit;font-size:15px;color:var(--ink);background:var(--bg);border:1px solid var(--line);border-radius:6px;padding:6px 8px}
.tablewrap{overflow-x:auto} .doc table{border-collapse:collapse;font-size:14px;width:100%} .doc th,.doc td{border-bottom:1px solid var(--line);padding:6px 8px;text-align:left;vertical-align:top}
.booklist{columns:4 180px;padding-left:18px;margin:6px 0 18px}
.booklist li{margin:2px 0}
.hero{padding:10px 0 4px}
.hero .lead{font-size:19px}
.starts{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0 6px}
.starts a{padding:6px 12px;border:1px solid var(--line);border-radius:999px;text-decoration:none;background:var(--panel)}
.layers{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:12px;margin:12px 0}
.layers div{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:10px 12px;font-size:14.5px}
.layers b{display:block;color:var(--accent);margin-bottom:2px}
/* pre-rendered chapter text, shown until the viewer takes over */
#rows.pre .prerow{display:grid;grid-template-columns:34px repeat(auto-fit,minmax(220px,1fr));gap:0 22px}
#rows.pre .cell{font-size:var(--fs)}
.tabs{display:flex;gap:0;margin:0 0 12px;border-bottom:1px solid var(--line)}
.tabs button{border:0;border-bottom:3px solid transparent;border-radius:0;background:none;padding:8px 14px;font-weight:600;color:var(--muted);margin-bottom:-1px;cursor:pointer}
.tabs button[aria-selected=true]{color:var(--accent);border-bottom-color:var(--accent)}
button.amt[aria-pressed=true]{background:var(--accent);color:var(--bg)}
button.primary{background:var(--accent);color:var(--bg);border-color:var(--accent);font-weight:600;padding:8px 18px}
button.primary:disabled{opacity:.5;cursor:not-allowed}
button.link{background:none;border:0;color:var(--accent);text-decoration:underline;cursor:pointer;padding:0}
.give .other{margin-top:10px}
.payhead{justify-content:space-between;margin-bottom:10px}
#checkout{min-height:300px;border-radius:8px;overflow:hidden}
dl.credits dt{font-weight:600;margin-top:14px;color:var(--ink)}
dl.credits dd{margin:3px 0 0 0;padding-left:14px;border-left:2px solid var(--line)}
.nc{font-size:11px;font-weight:700;letter-spacing:.05em;color:var(--warn);border:1px solid currentColor;border-radius:4px;padding:0 4px;margin-left:4px;vertical-align:1px}
/* dev portal */
body.static .doc:has(#portal){max-width:1180px}
.pill{display:inline-block;font-size:11px;font-weight:700;background:var(--accent);color:var(--bg);border-radius:999px;padding:0 7px;margin-left:4px;vertical-align:1px}
#atabs{flex-wrap:wrap;margin-bottom:14px}
.stats{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;margin:6px 0 10px}
.stat{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:12px 14px}
.stat b{display:block;font-size:26px;color:var(--accent)} .stat span{font-size:14px} .stat small{display:block;color:var(--muted);font-size:12.5px;margin-top:2px}
.atable{border-collapse:collapse;width:100%;font-size:14px} .atable th,.atable td{border-bottom:1px solid var(--line);padding:7px 8px;text-align:left;vertical-align:top}
.atable th{color:var(--muted);font-weight:600;font-size:12.5px;text-transform:uppercase;letter-spacing:.04em}
.report.done{opacity:.65} .rhead{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap} .rbody{white-space:pre-wrap;margin:8px 0}
.check{display:grid;grid-template-columns:18px 220px 1fr;gap:8px;padding:8px 0;border-bottom:1px solid var(--line);font-size:14.5px}
@media (max-width:640px){ .check{grid-template-columns:18px 1fr} .check span{grid-column:2} }
.ok{color:#2e8b3a} .bad{color:#c0392b}
.linkgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:10px}
.linkgrid a{display:block;background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:10px 12px;text-decoration:none;color:var(--muted);font-size:13.5px}
.linkgrid a b{display:block;color:var(--accent);font-size:15px} .linkgrid a:hover{border-color:var(--accent)}
pre.cmd{background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:10px 12px;font-size:13.5px;overflow-x:auto}
.note.shabbat{border-left-color:#c9a227}
.give.closed .amounts,.give.closed .other{opacity:.5;pointer-events:none}
/* Israel: closed on Shabbat and Yom Tov */
html.il-closed body > *:not(#ilclosed):not(#shpreview){display:none !important}
#shpreview{position:fixed;left:12px;right:12px;bottom:12px;z-index:1001;padding:10px 14px;border-radius:8px;background:#1d4ed8;color:#fff;font:14px/1.4 -apple-system,"Segoe UI",Roboto,Arial,sans-serif;box-shadow:0 6px 20px rgba(0,0,0,.25);text-align:center}
#shpreview a{color:#fff;font-weight:600;margin-left:8px}
#ilclosed{position:fixed;inset:0;z-index:1000;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:24px;background:var(--bg);color:var(--ink)}
#ilclosed h1{font-size:44px;color:var(--accent);margin:0 0 12px} #ilclosed p{font-size:19px;line-height:1.6;margin:6px 0} #ilclosed .en{margin-top:22px;opacity:.8}
/* language menu */
.langsel{font-size:13.5px;padding:2px 4px;margin-inline-start:4px}
/* right-to-left interface (Hebrew): the site's own text runs right to left; the parallel columns keep their order */
html[dir=rtl] #page-reader main{direction:ltr}
html[dir=rtl] #rows .cell.eng,html[dir=rtl] #rows .cell.grk{direction:ltr;text-align:left}
html[dir=rtl] .note,html[dir=rtl] .card{text-align:right}
html[dir=rtl] .note{border-left:0;border-right:3px solid var(--accent)}
html[dir=rtl] dl.credits dd{padding-left:0;padding-right:14px;border-left:0;border-right:2px solid var(--line)}
html[dir=rtl] .menu .panel,html[dir=rtl] #hdr .topbar .menu .panel{right:auto;left:0}
html[dir=rtl] .navmenu.open .sitenav{right:auto;left:0}
html[dir=rtl] #conc{direction:rtl}
html[dir=rtl] #conc .top .x{float:left}
html[dir=rtl] .row2{flex-direction:row}