/* arches layout (preview, Oct 27 2026). Only applies when #stage has class "ar". Old-browser safe: no inset, no flex gap.
   v3: 5 colour themes, ?arch=1..5 (or config archTheme); no param = theme 1 (light blue / white). Every colour has a plain fallback (theme 1) before its var(). */
#arches{display:none}
#stage.ar > header, #stage.ar > .rule, #stage.ar > main, #stage.ar > #mm, #stage.ar > #learning, #stage.ar > footer{display:none !important}
#stage.ar::before, #stage.ar::after{display:none !important}
#stage.ar{background:#e9f2fb !important;background:var(--abg1) !important;background-image:linear-gradient(180deg,#e9f2fb 0%,#d3e5f5 100%) !important;background-image:linear-gradient(180deg,var(--abg1) 0%,var(--abg2) 100%) !important;padding:0 !important}
/* theme 1: Blue & white */
#stage.ar{--abg1:#e9f2fb;--abg2:#d3e5f5;--apanel:#ffffff;--apbd:#a9cbe9;--ash:rgba(43,106,166,.16);--aab:#2b6aa6;--aabl:#a9cbe9;--aabt:#e8f2fb;--aink:#22303d;--aink2:#55687a;--aline:#e1ecf6;--apast:#8494a3;--apastsm:#9aa7b3;--anxbg:#d4e6f7;--anxink:#14467a;--anxbar:#2b6aa6;--anxsm:#2b5f93;--anxsh:rgba(43,106,166,.18);--abox:#ffffff;--aboxbd:#a9cbe9;--acd:#2b6aa6;--aclock:#22303d;--ass:#2b6aa6;--astrip:#2b6aa6;--astink:#ffffff;--astsep:#a9cbe9;--afly:#e8f2fb;--aflybd:#a9cbe9;--atag:#ffffff;--agh:#2b6aa6;--aghbg:#e8f2fb;--agap:#a9cbe9}
/* theme 2: Cream & burgundy */
#stage.ar.ar2{--abg1:#f3ead8;--abg2:#e6d6bb;--apanel:#fffbf2;--apbd:#cfa99a;--ash:rgba(94,40,30,.16);--aab:#4e2617;--aabl:#d9bfae;--aabt:#f6ece0;--aink:#2e1d14;--aink2:#6b5446;--aline:#efe3d6;--apast:#a8978a;--apastsm:#b4a597;--anxbg:#f1dcd6;--anxink:#3a1a10;--anxbar:#7a1f2e;--anxsm:#5e3a2c;--anxsh:rgba(122,31,46,.18);--abox:#fffbf2;--aboxbd:#cfa99a;--acd:#4e2617;--aclock:#2e1d14;--ass:#6b4434;--astrip:#6e1c2a;--astink:#fff6ea;--astsep:#e3bfb3;--afly:#f6ece0;--aflybd:#d9bfae;--atag:#fffbf2;--agh:#4e2617;--aghbg:#f1e2d6;--agap:#cfa99a}
/* theme 3: Charcoal & sky blue */
#stage.ar.ar3{--abg1:#1f272e;--abg2:#12181d;--apanel:#28333d;--apbd:#45596a;--ash:rgba(0,0,0,.35);--aab:#9fd0ff;--aabl:#4c6377;--aabt:#202a33;--aink:#f3f6f9;--aink2:#b6c3ce;--aline:#34424f;--apast:#7d8c99;--apastsm:#71808c;--anxbg:#3a6d99;--anxink:#ffffff;--anxbar:#9fd0ff;--anxsm:#e3f1ff;--anxsh:rgba(0,0,0,.35);--abox:#28333d;--aboxbd:#45596a;--acd:#9fd0ff;--aclock:#ffffff;--ass:#9fd0ff;--astrip:#3a6d99;--astink:#ffffff;--astsep:#9fd0ff;--afly:#202a33;--aflybd:#45596a;--atag:#28333d;--agh:#9fd0ff;--aghbg:#33414d;--agap:#4c6377}
/* theme 4: Jerusalem stone & terracotta */
#stage.ar.ar4{--abg1:#e9dec9;--abg2:#d6c4a3;--apanel:#f9f4ea;--apbd:#c2a985;--ash:rgba(90,66,40,.18);--aab:#5b3f26;--aabl:#d3c2a4;--aabt:#f1e8d8;--aink:#2f2519;--aink2:#6a5a46;--aline:#ebe1cf;--apast:#a4978a;--apastsm:#ad9f8f;--anxbg:#b5592f;--anxink:#ffffff;--anxbar:#6b7038;--anxsm:#fbe7dc;--anxsh:rgba(181,89,47,.25);--abox:#f9f4ea;--aboxbd:#c2a985;--acd:#5b3f26;--aclock:#2f2519;--ass:#8a5a36;--astrip:#686c3a;--astink:#fdf8ee;--astsep:#d9cfa6;--afly:#f1e8d8;--aflybd:#d3c2a4;--atag:#f9f4ea;--agh:#5b3f26;--aghbg:#ebe3c9;--agap:#a9a46e}
/* theme 5: Royal purple */
#stage.ar.ar5{--abg1:#2b2047;--abg2:#1a1230;--apanel:#3e2d6e;--apbd:#8673c4;--ash:rgba(0,0,0,.35);--aab:#eadfff;--aabl:#6c58a8;--aabt:#35265f;--aink:#ffffff;--aink2:#d3c8f2;--aline:#4d3c80;--apast:#a497cc;--apastsm:#968ac0;--anxbg:#f1ebff;--anxink:#2e1f5c;--anxbar:#c9b6ff;--anxsm:#4d3c80;--anxsh:rgba(0,0,0,.3);--abox:#3e2d6e;--aboxbd:#8673c4;--acd:#d8c9ff;--aclock:#ffffff;--ass:#d8c9ff;--astrip:#eadfff;--astink:#2e1f5c;--astsep:#8673c4;--afly:#35265f;--aflybd:#6c58a8;--atag:#3e2d6e;--agh:#2e1f5c;--aghbg:#d8c9ff;--agap:#6c58a8}
#stage.ar #arches{display:block;position:absolute;top:0;left:0;width:1920px;height:1080px;font-family:"FRL","Frank Ruhl Libre",serif;color:#22303d;color:var(--aink);direction:rtl}
#arches .t{direction:ltr;unicode-bidi:embed;font-weight:700;white-space:nowrap}
#arches .t small,#arches .ar-bv small{font-size:.6em;font-weight:500;margin-left:3px}
/* small boxes */
#arches .ar-box{position:absolute;top:22px;width:560px;height:118px;box-sizing:border-box;background:#ffffff;background:var(--abox);border:3px solid #a9cbe9;border:3px solid var(--aboxbd);border-radius:26px;
  box-shadow:0 5px 14px rgba(43,106,166,.16);box-shadow:0 5px 14px var(--ash);text-align:center;padding:10px 18px 0}
