/* תא-שמע · summary flowcharts (per אות and for the whole sugya). Text is never shrunk to fit: on a phone the branches collapse instead. */
.fc{--fs-s:#ecebfb;--fs-sD:#5b54c4;--fs-k:#fdebe4;--fs-kD:#c2410c;--fs-n:#e3f6ef;--fs-nD:#1f8574;--fs-line:#aeb6d6;line-height:1.42}
.fc .fcq{background:#fff;border:2px solid var(--acc,#5b54c4);border-radius:16px;padding:.45em .8em;position:relative;box-shadow:0 2px 10px rgba(60,60,140,.08)}
.fc .fcq small{display:block;color:var(--acc,#5b54c4);font-weight:700;font-size:.82em}
.fc .fcq b{font-weight:600}
.fc .fcq::after{content:"";position:absolute;bottom:-14px;inset-inline-start:50%;width:2px;height:12px;background:var(--fs-line)}
.fc.stack .fcq::after{inset-inline-start:1.05em}
.fc .fctabs{display:flex;align-items:center;gap:.35em;margin:16px 0 0;flex-wrap:wrap;justify-content:center}
.fc .fctabs:empty{display:none}
.fc .fctabs button{border:2px solid var(--fs-line);background:#fff;border-radius:999px;padding:.25em .8em;font:inherit;font-weight:600;color:var(--mute,#5d6688);min-height:40px;cursor:pointer}
.fc .fctabs button.on{border-color:var(--acc,#5b54c4);color:var(--acc,#5b54c4);background:var(--accBg,#ecebfb)}
.fc .fctabs .ar{color:var(--fs-line);font-weight:700}
.fc .gi{color:var(--acc,#5b54c4)}
.fc .fcsub{margin:16px auto 0;width:fit-content;max-width:100%;background:var(--accBg,#ecebfb);border-radius:999px;padding:.2em .9em;font-weight:700;position:relative}
.fc .fcg+.fcg{margin-top:1.1em}
.fc .fcfork{height:14px;margin-top:14px}
.fc .fcn{display:block;width:100%;text-align:start;font:inherit;color:inherit;border-radius:13px;padding:.38em .65em;border:1.5px solid transparent;position:relative;background:#fff}
.fc .fcn .l{display:block;font-size:.8em;font-weight:700;letter-spacing:.01em}
.fc .fcn .v{display:block}
.fc .fcn .who{display:block;font-size:.86em;color:var(--mute,#5d6688);margin-top:.15em}
.fc .fcn.s{background:var(--fs-s);border-color:#d6d3f6}.fc .fcn.s .l{color:var(--fs-sD)}
.fc .fcn.k{background:var(--fs-k);border-color:#f5cdbd}.fc .fcn.k .l{color:var(--fs-kD)}
.fc .fcn.n{background:var(--fs-n);border-color:#bfe6d8}.fc .fcn.n .l{color:var(--fs-nD)}
.fc .fcn.cov{background:repeating-linear-gradient(135deg,#f4f5fb 0 10px,#eceef7 10px 20px);border:1.5px dashed var(--fs-line);cursor:pointer}
.fc .fcn.cov .v{color:var(--mute,#5d6688);font-size:.9em}
.fc .fcn.cov:hover{border-color:var(--acc,#5b54c4)}
.fc .fcn.flash{animation:fcflash 1.3s ease}
@keyframes fcflash{0%{box-shadow:0 0 0 0 rgba(91,84,196,.0)}25%{box-shadow:0 0 0 5px rgba(91,84,196,.35)}100%{box-shadow:0 0 0 0 rgba(91,84,196,0)}}
.fc .fcn.gap{background:none;border:0;padding:0;min-height:0}
.fc .fch{font:inherit;color:inherit;border:2px solid var(--fs-line);background:#fff;border-radius:13px;padding:.32em .65em;display:flex;align-items:center;gap:.4em;flex-wrap:wrap;text-align:start;position:relative;cursor:default;width:100%}
.fc .fch b{font-weight:700}
.fc .fch .mine{font-size:.76em;background:var(--amber,#fdf1dc);color:var(--amberD,#b06c0e);border-radius:999px;padding:.05em .55em;font-weight:700}
.fc .fch .cnt{font-size:.76em;color:var(--mute,#5d6688);margin-inline-start:auto}
.fc .fch .chev{display:none;font-style:normal;color:var(--mute,#5d6688)}
.fc .fcb.me>.fch{border-color:var(--amberD,#b06c0e)}

/* laptop: branches side by side, rows aligned (הסברא / הקושי / נ״מ) */
.fc.cols .fcfork{border:2px solid var(--fs-line);border-bottom:0;border-radius:12px 12px 0 0;margin-inline:calc(100% / (2 * var(--n)))}
.fc.cols .fcg[style*="--n:1"] .fcfork{border-inline:0;border-radius:0;width:2px;background:var(--fs-line);margin-inline:auto}
.fc.cols .fcbr{display:grid;grid-template-columns:repeat(var(--n),minmax(0,1fr));grid-template-rows:auto auto auto auto;column-gap:.8em;row-gap:16px;position:relative}
.fc.cols .fcb{display:contents}
.fc.cols .fcb>*{grid-column:var(--c)}
.fc.cols .fch{grid-row:1;justify-content:center;text-align:center}
.fc.cols .fch .cnt{margin-inline-start:0}
.fc.cols .fcn.s{grid-row:2}.fc.cols .fcn.k,.fc.cols .fcn.gap{grid-row:3}.fc.cols .fcn.n{grid-row:4}
.fc.cols .fcn::before,.fc.cols .fch::after{content:"";position:absolute;inset-inline-start:50%;width:2px;background:var(--fs-line)}
.fc.cols .fcn::before{top:-16px;height:14px}
.fc.cols .fcn.gap::before{top:-16px;height:calc(100% + 32px)}
.fc.cols .fcn.k::after,.fc.cols .fcn.n::after{content:"▼";position:absolute;top:-9px;inset-inline-start:50%;transform:translateX(50%);font-size:8px;line-height:1;color:var(--fs-line)}
.fc.cols .fcn.s::after{content:"▼";position:absolute;top:-9px;inset-inline-start:50%;transform:translateX(50%);font-size:8px;line-height:1;color:var(--fs-line)}
.fc.cols .fch::after{display:none}
.fc.cols .fcnm{grid-row:4;grid-column:1/-1;border:2px dashed #9fd6c3;border-radius:16px;margin:-.55em -.4em -.35em;position:relative;z-index:0;pointer-events:none}
.fc.cols .fcnm span{position:absolute;top:-.8em;inset-inline-start:.8em;background:#fff;color:var(--fs-nD);font-size:.76em;font-weight:700;padding:0 .4em;border-radius:6px}
.fc.cols .fcn.n{z-index:1}
.fc.cols .fcbr:has(.fcnm) .fcn.n{margin-top:.5em}
.fc.cols .fcbr:has(.fcnm) .fcn.n::before{top:-24px;height:22px}

/* phone: the branches hang from one rail; tap a branch to open it */
.fc.stack .fcfork{display:none}
.fc.stack .fcbr{margin-top:14px;border-inline-start:2px solid var(--fs-line);margin-inline-start:1em;padding-inline-start:.75em;display:flex;flex-direction:column;gap:.4em}
.fc.stack .fcnm{display:none}
.fc.stack .fcb{position:relative}
.fc.stack .fcb::before{content:"";position:absolute;top:1.2em;inset-inline-start:-.8em;width:.75em;height:2px;background:var(--fs-line)}
.fc.stack.live .fch{cursor:pointer;min-height:44px}
.fc.stack.live .fch .chev{display:inline}
.fc.stack .fcb.open>.fch .chev{transform:rotate(180deg)}
.fc.stack .fcb>.fcn{display:none;margin-top:14px}
.fc.stack .fcb.open>.fcn{display:block}
.fc.stack .fcb.open>.fcn.gap{display:none}
.fc.stack .fcb.open>.fcn::before{content:"↓";position:absolute;top:-15px;inset-inline-start:.9em;font-size:.8em;line-height:1;color:var(--mute,#5d6688)}
.fc.stack .fcb.open{padding-bottom:.15em}
.fc.stack.live .fcb:not(.open)>.fch{opacity:.92}

/* the node-matching step and the bar */
.fc .fcchk{margin-top:.6em}
.fc .fcchk:empty{display:none}
.fc .fcmatch{border:2px solid var(--acc,#5b54c4);border-radius:16px;padding:.45em .7em;background:#fbfbff;display:flex;flex-wrap:wrap;gap:.35em .6em;align-items:center}
.fc .fcmatch .tag{font-weight:700;color:var(--acc,#5b54c4);font-size:.86em;flex:1 1 100%}
.fc .fcmatch .chip{flex:1 1 16em;width:auto}
.fc .fcmatch .ca{display:flex;gap:.4em;flex-wrap:wrap}
.fc .chkdone{font-size:.86em;color:var(--good,#1f8574)}
.fc .chkdone span{color:var(--ink,#232b47)}
.fc .fcdeep{margin:.55em 0 0;font-size:.92em;background:#f6f7fc;border-radius:12px;padding:.3em .7em}
.fc .fcdeep summary{cursor:pointer;color:var(--acc,#5b54c4)}
.fc .fcbar{display:flex;flex-wrap:wrap;align-items:center;gap:.4em .8em;margin-top:.55em}
.fc .fcbar .scount{font-size:.84em;color:var(--mute,#5d6688)}
.fc .fcbar .sumpath{border:0;padding:0;flex:1 1 auto}
.fc.all .fcn .v{display:block}

/* the whole sugya: one vertical flow */
.fcs{line-height:1.42;display:flex;flex-direction:column;gap:14px}
.fcs .fcq{background:#fff;border:2px solid var(--acc,#5b54c4);border-radius:16px;padding:.4em .8em}
.fcs .fcq small{display:block;color:var(--acc,#5b54c4);font-weight:700;font-size:.82em}
.fcs .fcsn{display:flex;gap:.55em;align-items:flex-start;background:#fff;border:1.5px solid var(--line,#d9def0);border-radius:14px;padding:.35em .7em;position:relative}
.fcs .fcsn::before,.fcs .fcq+.fcsn::before{content:"";position:absolute;top:-15px;inset-inline-start:1.25em;width:2px;height:14px;background:#aeb6d6}
.fcs .fcsn .L{flex:0 0 auto;width:1.7em;height:1.7em;border-radius:50%;display:grid;place-items:center;background:var(--accBg,#ecebfb);color:var(--acc,#5b54c4);font-weight:700}

/* notebook + print */
.nbsum .fc,.nbsum .fcs{font-size:1.06em;margin:.4em 0}
.fc.print .fcq::after{display:none}
@media print{.fc .fcn,.fc .fch,.fc .fcq,.fcs .fcsn{break-inside:avoid}}
.page.twocol .pbody>.point{grid-column:2;grid-row:1 / span 12}

/* a former question, now a point to read: question → answer */
.point{background:#fff;border:1.5px solid var(--line,#d9def0);border-radius:16px;padding:.45em .8em;margin:.5em 0;display:flex;flex-direction:column;gap:12px}
.point .pq{font-weight:600;position:relative}
.point .pq .ic{margin-inline-end:.3em}
.point .pa{background:var(--goodBg,#e3f6ef);border-radius:12px;padding:.35em .65em;position:relative}
.point .pa::before{content:"↓";position:absolute;top:-14px;inset-inline-start:.9em;font-size:.8em;line-height:1;color:var(--mute,#5d6688)}
.point .pa b{display:block;color:#145c50}
.point .pa .pf{display:block;margin-top:.15em;font-size:.94em}
.mxc{display:flex!important}

/* v13 tightening */
.sumpage .phead .kicker{display:none}
.fc button.fcq{display:block;width:100%;text-align:start;font:inherit;color:inherit;cursor:default}
.fc .fcq{padding:.35em .75em}
.fc .fcdeep.hidden{display:none}
.fc .fcbar{margin-top:.5em}
.fc .fcbar .fcdeepb{font-size:.86em}
.fc .fcn.chip::before,.fc .fcn.chip::after{display:none!important}
.fc.cols .fcmatch{flex-wrap:nowrap}
.fc.cols .fcmatch .tag{flex:0 0 auto;max-width:9em}
.fc.cols .fcmatch .ca{flex:0 0 auto}
.fc.cols .fch{padding:.22em .55em;row-gap:0}
@media (max-width:700px){
  .fc.stack button.fcq{cursor:pointer}
  .fc.stack.live .fcq b{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
  .fc.stack.live .fcq.full b{display:block}
  .fc.stack .fcbar .sumpath>span:not(.sacts2){display:none}
  .fc .fctabs{margin-top:14px}
  .fc .fctabs button{padding:.2em .65em;min-height:38px}
  .fc.stack.live .fch{min-height:40px;padding:.2em .6em}
  .fc .fcmatch{padding:.35em .6em;gap:.3em .5em}
  .fc .fcmatch .chip{flex-basis:100%}
}

/* v13b: matching mode, fit */
.fc .fcstart{width:100%;font:inherit;text-align:start;border:2px dashed var(--acc,#5b54c4);background:#fbfbff;border-radius:14px;padding:.3em .7em;color:var(--ink,#232b47);display:flex;gap:.4em;align-items:center;min-height:42px;cursor:pointer}
.fc .fcstart span{margin-inline-start:auto;color:var(--acc,#5b54c4);font-weight:700;white-space:nowrap}
.fc .fcchk{margin-top:14px}
.fc .fcmatch .fcx{margin-inline-start:auto;font-size:.86em}
.fc .fcmatch .tag{flex:1 1 auto!important;max-width:none!important}
.fc.cols .fcmatch{flex-wrap:wrap}
.fc.cols .fcmatch .chip{flex:1 1 100%}
.fc .fcchart.matching .fcb.target>.fch{border-color:var(--acc,#5b54c4);background:var(--accBg,#ecebfb);cursor:pointer;animation:fcpulse 1.6s ease infinite}
.fc .fcchart.matching .fcb.dimmed{opacity:.45}
.fc.stack .fcchart.matching .fch .chev{display:none}
@keyframes fcpulse{0%,100%{box-shadow:0 0 0 0 rgba(91,84,196,0)}50%{box-shadow:0 0 0 4px rgba(91,84,196,.22)}}
.fc .fcbar .chkdone{font-size:.84em;color:var(--good,#1f8574)}
.fc .fcbar .chkdone.bad{color:var(--bad,#c2410c)}
.fc .fcbar .chkdone:empty{display:none}
.fc .fcchart.cl4 .fcn.on:not(.full) .v,.fc .fcchart.cl3 .fcn.on:not(.full) .v,.fc .fcchart.cl2 .fcn.on:not(.full) .v{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}
.fc .fcchart.cl4 .fcn.on:not(.full) .v{-webkit-line-clamp:4}
.fc .fcchart.cl3 .fcn.on:not(.full) .v{-webkit-line-clamp:3}
.fc .fcchart.cl2 .fcn.on:not(.full) .v{-webkit-line-clamp:2}
.fc .fcchart.cl3 .fcn.on:not(.full) .who,.fc .fcchart.cl2 .fcn.on:not(.full) .who{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.fc .fcchart[class*="cl"] .fcn.on{cursor:pointer}
.fc.cq .fcq:not(.full) b{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.fc.cq button.fcq{cursor:pointer}
.fc.stack .fcbr{gap:.32em}

.fc.cols .fcn.gap::before{display:none}
.fc.cols .fcn.gap{background:linear-gradient(var(--fs-line),var(--fs-line)) center/2px 100% no-repeat;margin:-16px 0}
.fc.cols .fcbr:has(.fcnm) .fcn.gap{margin-bottom:-24px}

/* after answering: tighten to fit, then fold long boxes (tap to read whole); text keeps its size */
.page.answered.tight .qtag{display:none}
.page.answered.tight .srcs{display:flex;flex-wrap:wrap;gap:.35em;align-items:flex-start}
.page.answered.tight .srcs>.src.folded:not([open]){flex:1 1 40%;margin:0}
.page.answered.tight .srcs>.src.folded:not([open]) small,.page.answered.tight .srcs>.src.folded:not([open]) .unf{display:none}
.page.answered.tight .srcs>*:not(.src.folded),.page.answered.tight .srcs>.src.folded[open]{flex:1 1 100%}
.page.answered.tight .fb{padding:.4em .75em;margin:.4em 0}
.page.answered.tight .rv{padding:.45em .8em;margin:.45em 0;border-radius:16px}
.page.answered.tight .opt{min-height:0;padding-block:.35em}
.page.answered.tight .opts{gap:.35em}
.page.answered.tight .co.more{margin:.35em 0}
.rvmore{display:none;font-size:.84em;margin-top:.1em}
.page.answered.tight2 .rvb:not(.full)+.rvmore,.page.answered.tight2 .fbt:not(.full)+.rvmore{display:inline-block}
.page.answered.tight2 .rv .rvb:not(.full),.page.answered.tight2 .fb .fbt:not(.full){display:-webkit-box;-webkit-line-clamp:6;-webkit-box-orient:vertical;overflow:hidden;cursor:pointer}
.page.answered.tight2 .rv .rvb:not(.full)>*{display:inline;margin:0}
.page.answered.tight2 .rv .rvb:not(.full)>*+*::before{content:" "}
.page.answered.tight3 .rv .rvb:not(.full),.page.answered.tight3 .fb .fbt:not(.full){-webkit-line-clamp:4}
.page.answered.tight4 .rv .rvb:not(.full),.page.answered.tight4 .fb .fbt:not(.full){-webkit-line-clamp:3}
.page.answered.tight4 .qq:not(.full){display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;cursor:pointer}
.point .ph{color:var(--good,#1f8574);font-weight:700}
.point .rvmore{display:none}
.page.ptight .point{padding:.35em .7em;gap:10px;margin:.35em 0}
.page.ptight .point .pa{padding:.3em .6em}
.page.ptight .co{margin:.35em 0}
.page.ptight .srcs .src{margin:.3em 0}
.page.ptight2 .point .pf:not(.full){display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;cursor:pointer}
.page.ptight3 .point .pf:not(.full){-webkit-line-clamp:2}
.page.answered.tight2 .co .cob:not(.full){display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;cursor:pointer}
.page.answered.tight2 .co .cob:not(.full)+.rvmore{display:inline-block}
.page.answered.tight3 .co .cob:not(.full){-webkit-line-clamp:3}
.page.answered.tight4 .co .cob:not(.full){-webkit-line-clamp:2}
.fc .fcchart.matching .fcn,.fc .fcchart.matching .fcnm{display:none!important}
.fc.cols .fcchart.matching .fcbr{row-gap:0}
.fc .fcstart b{white-space:nowrap}
.fc .fcstart .q{flex:1 1 auto}
.fc .fcstart i.q{font-style:normal}
.fc.cbar .fcbar .sumpath>span:not(.sacts2){display:none}
.page.answered.tight .srcs>.src:not(.folded):not(.open){flex:1 1 40%;margin:0}
.page.answered.tight .srcs>.src:not(.folded):not(.open) .h small{display:none}
.page.answered.tight .srcs>*:not(.src){flex:1 1 100%}
.page.answered.tight5 .fbx{display:flex;flex-wrap:wrap;gap:.35em;align-items:flex-start}
.page.answered.tight5 .fbx>*{flex:1 1 100%}
.page.answered.tight5 .fbx>.co.more:not([open]){flex:1 1 40%;margin:0}
.page.answered.tight5 .rv .rvb:not(.full),.page.answered.tight5 .fb .fbt:not(.full){-webkit-line-clamp:2}

/* ===== optional "other explanation" (2026-11-03): offer card + condensed page ===== */
.altbox{max-width:520px}
.altq{display:flex;gap:.6em;align-items:flex-start}
.altq .ic{font-size:1.6em;line-height:1}
.altq h3{margin:0 0 .25em;font-size:1.12em;line-height:1.35}
.altq .sub{margin:0;color:var(--mute,#5d6688);font-size:.9em;line-height:1.45}
.altt{margin:.7em 0 .9em;padding:0 1.1em 0 0;font-size:.95em;line-height:1.5}
.altt li{margin:.25em 0}
.altb{display:flex;flex-direction:column;gap:.5em}
.altb .btn{width:100%;justify-content:center;text-align:center}
.altb .btn.alt2{--acc:#1f8574}
.altv{display:flex;flex-direction:column;gap:.45em;margin:.2em 0 .5em}
.altv .ar{display:flex;gap:.55em;align-items:flex-start;padding:.5em .7em;border-radius:12px;background:#f7f7fc;border:1px solid #e7e6f3;line-height:1.5}
.altv .ar>i{font-style:normal;flex:0 0 1.5em;text-align:center;font-size:1.05em;line-height:1.45}
.altv .ar>div>b:first-child{display:block;font-size:.78em;letter-spacing:.02em;color:#5b54c4;margin-bottom:.05em}
.altv .ar.k{background:#fff6f4;border-color:#f6d9d2}.altv .ar.k>div>b:first-child{color:#b5452f}
.altv .ar.n{background:#f2faf7;border-color:#cfeadf}.altv .ar.n>div>b:first-child{color:#1f8574}
.altv .ar.h{background:#f4f8ff;border-color:#d9e4f7}.altv .ar.h>div>b:first-child{color:#2f5fb5}
.altnote{font-size:.85em;color:var(--mute,#5d6688);margin:.1em 0 0}
@media (max-width:700px){.altv{gap:.35em}.altv .ar{padding:.42em .6em;font-size:.95em}}
