/* guide-breath.css — "הדבר החי" מסוג breath (7.10.2026, גל 2B). ההתנהגות ב-/js/guide-breath.js.
   נטען רק בעמוד הלחץ, אחרי guide-v3.css. העמוד הכי רגוע: בלי פס תמונה, עיגול רך אחד, כפתור אחד. */

/* הדף מגדיר h2{display:flex} בסגנון של עצמו */
body.g3 .g3-live h2{display:block}
body.g3 .gb-stage{position:relative;height:210px;margin-top:8px;display:grid;place-items:center}
body.g3 .gb-ring{position:absolute;width:200px;height:200px;border-radius:50%;border:1.5px dashed rgba(255,231,160,.28)}
body.g3 .gb-orb{position:absolute;width:200px;height:200px;border-radius:50%;
  background:radial-gradient(circle at 50% 42%,#FFF4D6 0%,rgba(255,231,160,.7) 30%,rgba(255,220,130,.22) 58%,rgba(255,212,92,0) 71%);
  box-shadow:0 0 60px -10px rgba(255,212,92,.35);will-change:transform}
body.g3 .gb-txt{text-align:center;min-height:3.4em;margin-top:2px}
body.g3 .gb-txt b{display:block;font-family:var(--serif);font-weight:900;font-size:22px;line-height:1.25;color:var(--hero-accent)}
body.g3 .gb-txt span{display:block;font-size:13px;font-weight:800;color:rgba(255,255,255,.8)}
body.g3 .gb-steps{display:flex;gap:4px;list-style:none;margin:6px 0 0;padding:0}
body.g3 .gb-steps li{flex:1 1 0;min-width:0;margin:0;padding:7px 9px;border-radius:10px;background:rgba(255,255,255,.08);transition:background .6s,color .6s}
body.g3 .gb-steps b{display:block;font-size:13px;font-weight:900;color:#fff}
body.g3 .gb-steps small{display:block;font-size:11.5px;font-weight:700;line-height:1.35;color:rgba(255,255,255,.65)}
body.g3 .gb-steps li.on{background:rgba(255,212,92,.22)}
body.g3 .gb-steps li.on b{color:var(--hero-accent)}
body.g3 .gb-cap{margin:8px 0 0;text-align:center;font-size:12.5px;font-weight:700;color:rgba(255,255,255,.7)}
body.g3 button.gb-btn{width:100%;border:0;font:inherit;font-weight:900;font-size:17px;cursor:pointer}
body.g3 .run button.gb-btn{background:transparent;color:#fff!important;box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.4)}
body.g3 .run button.gb-btn::before{display:none}

@media (min-width:900px){
  body.g3 .gb-stage{height:270px}
  body.g3 .gb-ring,body.g3 .gb-orb{width:240px;height:240px}
  body.g3 button.gb-btn{max-width:420px;margin-left:auto;margin-right:auto}
}
@media (prefers-reduced-motion: reduce){
  body.g3 .gb-steps li{transition:none}
}