#arches .ar-tr{right:40px}
#arches .ar-tl{left:40px}
#arches .ar-bl{font-size:30px;font-weight:900;color:#2b6aa6;color:var(--aab);line-height:1.1}
#arches .ar-bv{font-size:38px;font-weight:700;line-height:1.35;white-space:nowrap;overflow:hidden;color:#22303d;color:var(--aink)}
#arches .ar-bv b{font-weight:900}
#arches .ar-bv .cd{color:#2b6aa6;color:var(--acd);font-weight:700;direction:rtl;unicode-bidi:embed}
#arches .ar-bv .rm{font-size:.62em;font-weight:500;color:#55687a;color:var(--aink2)}
/* arches */
#arches .arch{position:absolute;box-sizing:border-box;background:#ffffff;background:var(--apanel);border:3px solid #a9cbe9;border:3px solid var(--apbd);box-shadow:0 6px 18px rgba(43,106,166,.16);box-shadow:0 6px 18px var(--ash);
  overflow:hidden;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-flex-direction:column;flex-direction:column}
#arches .ar-right,#arches .ar-left{top:156px;width:560px;height:830px;border-radius:280px 280px 26px 26px / 150px 150px 26px 26px;padding:62px 30px 22px}
#arches .ar-right{right:40px}
#arches .ar-left{left:40px}
#arches .ar-center{top:22px;left:640px;width:640px;height:964px;border-radius:320px 320px 26px 26px / 170px 170px 26px 26px;padding:44px 30px 26px;text-align:center}
#arches .ar-h{margin:0;font-size:40px;font-weight:900;color:#2b6aa6;color:var(--aab);text-align:center;line-height:1.15;padding-bottom:8px;border-bottom:2px solid #a9cbe9;border-bottom:2px solid var(--aabl);-webkit-flex:none;flex:none}
#arches .ar-h2{margin-top:16px}
#arches .ar-par{color:#22303d;color:var(--aink)}
#arches .ar-sub{text-align:center;font-size:28px;font-weight:700;color:#55687a;color:var(--aink2);margin-top:4px;-webkit-flex:none;flex:none}
#arches .ar-sc{position:relative;overflow:hidden;margin-top:6px;min-height:0;-webkit-box-flex:1}
#arches .ar-wk{-webkit-flex:1.25 1 0;flex:1.25 1 0}
#arches .ar-zm{-webkit-flex:1 1 0;flex:1 1 0}
#arches .ar-sh{-webkit-flex:1.15 1 0;flex:1.15 1 0}
#arches .ar-shw{-webkit-flex:1 1 0;flex:1 1 0;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;min-height:0}
#arches .ar-si{-webkit-flex:1 1 0;flex:1 1 0}
#arches .nosh .ar-sh{-webkit-flex:1 1 auto;flex:1 1 auto}
#arches .ar-sc.moving{-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 4%,#000 92%,transparent 100%);mask-image:linear-gradient(180deg,transparent 0,#000 4%,#000 92%,transparent 100%)}
/* v2 seamless loop: separator between the end of the list and its repeat (part of each copy, so one copy = one loop) */
#arches .ar-gap{height:44px;position:relative}
#arches .ar-gap i{position:absolute;top:20px;height:3px;right:25%;left:25%;background:#a9cbe9;background:var(--agap);border-radius:2px}
#arches .ar-tr2{position:absolute;top:0;right:0;left:0;-webkit-transition:opacity .6s;transition:opacity .6s}
#arches .ar-row{display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:baseline;align-items:baseline;
  font-size:31px;line-height:1.3;padding:4px 12px;border-bottom:1px solid #e1ecf6;border-bottom:1px solid var(--aline);border-radius:10px}
