/* Labels sit inside the existing reaction targets; surrounding geometry is unchanged. */
body[data-app-page="tv"] .meta-action,
body[data-app-page="discover"] .ref-social .ref-icon{
  display:flex;flex-direction:column;justify-content:center;align-items:center;
  gap:2px;padding:0;width:44px;height:44px;min-height:44px;box-sizing:border-box;
}
/* Discover already has a 46px minimum from discover-refined.css. */
body[data-app-page="discover"] .ref-social .ref-icon{min-height:46px}
body[data-app-page="tv"] .meta-action svg,
body[data-app-page="discover"] .ref-social .ref-icon svg{
  width:24px;height:24px;flex:0 0 24px;
}
body[data-app-page="tv"] .meta-action .reaction-label,
body[data-app-page="discover"] .ref-social .reaction-label{
  display:block;font:600 9px/10px var(--app-font);letter-spacing:.035em;
  text-transform:uppercase;text-shadow:0 1px 5px #0008;white-space:nowrap;
}