/* «סיכום בחמש דקות» בדף התקציר (31.10.2026). כרטיס בהיר שאינו מתחרה בזוג הפרוטוקולים הכהה
   שמעליו: תמונה ממוזערת בצד ההתחלה (ימין), כותרת, עד שורתיים מהתקציר ושורת-פרטים.
   בטלפון - טור אחד. אחרי הלחיצה הנגן תופס את רוחב הכרטיס והטקסט יורד מתחתיו. */
.svb-wrap{margin:2px 0 22px}
.svb-h{display:flex;align-items:center;gap:8px;margin:0 0 9px;font-family:var(--sans);
  font-size:.95rem;font-weight:800;line-height:1.4;color:var(--muted)}
.svb-h::before{content:"";flex:0 0 auto;width:4px;height:.95em;border-radius:2px;background:var(--gold)}
.svb{display:grid;grid-template-columns:minmax(0,300px) minmax(0,1fr);gap:18px;align-items:center;
  padding:12px;background:var(--bg2);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow-sm)}
.svb+.svb{margin-top:12px}
.svb-media{position:relative;aspect-ratio:16/9;border-radius:11px;overflow:hidden;background:var(--navy);min-width:0}
.svb-play{position:absolute;inset:0;display:block;text-decoration:none;color:#fff;-webkit-tap-highlight-color:transparent}
.svb-play:focus-visible{outline:3px solid var(--navy);outline-offset:3px}
.svb-play img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .25s ease}
.svb-play:hover img{transform:scale(1.03)}
.svb-btn{position:absolute;top:50%;left:50%;translate:-50% -50%;
  width:62px;height:62px;border-radius:50%;display:grid;place-items:center;
  background:rgba(12,24,56,.82);border:2px solid var(--gold-bright);color:var(--gold-bright);
  box-shadow:0 6px 20px rgba(6,11,32,.45);transition:transform .15s ease,background .15s ease}
.svb-btn .ic{width:36px;height:36px;stroke-width:1.7}
.svb-play:hover .svb-btn{transform:scale(1.07);background:var(--navy)}
.svb-frame{position:absolute;inset:0;width:100%;height:100%;border:0;background:#000}
.svb-body{min-width:0}
.svb-t{margin:0 0 6px;font-family:var(--serif);font-size:1.2rem;font-weight:800;line-height:1.42;color:var(--navy);
  text-wrap:balance}
.svb-x{margin:0 0 8px;font-size:1rem;line-height:1.65;color:#222a3d;
  display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden}
.svb-m{margin:0;display:flex;flex-wrap:wrap;align-items:center;gap:4px 14px;font-size:.84rem;line-height:1.5;color:var(--muted)}
.svb-yt{color:var(--navy);font-weight:700;text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--gold)}
.svb-yt:hover{color:var(--navy-deep)}
.svb-yt:focus-visible{outline:none;box-shadow:var(--ring);border-radius:4px}
/* אחרי הלחיצה: הנגן ברוחב הכרטיס והטקסט מתחתיו */
.svb.is-playing{grid-template-columns:minmax(0,1fr);align-items:start}
.svb.is-playing .svb-media{width:100%;max-width:820px}
@media(max-width:760px){
  .svb{grid-template-columns:minmax(0,1fr);gap:12px;padding:10px}
  .svb-t{font-size:1.08rem}
  .svb-btn{width:56px;height:56px}
}
@media(prefers-reduced-motion:reduce){.svb-play img,.svb-btn{transition:none}.svb-play:hover img{transform:none}}