#arches .ar-row .l{font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;-webkit-flex:1 1 auto;flex:1 1 auto;padding-left:10px}
#arches .ar-row .l small{font-size:.66em;font-weight:500;color:#55687a;color:var(--aink2)}
#arches .ar-row.past{color:#8494a3;color:var(--apast)}
#arches .ar-row.past .l small{color:#9aa7b3;color:var(--apastsm)}
/* the next zman / next tefila: tinted row, bold text, a bar on its start side */
#arches .ar-row.nx{background:#d4e6f7;background:var(--anxbg);color:#14467a;color:var(--anxink);border-bottom-color:transparent;border-right:8px solid #2b6aa6;border-right:8px solid var(--anxbar);padding-right:8px;
  box-shadow:0 2px 6px rgba(43,106,166,.18);box-shadow:0 2px 6px var(--anxsh)}
#arches .ar-row.nx .l{font-weight:900}
#arches .ar-row.nx .t{font-weight:900}
#arches .ar-row.nx .l small{color:#2b5f93;color:var(--anxsm)}
#arches .ar-row.hi .l,#arches .ar-row.hi .t{color:#2b6aa6;color:var(--aab)}
#arches .ar-row.nx.hi .l,#arches .ar-row.nx.hi .t{color:#14467a;color:var(--anxink)}
#arches .ar-row.multi{display:block;text-align:right}
#arches .ar-row.multi .l{display:block;padding:0}
#arches .ar-row.multi .ts{display:block;direction:ltr;text-align:right;font-weight:700;font-size:27px;line-height:1.3;color:#22303d;color:var(--aink);white-space:normal}
#arches .ar-row.past.multi .ts{color:#8494a3;color:var(--apast)}
#arches .ar-row.nx.multi .ts{color:#14467a;color:var(--anxink)}
#arches .ar-row.multi .ts span{white-space:nowrap}
#arches .ar-row.multi .ts i{font-style:normal;color:#a9cbe9;color:var(--aabl);margin:0 8px}
#arches .ar-row.lrn{display:block}
#arches .ar-row.lrn .l{display:block;padding:0;color:#2b6aa6;color:var(--aab)}
#arches .ar-row.lrn .tx{display:block;font-size:28px}
#arches .t.tx{font-size:.85em;direction:rtl}
#arches .ar-gh{font-size:27px;font-weight:900;color:#2b6aa6;color:var(--agh);background:#e8f2fb;background:var(--aghbg);border-radius:10px;padding:2px 12px;margin:8px 0 2px}
#arches .ar-gh:first-child{margin-top:0}
#arches .ar-note{font-size:28px;text-align:center;color:#55687a;color:var(--aink2);padding:6px}
/* centre */
#arches .ar-logo{-webkit-flex:none;flex:none;min-height:120px;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;padding-top:40px}
#arches .ar-logo img{max-height:150px;max-width:420px}
#arches .ar-name{font-size:56px;font-weight:900;color:#2b6aa6;color:var(--aab);line-height:1.1;max-width:440px}
#arches .ar-clock{-webkit-flex:none;flex:none;direction:ltr;font-weight:700;font-size:124px;line-height:1.05;color:#22303d;color:var(--aclock);margin-top:10px;white-space:nowrap}
#arches .ar-ss{font-size:.5em;color:#2b6aa6;color:var(--ass)}
#arches .ar-ap{font-size:.36em;font-weight:500;margin-left:10px;color:#55687a;color:var(--aink2)}
#arches .ar-date{-webkit-flex:none;flex:none;font-size:30px;color:#55687a;color:var(--aink2);direction:ltr;margin-top:2px}
#arches .ar-fly{position:relative;-webkit-flex:1 1 0;flex:1 1 0;min-height:0;margin-top:18px;border-radius:20px;overflow:hidden;background:#e8f2fb;background:var(--afly);border:2px solid #a9cbe9;border:2px solid var(--aflybd)}
#arches .ar-fly .ar-sl{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;-webkit-transition:opacity .8s;transition:opacity .8s;
  display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;padding:30px;box-sizing:border-box}
