/* BUFF OS v77 — the Muscles worked card. Matches the photo card above it. */
.v77-mus { margin: 12px 0 0; background: var(--elev2); border: 1px solid var(--line2); border-radius: var(--r2); overflow: hidden; }
.v77-mus img { display: block; width: 100%; aspect-ratio: 2 / 1; object-fit: cover; background: #0e1118; }
.v77-mus.noimg img { display: none; }
.v77-body { padding: 14px 14px 15px; }
.v77-mus img + .v77-body { border-top: 1px solid var(--line2); }
.v77-h { font-size: 10.5px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; color: var(--txt3); margin-bottom: 10px; }
.v77-m { display: flex; align-items: center; gap: 11px; padding: 9px 0; }
.v77-m + .v77-m { border-top: 1px solid var(--line2); }
.v77-m i { flex: 0 0 auto; width: 12px; height: 12px; border-radius: 50%; }
.v77-m.main i { background: #ec7058; box-shadow: 0 0 0 3px rgba(236, 112, 88, .22); }
.v77-m.also i { background: #eab13e; box-shadow: 0 0 0 3px rgba(234, 177, 62, .2); }
.v77-m span { flex: 1 1 auto; min-width: 0; display: flex; flex-direction: column; gap: 2px; }
.v77-m b { font-size: 15px; font-weight: 800; }
.v77-m small { font-size: 12px; line-height: 1.4; font-weight: 600; color: var(--txt3); }
.v77-m em { flex: 0 0 auto; font-style: normal; font-size: 9.5px; font-weight: 800; letter-spacing: .05em; text-transform: uppercase; white-space: nowrap; }
.v77-m.main em { color: #f2876f; }
.v77-m.also em { color: #eab13e; }
.v77-why { margin: 12px 0 0; padding-top: 12px; border-top: 1px solid var(--line2); font-size: 12.5px; line-height: 1.55; font-weight: 600; color: var(--txt2, var(--txt)); }