abbr.expand.secondary:before {
  content: attr(title) " ("
}

abbr.expand.secondary:after {
  content: ")"
}

abbr.expand.primary:after {
  content: " (" attr(title) ")"
}

@media handheld, print, projection, screen, tty, tv {
  abbr {
    border-bottom: 0
  }
}

@media handheld, screen, tty, tv {
  abbr.hint {
    border-bottom: 1px dotted black;
    cursor: help
  }
}