#arches .ar-fly .ar-sl.on{opacity:1}
#arches .ar-fly .ar-sl.media{padding:0;background:#fff}
#arches .ar-fly .fw{width:100%;height:100%}
#arches .ar-fly .fw img,#arches .ar-fly .fw canvas{width:100%;height:100%;object-fit:contain;display:block}
#arches .ar-fly h3{margin:0 0 18px;font-size:54px;font-weight:900;color:#2b6aa6;color:var(--aab);line-height:1.15}
#arches .ar-fly p{margin:0;font-size:44px;font-weight:700;line-height:1.35;white-space:pre-line;color:#22303d;color:var(--aink)}
#arches .ar-fly .big p{font-size:64px;font-weight:900;color:#2b6aa6;color:var(--aab)}
#arches .ar-fly .tag,#arches .ar-fly .meta{position:absolute;bottom:12px;left:14px;font-size:20px;color:#55687a;color:var(--aink2);background:#ffffff;background:var(--atag);border-radius:8px;padding:1px 10px}
#arches .ar-fly .meta .tag{position:static}
/* bottom strip */
#arches .ar-strip{position:absolute;left:40px;right:40px;top:1000px;height:62px;box-sizing:border-box;background:#2b6aa6;background:var(--astrip);color:#ffffff;color:var(--astink);border-radius:18px;
  text-align:center;font-size:36px;font-weight:700;line-height:62px}
#arches .ar-strip i{font-style:normal;margin:0 22px;color:#a9cbe9;color:var(--astsep)}
#arches .ar-kl{position:absolute;left:16px;top:13px;height:36px;opacity:.9;background:#fff;border-radius:8px;padding:2px 8px}

/* v28 (live): the parsha as a small subtitle line under "זמני תפילת שבת", like the v27 line on the regular Shabbos card */
#arches .ar-par{display:block;font-size:.6em;font-weight:700;line-height:1.2;margin-top:2px;color:#55687a;color:var(--aink2)}
#arches .ar-par:empty{display:none}