/* BUFF OS v65 — the muscle browser. Shipped without a stylesheet the first time,
   so the chips rendered as raw browser buttons. This is the app's own language:
   gold accent, pill chips, a quiet section header, the same grid underneath. */
.v65-wrap { margin: 2px 0 10px; }
.v65-h { display: flex; align-items: center; gap: 8px; margin: 0 2px 10px;
  font-size: 11px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; color: var(--txt3); }
.v65-h::after { content: ""; flex: 1; height: 1px; background: var(--line2); }

/* Wrapped into a grid, not scrolled: a row you have to swipe hides most of the
   list, and the point of the browser is seeing every muscle at once. Three to a
   row, emoji above the label so even "Pelvic floor" fits without truncating. */
.v65-chips { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; padding: 2px 2px 6px; }
@media (min-width: 560px) { .v65-chips { grid-template-columns: repeat(5, 1fr); } }
.v65-chip { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 3px;
  min-height: 62px; padding: 8px 6px; border-radius: 16px; cursor: pointer;
  font-family: inherit; font-size: 12.5px; font-weight: 700; color: var(--txt2);
  background: var(--elev2); border: 1px solid var(--line2); text-align: center; line-height: 1.15;
  transition: transform .15s var(--spring), background .18s, border-color .18s, color .18s; }
.v65-chip span { font-size: 17px; line-height: 1; }
.v65-chip i { font-style: normal; font-size: 10.5px; font-weight: 800; color: var(--txt3); }
.v65-chip:active { transform: scale(.95); }
.v65-chip.on { color: var(--accent-ink); background: var(--goldg); border-color: transparent;
  box-shadow: 0 6px 18px -8px rgba(var(--accent-rgb), .7); }
.v65-chip.on i { color: var(--accent-ink); opacity: .72; }

.v65-grid { margin: 4px 0 14px; padding: 14px 13px 6px; border-radius: 20px;
  background: rgba(var(--accent-rgb), .05); border: 1px solid rgba(var(--accent-rgb), .18); }
.v65-gh { display: flex; align-items: baseline; justify-content: space-between; gap: 10px;
  margin: 0 2px 12px; font-size: 15.5px; font-weight: 800; color: var(--txt); }
.v65-gh span { font-size: 11px; font-weight: 700; letter-spacing: .04em; color: var(--txt3); text-transform: none; }
.v65-chip em { font-style: normal; display: block; }