/* HeartBug presentation stylesheet 09 (extracted from inline <style>) */

  /* ─── EMBRACE · left text / right h-bars (scoped) ─── */
  /* P6/P7 switch horizontally instead of vertically */
  .p6-slide,.p7-slide{transform:translateX(96px) scale(.97);transform-origin:100% 50%}
  .p6-slide.is-before,.p7-slide.is-before{transform:translateX(-96px) scale(.97);transform-origin:0 50%}
  .p6-slide.is-active,.p7-slide.is-active{transform:none}
  .p6-slide .inner{width:min(1560px,100%);display:grid;grid-template-columns:1fr 1.1fr;gap:clamp(24px,4vw,64px);align-items:center}
  /* pills double as chart remotes */
  .p6-slide .pill{cursor:pointer;transition:border-color .3s,box-shadow .3s,transform .3s var(--ease),color .3s}
  .p6-slide .pill:hover,.p6-slide .pill.active{border-color:var(--line-r);box-shadow:0 12px 28px -14px rgba(228,0,43,.35);transform:translateY(-2px)}
  .p6-slide .pill.active{color:var(--red)}
  /* horizontal bar chart */
  .p6-chart{position:relative}
  .p6-chart svg{width:100%;height:auto;display:block;overflow:visible}
  .p6-hbar{transform:scaleX(0);transform-box:fill-box;transform-origin:left;
    transition:transform 1s var(--ease);cursor:pointer}
  .is-active .p6-hbar.c{transform:scaleX(1);transition-delay:.55s}
  .is-active .p6-hbar.i{transform:scaleX(1);transition-delay:.85s}
  .p6-val{font-size:26px;font-weight:800;opacity:0;transition:opacity .5s}
  .p6-val.vi{fill:var(--red)}
  .p6-val.vc{fill:var(--ink)}
  .is-active .p6-val.vc{opacity:1;transition-delay:1.2s}
  .is-active .p6-val.vi{opacity:1;transition-delay:1.5s}
  .p6-rl{font-size:13px;font-weight:700;letter-spacing:.18em;fill:var(--muted)}
  .p6-tick{stroke:var(--line);stroke-width:1.2}
  .p6-tl{font-size:11px;font-weight:600;fill:var(--dim)}
  .p6-chart.has-focus .p6-hbar:not(:hover):not(.active){filter:opacity(.28) grayscale(.4)}
  .p6-hbar:hover,.p6-hbar.active{filter:drop-shadow(0 10px 18px rgba(228,0,43,.35))}
  .p6-hbar.c:hover,.p6-hbar.c.active{filter:drop-shadow(0 10px 18px rgba(20,17,20,.3))}
  .p6-tip{position:absolute;left:50%;bottom:-14px;transform:translate(-50%,100%) scale(.9);z-index:3;
    background:var(--ink);color:#fff;font-size:12px;font-weight:600;white-space:nowrap;
    padding:8px 14px;border-radius:10px;opacity:0;pointer-events:none;transition:opacity .3s,transform .3s var(--ease)}
  .p6-tip b{color:#FF5C77;font-weight:800}
  .p6-tip.on{opacity:1;transform:translate(-50%,100%) scale(1)}
  /* figure 2 · daily AFib minutes */
  .p6-daily{max-height:0;opacity:0;overflow:hidden;transform:translateY(10px);
    transition:max-height .7s var(--ease),opacity .5s,transform .6s var(--ease);margin-top:0}
  .p6-slide.show-daily .p6-daily{max-height:300px;opacity:1;transform:none;margin-top:clamp(14px,2.5vh,22px)}
  .p6-slide.show-daily .p6-chart{filter:opacity(.3) grayscale(.5)}
  .p6-chart{transition:filter .5s}
  .p6-daily-hd{font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
  .p6-daily-hd b{color:var(--red)}
  .p6-daily svg{width:100%;height:auto;display:block;overflow:visible;margin-top:6px}
  .p6-dbar{fill:rgba(228,0,43,.85);transform:scaleY(0);transform-box:fill-box;transform-origin:bottom;
    transition:transform .55s var(--ease);transition-delay:var(--d)}
  .p6-slide.show-daily .p6-dbar{transform:scaleY(1)}
  .p6-dbar.spike{fill:var(--red)}
  .p6-daily.spike-on .p6-dbar:not(.spike){fill:rgba(20,17,20,.18)}
  .p6-dval{font-size:15px;font-weight:800;fill:var(--red);opacity:0;transition:opacity .4s 1.6s}
  .p6-slide.show-daily .p6-dval{opacity:1}
  .p6-daily-cap{margin-top:8px;font-size:clamp(.8rem,.98vw,.92rem);color:var(--muted)}
  .p6-daily-cap b{color:var(--red)}
  .p6-cap{margin-top:clamp(26px,5vh,44px);font-size:clamp(.85rem,1.05vw,1rem);font-weight:600;color:var(--ink);text-align:center}
  @media (max-width:1490px) and (max-height:950px){
    .p6-visuals{
      position:relative;
      left:-2vw;
    }
  }
  @media (max-width:1000px){
    .p6-slide .inner{grid-template-columns:1fr}
  }
  
