/* v23 — flowing designed text of the parsha sheet (looks like his InDesign page, flows on any screen) */
.flow{--fl-paper:#fff;--fl-ink:#231f20;--fl-muted:#6d6e71;--fl-band:#c6c8ca;--fl-qbox:#bcbec0;--fl-qink:#000;--fl-tag:#d1d3d4;--fl-teal:var(--primary,#0e9f9a);--fl-teal-ink:var(--primary-strong,#087a76);--fl-soft:var(--primary-soft,#d5f2f0);--fl-rule:#dcd9d2;
  position:relative;max-width:680px;margin:6px auto 14px;background:var(--fl-paper);color:var(--fl-ink);border-radius:14px;box-shadow:0 1px 2px rgba(0,0,0,.05),0 10px 28px color-mix(in srgb,var(--acc-shadow) 8%,transparent);overflow:hidden;
  font-family:'Frank Ruhl Libre',serif;font-size:1.0625rem;line-height:1.6;text-align:right;padding-bottom:4px}
[data-theme="dark"] .flow{--fl-paper:#151a1b;--fl-ink:#ece9e4;--fl-muted:#a3a5a8;--fl-band:#2c3133;--fl-qbox:#262b2d;--fl-qink:#f3f1ec;--fl-tag:#1f2729;--fl-rule:#2e3436;box-shadow:0 0 0 1px var(--line,#1f3132),0 10px 30px rgba(0,0,0,.45)}
.flow.loading{min-height:60vh;display:flex;align-items:center;justify-content:center}
.fl-load{display:flex;gap:10px;align-items:center;color:var(--fl-muted);font-family:var(--font,Heebo),sans-serif}
.fl-bh{text-align:center;margin:16px auto 0;width:max-content;max-width:92%;background:var(--fl-band);padding:2px 16px;font-weight:300;font-size:.8125rem;letter-spacing:.2px}
.fl-hero{position:relative;margin:14px 0 4px;text-align:center}
.fl-em-row{position:relative;margin:0}
.fl-band{position:absolute;left:0;right:0;top:50%;height:44%;transform:translateY(-50%);background:var(--fl-qbox)}
.fl-pill{position:absolute;top:50%;height:88%;width:auto;transform:translateY(-50%);opacity:.95;pointer-events:none}
.fl-pill.r{right:14px}.fl-pill.l{left:14px;transform:translateY(-50%) scaleX(-1)}
[data-theme="dark"] .fl-pill{filter:brightness(.62) contrast(1.05)}
.fl-emblem{position:relative;display:block;margin:0 auto;width:min(56vw,220px);height:auto;aspect-ratio:1;border-radius:50%;background:#fff;box-shadow:0 0 0 4px var(--fl-paper),0 6px 22px rgba(0,0,0,.12)}
[data-theme="dark"] .fl-emblem{box-shadow:0 0 0 3px var(--fl-teal),0 6px 22px rgba(0,0,0,.5)}
.fl-h1{font-family:'Frank Ruhl Libre',serif;font-weight:900;font-size:1.875rem;line-height:1.2;margin:10px 0 0;color:var(--fl-ink)}
.fl-tag2{display:flex;justify-content:center;gap:14px;margin:8px 0 0;color:var(--fl-muted);font-weight:300;font-size:.9375rem}
.fl-tag2 span+span:before{content:"◆";color:var(--fl-teal);font-size:.6em;margin-inline-end:14px;vertical-align:middle}
.fl-blocks{padding:4px 18px 0}
.fl-block{position:relative;padding:18px 0 22px}
.fl-block+.fl-block{border-top:1px solid var(--fl-rule)}
.fl-block+.fl-block:before{content:"";position:absolute;top:-5px;right:50%;width:9px;height:9px;transform:translateX(50%) rotate(45deg);background:var(--fl-paper);border:1px solid var(--fl-teal)}
.fl-quote{font-size:1.1875rem;line-height:1.65;margin:0 0 12px;font-weight:400;text-align:start}
.fl-quote b{font-weight:700}
.fl-q{background:var(--fl-qbox);color:var(--fl-qink);font-family:'Heebo',sans-serif;font-weight:500;font-size:1.0625rem;line-height:1.55;padding:12px 14px 24px;border-radius:2px}
.fl-q p{margin:0}.fl-q b{font-weight:800}
.fl-srcs{position:relative;display:flex;flex-direction:column;align-items:flex-end;gap:6px;margin-top:-14px;padding-inline-start:10px}
.fl-tag{all:unset;box-sizing:border-box;cursor:pointer;display:inline-flex;align-items:center;gap:8px;background:var(--fl-tag);color:var(--fl-ink);font-family:'Frank Ruhl Libre',serif;font-weight:400;font-size:.9375rem;line-height:1.3;padding:7px 12px 7px 10px;min-height:36px;border-inline-start:3px solid var(--fl-teal);box-shadow:0 1px 0 rgba(0,0,0,.06);-webkit-tap-highlight-color:transparent}
.fl-tag-ic{width:16px;height:16px;flex:none;background:var(--fl-teal);-webkit-mask:url('flow/book.svg') center/contain no-repeat;mask:url('flow/book.svg') center/contain no-repeat}
.fl-tag-ch{font-family:'Heebo',sans-serif;font-weight:700;color:var(--fl-teal-ink);font-size:1.15em;line-height:1}
[data-theme="dark"] .fl-tag-ch{color:var(--fl-teal)}
.fl-ok{display:none;width:18px;height:18px;flex:none;border-radius:50%;background:var(--fl-teal);color:#fff;align-items:center;justify-content:center}
.fl-ok svg{width:13px;height:13px}
[data-theme="dark"] .fl-ok{color:var(--on-primary)}
.fl-tag.done .fl-ok{display:inline-flex}.fl-tag.done .fl-tag-ic{display:none}
.fl-tag:active{background:var(--fl-soft)}
.fl-tag:focus-visible{outline:2px solid var(--fl-teal);outline-offset:2px}
@media(hover:hover){.fl-tag:hover{background:var(--fl-soft)}}
.fl-tag.soon{cursor:default;border-inline-start-color:transparent;color:var(--fl-muted);box-shadow:none}
.fl-fleur{display:block;width:26px;height:auto;margin:14px auto 6px;opacity:.85}
.fl-sep{margin:6px auto 4px}
[data-theme="dark"] .fl-fleur{filter:invert(1)}
.fl-foot{margin:6px 18px 0;padding-bottom:24px;text-align:center}
.fl-yechi{display:inline-block;background:var(--fl-band);padding:6px 18px;font-weight:300;font-size:clamp(.95rem,4.6vw,1.125rem);line-height:1.45;white-space:nowrap;max-width:100%}
.fl-contact{display:none}
.flow-bar{display:flex;justify-content:flex-end;max-width:680px;margin:2px auto 0}
.flow-sw{display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:0 12px;border-radius:999px;border:1px solid var(--line,#cfe7e5);background:var(--surface,#fff);color:var(--text);font-family:var(--font,Heebo),sans-serif;font-size:.875rem;font-weight:600;cursor:pointer;box-shadow:0 1px 2px rgba(0,0,0,.04)}
.flow-sw svg{width:18px;height:18px;color:var(--primary-strong,#087a76)}
[data-theme="dark"] .flow-sw svg{color:var(--primary)}
.a-head:has(~ .flow) h1,.a-head:has(~ .flow) .orn{display:none}
@media(min-width:560px){.fl-quote,.fl-q p{text-align:justify}.fl-blocks{padding:4px 28px 0}}
@media(max-width:380px){.fl-blocks{padding:4px 14px 0}}
/* no א׳/ב׳ letter badges in the source lists (יואל: no "שאלה א׳" numbering) */
.srcs .src-i{display:none}
.srcs .src-b{grid-template-columns:1fr auto}
.srcs .src-b .src-t,.srcs .src-b .src-v{grid-column:1}
.srcs .src-ok{grid-column:2}
.fl-meter{max-width:440px;margin:14px auto 0;padding:0 18px}

/* v32: hyphen-joined words never split at the hyphen; 2+ sources stack one per line */
.flow .nw{white-space:nowrap}
.fl-srcs>.fl-tag{max-width:100%}