/* תצוגת מסך מחשב לדף הפרוטוקול.
   שתי עמודות: התקציר בפנל דביק בצד הקריאה, הפרוטוקול בעמודה שנגללת.
   הקלקה על מראה-מקום גוללת את הדף, והפנל נשאר לנגד העיניים.
   הצבעים והטיפוגרפיה נלקחים ממשתני-העיצוב של האתר. */

.split{display:grid;grid-template-columns:400px minmax(0,1fr);gap:26px;align-items:start}
.split-solo{grid-template-columns:minmax(0,1fr)}
@media(max-width:1000px){.split{grid-template-columns:minmax(0,1fr)}}

.tk-rail{position:sticky;top:86px;max-height:calc(100vh - 118px);overflow:auto;
  padding-inline-end:4px}
.tk-rail::-webkit-scrollbar{width:8px}
.tk-rail::-webkit-scrollbar-thumb{background:var(--line);border-radius:99px}

.tkzir{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);
  box-shadow:var(--shadow-sm);padding:18px 18px 14px;position:relative;overflow:hidden}
.tkzir::before{content:"";position:absolute;inset-block-start:0;inset-inline:0;height:4px;
  background:linear-gradient(90deg,transparent,var(--gold),transparent)}

.tk-h{font-family:var(--serif);font-size:1.28rem;font-weight:800;color:var(--navy);margin:0 0 4px}
.tk-id{margin:0 0 14px;font-size:.86rem;color:var(--muted);line-height:1.55}
.tk-topics-lead{margin:14px 0 6px;font-size:.8rem;color:var(--faint)}

.tk-bottom{font-family:var(--serif);font-size:1.16rem;line-height:1.66;color:var(--ink);
  margin:0 0 16px}

.tk-acc{border-top:1px solid var(--line2);padding-top:8px;margin-top:8px}
.tk-acc>summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:8px;
  padding:6px 2px;border-radius:10px;font-weight:700;color:var(--navy)}
.tk-acc>summary::-webkit-details-marker{display:none}
.tk-acc>summary::before{content:"▸";color:var(--gold);font-size:.9rem;transition:transform .18s ease}
.tk-acc[open]>summary::before{transform:rotate(-90deg)}
.tk-acc>summary:hover{background:var(--bg2)}
.tk-acc>summary:focus-visible{outline:none;box-shadow:var(--ring)}
.tk-acc-title{font-size:.98rem}
.tk-body{padding:4px 2px 10px}
.tk-text{margin:0 0 10px;line-height:1.72;color:#222a3d}

.tk-topics{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px}
.tk-topic{display:flex;align-items:baseline;justify-content:space-between;gap:10px;
  padding:7px 9px;border-radius:10px;text-decoration:none;color:var(--ink);
  border:1px solid transparent}
.tk-topic:hover{background:var(--bg2);border-color:var(--line);color:var(--navy)}
.tk-topic:focus-visible{outline:none;box-shadow:var(--ring)}
.tk-title{font-weight:600;font-size:.94rem;line-height:1.45}
.tk-loc{flex-shrink:0;font-size:.76rem;color:var(--faint);white-space:nowrap}
.tk-topic:hover .tk-loc{color:var(--gold)}

.tk-note{margin:10px 0 0;font-size:.76rem;color:var(--faint);line-height:1.5}
.tk-empty .muted{margin:0}

.view-switch{margin:18px 0 0;text-align:center;font-size:.85rem}
.view-switch a{color:var(--muted)}

@keyframes anchorFlash{
  0%{background:var(--mark);box-shadow:0 0 0 6px rgba(255,226,122,.55)}
  100%{background:transparent;box-shadow:0 0 0 0 rgba(255,226,122,0)}
}
.utt.anchor-flash{animation:anchorFlash 1.5s ease-out;border-radius:10px}

/* עמודת הפרוטוקול: כותרת משלה, והכפתורים יושבים מעליה ולא מעל התקציר */
.prot-col{min-width:0}
.prot-head{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);
  box-shadow:var(--shadow-sm);padding:16px 18px;margin-bottom:14px}
.prot-head h1{font-size:1.2rem;margin:0 0 4px}
.prot-head .muted{margin:0 0 12px;font-size:.88rem}
.prot-head .seg-actions{display:flex;gap:9px;flex-wrap:wrap;margin:0}

/* חזרה לתקציר — נשארת על המסך לכל אורך הפרוטוקול, גם אחרי קפיצה למראה-מקום */
.back-to-sum{position:fixed;inset-block-end:20px;inset-inline-start:76px;z-index:46;
  display:inline-flex;align-items:center;gap:8px;text-decoration:none;
  font-family:var(--sans);font-weight:800;font-size:.95rem;color:var(--navy-deep);
  background:linear-gradient(180deg,var(--gold-soft),var(--gold-bright));
  border-radius:var(--radius-pill);padding:12px 20px;box-shadow:var(--shadow)}
.back-to-sum:hover{filter:brightness(1.05);color:var(--navy-deep)}
.back-to-sum .bts-ic{font-size:1.05rem}