/* Yoga: uses the site's tokens and components. Mobile first, large readable text. */
.yg-sec{padding-block:48px}
.yg-sec h2{font-size:clamp(1.8rem,6vw,2.5rem)}
.yg-sec p{font-size:1.08rem;line-height:1.7}
.yg-actions{display:grid;gap:12px;margin-top:22px}
@media (min-width:600px){.yg-actions{display:flex;flex-wrap:wrap}}
.yg-actions.center{justify-content:center}
.yg-hero-art{display:grid;place-items:center}
.yg-fig{display:block;color:var(--gold);width:96px}
.yg-fig svg{display:block;width:100%;height:auto}
.yg-fig.sm{width:84px}
.yg-fig.lg{width:min(56vw,200px)}
.yg-limbs{margin:0;padding-left:1.4rem;display:grid;gap:8px;font-size:1.05rem}
.yg-limbs strong{color:var(--gold-hi);font-weight:600}
.yg-card{gap:12px}
.yg-card .btn{justify-self:start;margin-top:4px}
.yg-player{padding-block:28px 64px}
.yg-back a{color:var(--mist);text-decoration:none}
.yg-dots{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px}
.yg-dots li{width:22px;height:6px;border-radius:999px;background:var(--line-soft)}
.yg-dots li.done{background:var(--gold)}
.yg-dots li.now{background:var(--gold-hi);width:34px}
.yg-pose{display:grid;gap:18px;align-items:center;justify-items:center;text-align:center;padding:24px;border-radius:20px;background:var(--surface);border:1px solid var(--line-soft)}
.yg-pose h1{font-size:clamp(2rem,8vw,2.8rem)}
.yg-pose h1:focus{outline:none}
.yg-sk{margin-top:6px;font:italic 400 1.15rem var(--serif);color:var(--gold-hi)}
@media (min-width:640px){.yg-pose{grid-template-columns:auto 1fr;text-align:left;justify-items:start}}
.yg-steps{margin:0;padding-left:1.4rem;display:grid;gap:10px;font-size:1.12rem;line-height:1.6}
.yg-side{color:var(--gold-hi);font-weight:600}
.yg-timer{display:grid;gap:12px;justify-items:start;padding:18px;border-radius:16px;border:1px solid var(--line);background:var(--bg-2)}
.yg-clock{font:400 2.6rem/1 var(--serif);font-variant-numeric:tabular-nums}
.yg-bar{width:100%;height:6px;border-radius:999px;background:var(--line-soft);overflow:hidden}
.yg-bar-in{display:block;height:100%;background:var(--gold);transform-origin:left;transform:scaleX(0);transition:transform 1s linear}
@media (prefers-reduced-motion:reduce){.yg-bar-in{transition:none}}
.yg-note{padding:12px 14px;border-radius:12px;background:rgba(201,169,106,.08);border-left:3px solid var(--gold)}
.yg-note.care{background:rgba(243,169,150,.07);border-left-color:var(--err)}
.yg-nav{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}
.center{text-align:center;justify-items:center}